@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101112;--panel:#1a1b1d;--text:#f2f0e9;--muted:#a7a5a0;--orange:#ff6b35;--line:#363638}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-1.5px;font-weight:700}.brand span{font-weight:400}.brand i{color:var(--orange);font-style:normal}.nav nav{display:flex;gap:32px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.nav nav a:hover,.text-link:hover{color:var(--orange)}.hero{padding:95px max(5vw,22px) 100px;min-height:730px;position:relative;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.hero h1,.statement h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(75px,11vw,180px);line-height:.86;letter-spacing:-.095em;margin:45px 0 30px;position:relative;z-index:2}.hero h1 em,.statement h2 em,.tone-info h2 em{color:var(--orange);font-style:normal}.hero p{font-size:18px;line-height:1.6;max-width:420px;color:var(--muted);position:relative;z-index:2}.button{background:var(--orange);color:#111;display:inline-flex;align-items:center;gap:40px;padding:17px 23px;font-size:12px;font-weight:800;letter-spacing:1px;margin-top:22px;position:relative;z-index:2}.button:hover{background:#ff8c62}.hero-art{position:absolute;right:-5%;top:9%;width:48vw;height:610px;opacity:.8}.circle{border:2px solid #343536;border-radius:50%;position:absolute;inset:5%}.c2{inset:17%;border-color:#4a3b33}.c3{inset:29%;background:radial-gradient(circle at 35% 35%,#ff9d5a,#d04b20 60%,#52200e);box-shadow:0 0 120px #a4471a55}.art-label{position:absolute;right:4%;bottom:0;font-weight:800;font-size:13px;letter-spacing:5px;line-height:1.6}.section{padding:110px max(5vw,22px)}.section-heading{display:flex;align-items:end;justify-content:space-between}.section h2{font-family:'Space Grotesk';font-size:clamp(55px,8vw,110px);letter-spacing:-.075em;line-height:1;margin:25px 0 55px}.accent{color:var(--orange)}.project{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:var(--panel)}.project-art{background:#efdfc9;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.knob{width:230px;height:230px;background:repeating-conic-gradient(#28231f 0deg 4deg,#6b5c4c 4deg 8deg);border-radius:50%;box-shadow:12px 22px 0 #a89a86,18px 34px 35px #4c403f77;display:flex;align-items:center;justify-content:center;transform:rotate(-17deg)}.knob:before{content:'';position:absolute;inset:23px;border-radius:50%;background:#eee5d4;box-shadow:inset 0 4px 10px #c4b9a8}.knob-top{z-index:1;color:#25201c;font-size:34px;font-weight:800;letter-spacing:-2px}.pointer{position:absolute;top:36px;width:5px;height:23px;background:var(--orange);z-index:2}.knob-caption{color:#3c3128;font-size:11px;letter-spacing:4px;font-weight:800;margin-top:65px}.project-copy{padding:70px 8%;display:flex;flex-direction:column;justify-content:center}.project-copy h3{font-family:'Space Grotesk';font-size:clamp(56px,6vw,100px);letter-spacing:-.085em;line-height:.9;margin:30px 0}.project-copy p{color:var(--muted);line-height:1.7;max-width:380px}.text-link{font-size:12px;letter-spacing:1.5px;font-weight:800;margin-top:28px}.coming{padding:32px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:2px}.statement{padding:130px max(5vw,22px);background:#e8e1d5;color:#141414}.statement .eyebrow{color:#555}.statement h2{font-size:clamp(65px,9vw,135px)}.statement p{max-width:450px;font-size:19px;line-height:1.7}footer{padding:45px max(5vw,22px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer>a:not(.brand){font-size:11px;letter-spacing:1.5px;font-weight:700}footer small{font-size:10px;color:var(--muted);letter-spacing:1px}.tone-page{--orange:#f58a36}.tone-hero{padding:100px max(5vw,22px) 115px;background:radial-gradient(ellipse at 75% 40%,#3c271b 0%,#151312 50%,#101112 90%)}.tone-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.tone-title{font-family:'Space Grotesk';font-size:clamp(70px,9vw,150px);letter-spacing:-.095em;font-weight:700;line-height:.84;margin:50px 0 30px}.tone-title span{color:var(--orange)}.tone-title b{color:#f3f0e8}.tone-lead{font-size:24px!important;color:#fff!important;font-weight:700}.tone-layout p{font-size:16px;color:var(--muted);max-width:530px;line-height:1.7}.tone-art{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tone-ring{width:min(32vw,400px);height:min(32vw,400px);border:2px dashed #b88759;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-14deg)}.tone-knob{width:70%;height:70%;border-radius:50%;background:repeating-conic-gradient(#302923 0deg 5deg,#8b7762 5deg 9deg);box-shadow:12px 20px 0 #1d1714,16px 24px 50px #000;display:flex;align-items:center;justify-content:center;position:relative}.tone-knob:before{content:'';position:absolute;inset:13%;background:radial-gradient(circle at 30% 20%,#fff0d4,#bbaa8d);border-radius:50%}.tone-knob span{z-index:2;color:#32261d;font-weight:800;font-size:clamp(20px,3vw,40px)}.tone-marker{position:absolute;top:18%;width:5px;height:20px;background:var(--orange);z-index:2}.tone-num{position:absolute;color:#e7c9a4;font-size:17px;font-weight:800}.n1{top:7%;left:25%}.n2{top:22%;right:7%}.n3{right:7%;bottom:24%}.n4{bottom:6%;left:44%}.n5{left:6%;bottom:36%}.soundwave{font-size:35px;color:var(--orange);letter-spacing:7px;margin-top:55px}.tone-info h2{font-family:'Space Grotesk';font-size:clamp(65px,9vw,125px);letter-spacing:-.09em;line-height:.92}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);padding-top:35px}.info-grid h3{font-size:14px;letter-spacing:1px}.info-grid p{color:var(--muted);line-height:1.8;max-width:480px}@media(max-width:800px){.nav{height:72px}.nav nav{gap:14px;font-size:10px}.nav nav a:nth-child(2){display:none}.hero{min-height:650px;padding-top:85px}.hero h1{font-size:clamp(66px,15vw,110px)}.hero-art{width:90vw;height:450px;right:-40%;top:20%;opacity:.35}.project,.tone-layout,.info-grid{grid-template-columns:1fr}.project-art{min-height:390px}.project-copy{padding:50px 8%}.tone-art{min-height:350px}.tone-ring{width:300px;height:300px}.tone-hero{padding-top:75px}.tone-title{font-size:clamp(62px,13vw,110px)}.statement{padding-top:90px;padding-bottom:90px}.statement h2{font-size:clamp(55px,11vw,100px)}footer{align-items:start;flex-direction:column}}

/* Officieel Tone Pot-Cast-logo */
.tone-logo-art{padding:18px;min-height:0}
.tone-official-logo{display:block;width:min(100%,520px);height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.42);transform:rotate(2deg)}
@media(max-width:800px){.tone-logo-art{padding:12px 0 0}.tone-official-logo{width:min(100%,430px);transform:none}}