/* De-Esser: a spectral surface becomes two controlled bands. The product itself
   is a lossless native capture; no controls are reconstructed in the browser. */
#de{--de-high:#ff7030;--de-ink:#b8b8b8;background:var(--bg);overflow:clip}
/* Match the shared navigation's flow, including on return through soft-nav. */
#global-navbar .nav-links{position:static!important;left:auto!important;transform:none!important;margin-left:auto;gap:1.5rem}
#global-navbar .nav-left{min-width:0;flex:0 1 440px;gap:2rem}
#global-navbar .nav-search{min-width:130px;width:auto;flex:1 1 280px}
#global-navbar .nav-btns{flex-shrink:0;margin-left:auto}
#de *{box-sizing:border-box}
#de a{color:inherit}
#de button,#de input{font:inherit}
#de a:focus-visible,#de button:focus-visible,#de input:focus-visible,#de summary:focus-visible{outline:2px solid var(--y);outline-offset:6px}
#de .de-wrap{width:min(1300px,calc(100% - 80px));margin-inline:auto}
#de .de-label{font-size:10px;letter-spacing:2.5px;line-height:1.6;font-weight:600;text-transform:uppercase}
#de .de-muted{color:var(--tm)}
#de .de-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 25px;text-decoration:none;line-height:1.3}
#de .de-btn svg{width:16px;height:16px;flex-shrink:0;transition:transform .25s}
#de .de-btn:hover svg{transform:translateY(3px)}
#de .de-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none;font-size:12px;font-weight:500}
#de .de-link span{color:var(--y);font-size:20px}
#de .de-scene{position:relative}
#de .de-pin{position:relative;overflow:hidden;padding:50px 0 70px}
#de .de-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;color:var(--tm)}
#de .de-top a{text-decoration:none;transition:color .2s}
#de .de-top a:hover{color:var(--t)}
#de .de-top-left{display:flex;align-items:center;gap:12px}
#de .de-top-right{display:flex;gap:28px}
#de .de-intro{position:relative;z-index:3;padding-top:75px;pointer-events:none}
#de .de-intro h1{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:3px;font-weight:500;color:var(--de-ink);margin-bottom:26px}
#de .de-title{font-family:'Oswald',sans-serif;font-size:clamp(72px,6.8vw,106px);font-weight:500;line-height:1.03;letter-spacing:-2.5px;text-transform:uppercase;margin:0}
#de .de-title .de-outline{-webkit-text-stroke:1px var(--t);color:transparent}
#de .de-intro p{font-size:14px;line-height:1.9;color:var(--de-ink);max-width:370px;margin-top:26px}
#de .de-intro .de-link{margin-top:28px;pointer-events:auto}
#de .de-art{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#de .de-art-caption{display:none;position:absolute;right:5%;bottom:16%;color:var(--tm);z-index:2}
#de .de-art-caption i{display:inline-block;width:24px;height:1px;background:var(--y);vertical-align:middle;margin-right:9px}
#de .de-beat{display:none;position:absolute;z-index:3;width:100%;text-align:center;pointer-events:none}
#de .de-beat h2{font-size:clamp(42px,5vw,76px);line-height:1.05;font-weight:500;letter-spacing:-1.5px}
#de .de-beat p{font-size:13px;color:var(--de-ink);line-height:1.8;max-width:410px;margin:16px auto 0}
#de .de-beat .de-label{display:block;color:var(--tm);margin-bottom:15px}
#de .de-beat-a,#de .de-beat-b{top:17%}
#de .de-beat-c{top:15%}
#de .de-beat-c h2{font-size:clamp(38px,4.1vw,58px)}
#de .de-device{position:relative;z-index:2;width:min(930px,calc(100% - 80px));margin:80px auto 0}
#de .de-device img{display:block;width:100%;height:auto;filter:drop-shadow(0 35px 60px rgba(0,0,0,.7))}
#de .de-device figcaption{text-align:center;color:var(--tm);font-size:11px;margin-top:18px}
#de .de-final-link{display:none;position:absolute;z-index:5;left:50%;bottom:8%;transform:translateX(-50%);white-space:nowrap}
#de .de-rail{display:none;position:absolute;z-index:4;left:50%;bottom:32px;transform:translateX(-50%);width:min(1300px,calc(100% - 80px));align-items:center;justify-content:space-between;gap:32px}
#de .de-rail-labels{display:flex;gap:24px;color:var(--tm)}
#de .de-rail-labels span{transition:color .2s}
#de .de-rail-labels .is-current{color:var(--t)}
#de .de-scroll-hint{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--de-ink);display:none}
#de .de-scene.is-live .de-scroll-hint{display:block}
#de .de-progress{width:130px;height:2px;background:var(--br);overflow:hidden}
#de .de-progress i{display:block;height:100%;background:var(--y);transform:scaleX(0);transform-origin:left}
#de .de-scene.is-live{height:470svh}
#de .de-scene.is-live .de-pin{position:sticky;top:0;height:100svh;min-height:580px;padding:0}
#de .de-scene.is-live .de-top{position:absolute;left:50%;transform:translateX(-50%);top:105px}
#de .de-scene.is-live .de-intro{position:absolute;left:50%;transform:translateX(-50%);top:26%;padding:0}
#de .de-scene.is-live .de-art,#de .de-scene.is-live .de-art-caption,#de .de-scene.is-live .de-beat{display:block}
#de .de-scene.is-live .de-beat{opacity:0}
#de .de-scene.is-live .de-device{position:absolute;left:50%;top:56%;width:min(930px,calc(100vw - 100px),76svh);margin:0;transform:translate(-50%,-50%);opacity:0;clip-path:inset(50% 0 50% 0)}
#de .de-scene.is-live .de-device figcaption{display:none}
#de .de-scene.is-live .de-final-link{display:inline-flex;opacity:0;pointer-events:none}
#de .de-scene.is-live .de-rail{display:flex}
#de .de-statement{padding:100px 0 105px;border-block:1px solid var(--br)}
#de .de-statement .de-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
#de .de-statement h2{font-weight:400;font-size:clamp(38px,4.2vw,62px);line-height:1.12;letter-spacing:-1px}
#de .de-statement h2 span{color:var(--tm)}
#de .de-statement p{font-size:15px;color:var(--de-ink);max-width:460px;line-height:1.95}
#de .de-inside{padding:135px 0 120px}
#de .de-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}
#de .de-section-head h2{font-weight:500;font-size:clamp(42px,4.6vw,68px);line-height:1.1;letter-spacing:-1.3px;margin-top:18px}
#de .de-section-head>p{max-width:350px;font-size:13px;color:var(--de-ink);line-height:1.9}
#de .de-tour{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
#de .de-tour-controls{display:none;gap:8px;margin-bottom:32px}
#de.has-tour .de-tour-controls{display:flex}
#de .de-tour-controls button{background:transparent;border:1px solid #373737;border-radius:999px;color:var(--de-ink);padding:10px 17px;cursor:pointer;font-size:10px;letter-spacing:1px;font-weight:600}
#de .de-tour-controls button[aria-selected=true]{color:var(--t);border-color:var(--y)}
#de .de-tour-controls button[data-view=high][aria-selected=true]{border-color:var(--de-high)}
#de .de-tour-copy h3{font-size:32px;font-weight:400;line-height:1.2;margin-bottom:18px}
#de .de-tour-copy p{color:var(--de-ink);font-size:13px;line-height:1.95;max-width:390px}
#de .de-tour-copy ul{list-style:none;margin-top:28px}
#de .de-tour-copy li{font-size:11px;color:var(--de-ink);padding:11px 0;border-bottom:1px solid var(--br);display:flex;justify-content:space-between;gap:10px}
#de .de-tour-copy li b{font-weight:500;color:var(--t)}
#de .de-tour-copy[hidden]{display:none}
#de .de-closeup{margin:0;min-width:0}
#de .de-detail-window{position:relative;aspect-ratio:930/660;overflow:hidden;border-radius:12px;background:var(--s2);border:1px solid var(--br);isolation:isolate}
#de .de-detail-window img{display:block;width:100%;height:auto;transform-origin:0 0;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#de.has-tour .de-detail-window{aspect-ratio:345/286}
#de .de-detail-window[data-view=low] img{width:269.565%;transform:translate(-1.613%,-48.03%)}
#de .de-detail-window[data-view=high] img{width:269.565%;transform:translate(-61.29%,-48.03%)}
#de .de-closeup figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;letter-spacing:1px;color:var(--tm);text-transform:uppercase}
#de .de-detail-dot{display:inline-block;background:var(--y);width:5px;height:5px;border-radius:50%;margin-right:8px;vertical-align:middle}
#de .de-detail-window[data-view=high]+figcaption .de-detail-dot{background:var(--de-high)}
#de .de-workflow{padding:15px 0 110px}
#de .de-workflow-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;border-top:1px solid var(--br);padding-top:38px}
#de .de-workflow h3{font-size:26px;line-height:1.3;font-weight:400;margin:15px 0}
#de .de-workflow p{font-size:12px;line-height:1.9;color:var(--de-ink)}
#de .de-workflow svg{width:36px;height:36px;stroke:var(--de-ink);fill:none;stroke-width:1.2}
#de .de-specs{display:flex;flex-wrap:wrap;gap:12px 50px;margin-top:70px;padding-top:25px;border-top:1px solid var(--br)}
#de .de-specs span{font-size:11px;color:var(--tm)}
#de .de-specs b{color:var(--t);font-weight:500;margin-right:8px}
#de .de-faq{padding:80px 0 120px;background:var(--s1);border-top:1px solid var(--br)}
#de .de-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
#de .de-faq h2{font-size:42px;font-weight:400;line-height:1.2;margin-top:18px;max-width:300px}
#de .de-faq details{border-bottom:1px solid #292929;padding:23px 0}
#de .de-faq details:first-child{padding-top:0}
#de .de-faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-size:14px;font-weight:500}
#de .de-faq summary::-webkit-details-marker{display:none}
#de .de-faq summary:after{content:'+';color:var(--tm);font-size:20px;line-height:1}
#de .de-faq details[open] summary:after{content:'−'}
#de .de-faq details p{font-size:12px;line-height:1.95;color:var(--de-ink);padding-top:16px;max-width:560px}
#de .de-get{position:relative;text-align:center;padding:135px 24px 125px;border-top:1px solid var(--br);overflow:hidden}
#de .de-get:before{content:'SSS';position:absolute;font:500 520px/.8 'Oswald',sans-serif;letter-spacing:-25px;left:50%;top:60%;transform:translate(-50%,-50%);color:var(--s2);pointer-events:none}
#de .de-get>*{position:relative}
#de .de-get h2{font-size:clamp(54px,7vw,94px);font-weight:500;line-height:1.05;letter-spacing:-2px;margin:23px 0}
#de .de-get>p{font-size:13px;color:var(--de-ink);line-height:1.8}
#de .plg-get{max-width:510px;margin:35px auto 26px;text-align:left}
#de .plg-get-row{display:flex;gap:10px}
#de .plg-get-row input{flex:1;min-width:0;background:var(--s1);border:1px solid #454545;border-radius:999px;padding:15px 20px;color:var(--t);font-size:13px}
#de .plg-get-row input::placeholder{color:var(--tm)}
#de .plg-get-row button{border:0;cursor:pointer;white-space:nowrap}
#de .plg-opt{display:flex;gap:11px;align-items:flex-start;color:var(--de-ink);font-size:10px;line-height:1.7;margin-top:18px}
#de .plg-opt input{accent-color:var(--y);margin-top:3px;flex-shrink:0}
#de .plg-msg{font-size:12px;line-height:1.7;min-height:22px;margin-top:14px;color:var(--success)}
#de .plg-msg.bad{color:var(--error)}
#de .de-get .de-back{font-size:11px;color:var(--tm);text-underline-offset:4px}
#de .de-jump{scroll-margin-top:110px}
@media(max-width:768px){
  #global-navbar .hamburger{display:flex!important}
  #global-navbar .nav-links,#global-navbar .nav-search,#global-navbar .nav-btns .btn{display:none!important}
  #global-navbar .nav-left{flex:1 1 auto}
  #de .de-wrap{width:calc(100% - 40px)}
  #de .de-top{font-size:8px;letter-spacing:1.5px}
  #de .de-top-right{gap:18px}
  #de .de-top-left .de-crumb-current{display:none}
  #de .de-intro{padding-top:50px}
  #de .de-intro h1{font-size:9px;letter-spacing:2px;margin-bottom:18px}
  #de .de-title{font-size:clamp(40px,11.8vw,78px);letter-spacing:-1px}
  #de .de-intro p{font-size:12px;line-height:1.85;max-width:300px;margin-top:20px}
  #de .de-intro .de-link{font-size:11px;margin-top:20px}
  #de .de-device{width:calc(100% - 40px);margin-top:45px}
  #de .de-scene.is-live{height:390svh}
  #de .de-scene.is-live .de-pin{min-height:620px}
  #de .de-scene.is-live .de-top{top:98px}
  #de .de-scene.is-live .de-intro{top:21%}
  #de .de-art-caption{right:20px;bottom:14%;font-size:8px;letter-spacing:1.5px}
  #de .de-beat-a,#de .de-beat-b{top:23%;padding:0 20px}
  #de .de-beat h2{font-size:42px;letter-spacing:-1px}
  #de .de-beat p{font-size:12px;max-width:280px}
  #de .de-beat-c{top:23%}
  #de .de-beat-c h2{font-size:34px}
  #de .de-beat-c .de-label{font-size:8px;letter-spacing:1.6px}
  #de .de-scene.is-live .de-device{top:56%;width:calc(100% - 36px)}
  #de .de-final-link{bottom:15%}
  #de .de-rail{width:calc(100% - 40px);bottom:28px;gap:12px}
  #de .de-rail-labels{gap:14px;font-size:8px;letter-spacing:1px}
  #de .de-progress{width:70px}
  #de .de-scroll-hint{bottom:8%;font-size:8px;letter-spacing:1.4px}
  #de .de-statement{padding:60px 0}
  #de .de-statement .de-wrap,#de .de-tour,#de .de-faq-grid{grid-template-columns:1fr;gap:35px}
  #de .de-statement h2{font-size:38px}
  #de .de-statement p{font-size:13px}
  #de .de-inside{padding:75px 0 65px}
  #de .de-section-head{display:block;margin-bottom:35px}
  #de .de-section-head h2{font-size:43px}
  #de .de-section-head>p{font-size:12px;margin-top:20px}
  #de .de-tour-controls{margin-bottom:25px}
  #de .de-tour-copy h3{font-size:29px}
  #de .de-tour-copy ul{margin-top:18px}
  #de .de-workflow{padding-bottom:65px}
  #de .de-workflow-row{grid-template-columns:1fr;gap:35px}
  #de .de-workflow-row article{padding-bottom:25px;border-bottom:1px solid var(--br)}
  #de .de-workflow-row article:last-child{border:0;padding:0}
  #de .de-workflow h3{margin-top:10px}
  #de .de-specs{margin-top:40px;gap:15px 30px}
  #de .de-faq{padding:65px 0 70px}
  #de .de-faq h2{font-size:36px}
  #de .de-faq summary{font-size:12px}
  #de .de-get{padding:80px 20px 75px}
  #de .de-get h2{font-size:59px}
  #de .plg-get-row{gap:8px}
  #de .plg-get-row input{padding:14px;font-size:12px}
  #de .plg-get-row .de-btn{padding:14px 19px;font-size:11px}
}
@media(min-width:769px){.mobile-menu{display:none!important}}
@media(prefers-reduced-motion:reduce){
  #de *,#de *:before,#de *:after{scroll-behavior:auto!important;transition:none!important}
}
