.nav{backdrop-filter:none;background:0 0;border-bottom-color:#0000;transition:background .28s,border-color .28s}.nav.is-stuck{backdrop-filter:blur(8px);background:#050706f0;border-bottom-color:#0000}body[data-paper=on] .nav:not(.is-stuck):after{content:none}#topics{padding-top:96px}#topics .sec-head{margin-bottom:12px}.hero{--nav-h:69px;margin-top:calc(-1 * var(--nav-h));position:relative;overflow:hidden}.hero .bg{z-index:0;position:absolute;inset:0}.hero .bg img{object-fit:cover;opacity:.62;width:100%;height:100%}.hero .bg:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--void) 35%, transparent), color-mix(in srgb, var(--void) 88%, transparent) 66%, var(--void));position:absolute;inset:0}.hero .inner{max-width:var(--wrap-wide);z-index:2;padding:calc(var(--nav-h) + 22px) 0 12px;grid-template-columns:1.06fr .94fr;align-items:start;gap:clamp(40px,4vw,72px);min-height:clamp(600px,74vh,840px);display:grid;position:relative}.hero .band{align-self:end;padding-top:clamp(38px,4.6vw,90px);padding-bottom:0}.hero .lockup{width:100%;max-width:clamp(460px,33vw,660px);margin:0 auto;position:relative}.hero .lockup:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(58% 58%,#0001008c,#0000 76%);position:absolute;inset:-12% -6%}.hero .lockup h1{margin:0}.hero .mark{z-index:1;filter:drop-shadow(0 10px 26px #000000b3);width:100%;margin:0 auto;position:relative}.hero .tag{font-family:var(--font-mono);letter-spacing:.03em;color:var(--bone-dim);text-align:center;margin:-10px 0 0;font-size:clamp(14.5px,1.5vw,18px);line-height:1.35}.hero .dek{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:0 0 14px;font-size:clamp(25px,3.05vw,40px);line-height:1.24}.hero .sub{color:var(--bone-dim);max-width:54ch;margin:0 0 22px;font-size:17px}.hero .cta-stack{width:min(560px,100%)}.hero .cta-row{flex-wrap:wrap;gap:12px;margin-bottom:0;display:flex}.hero .now{border:1px solid var(--line);background:#111713b8;border-radius:3px;align-items:center;gap:18px;width:100%;margin-top:26px;padding:17px 20px;display:flex}.hero .now .meta{min-width:0}.hero .now .kicker{letter-spacing:.16em;font-size:11px;display:block}.hero .now h2{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:clamp(19px,1.5vw,23px);overflow:hidden}.hero .now p{display:none}.hero .hero-listen{align-items:center;gap:16px;margin-top:60px;padding-left:44px;display:flex;position:relative}.hero .hl-lbl{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--bone);white-space:nowrap;margin:0;font-size:clamp(14px,1.12vw,16.5px);font-weight:400;position:relative}.hero .hl-lbl:before{content:"";background:var(--brand);pointer-events:none;width:30px;height:23px;margin-top:-11px;position:absolute;top:50%;left:-44px;-webkit-mask:url(/img/mark-arrow-2.svg) 50%/100% 100% no-repeat;mask:url(/img/mark-arrow-2.svg) 50%/100% 100% no-repeat}.hero .hero-icons{align-items:center;gap:14px;display:flex}.hero .h-ico{color:var(--bone-dim);line-height:0;transition:color .14s,transform .14s;display:block}.hero .h-ico:hover{color:var(--brand);transform:translateY(-2px)}@media (width<=1080px){.hero .hero-listen{flex-direction:column;align-items:flex-start;gap:14px}}.hero .now .player{gap:10px;margin-left:auto}.hero .now .play{width:38px;height:38px}.hero .now .play svg{width:15px;height:15px}.hero .now .ptime{display:none}.now h2{margin:8px 0;font-size:24px}.now p{margin:0 0 14px;font-size:14.5px}.now .wave{display:none}.now .player{gap:12px}.now .kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-size:10.5px}.now h2{font-family:var(--font-display);text-transform:uppercase;margin:9px 0 10px;font-size:27px;line-height:1.02}.now p{color:var(--bone-dim);margin:0 0 16px;font-size:15px}.findband{background:0 0;border:none;padding:0 0 68px}.findband .lead{font-family:var(--font-display);text-transform:uppercase;text-align:center;letter-spacing:.03em;margin:0 0 13px;font-size:clamp(16px,1.75vw,20px)}.findband .hint{font-family:var(--font-mono);color:var(--bone-dim);text-align:center;letter-spacing:.06em;margin-top:13px;font-size:11.5px}.findband .hint a{color:var(--bone-dim);text-underline-offset:3px;text-decoration:underline}.awards{background:0 0;padding:112px 0;position:relative}.award-row{grid-template-columns:250px 1fr;align-items:center;gap:44px;display:grid}.award-slot{border:1px dashed var(--line);text-align:center;font-family:var(--font-mono);color:var(--bone-dim);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:26px 20px;font-size:11px;line-height:1.9}.topics{flex-wrap:wrap;gap:10px;display:flex}.listenband .sec-head{justify-content:center;margin-bottom:20px}.listenband{padding:56px 0}@media (width<=900px){.hero .inner{max-width:var(--wrap);grid-template-columns:1fr;gap:18px;padding:76px 26px 34px}.hero .band{padding-top:16px}.hero .tag{margin-top:-22px}.hero .lockup{max-width:340px}.hero .mark{max-width:320px}.award-row,.show{grid-template-columns:1fr;gap:28px}}.hero .inner>*{min-width:0}.hero .mark{height:auto}.hero .now h2 a{color:inherit;text-decoration:none}.hero .now h2 a:hover{color:var(--brand)}.now .pbar{display:none}.hero .hl-intro{font-family:var(--font-mono);letter-spacing:.04em;color:var(--bone-dim);margin:40px 0 -44px;font-size:12.5px}.home-demo{max-width:560px;margin-top:34px}.home-demo figcaption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 10px;font-size:11px}.home-demo audio{width:100%}.home-demo-facade{background:var(--void);cursor:pointer;aspect-ratio:16/9;border:0;width:100%;padding:0;display:block;position:relative}.home-demo-facade img{object-fit:cover;width:100%;height:100%;display:block}.home-demo-play{background:var(--action);width:58px;height:58px;color:var(--action-ink);border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-demo-frame{aspect-ratio:16/9;border:0;width:100%;display:block}.home-demo .sec-more{margin-top:14px}@media (width>=901px) and (height<=820px){.hero .inner{padding-top:calc(var(--nav-h) + 8px);min-height:max(520px,74svh)}.hero .band{padding-top:12px}.hero .dek{font-size:clamp(25px,5svh,40px)}.hero .sub{margin-bottom:16px}.hero .now{margin-top:18px}.hero .hero-listen{margin-top:30px}}@media (width<=900px) and (width>=521px){.hero .hero-listen{flex-direction:row;align-items:center;gap:16px}}@media (width<=760px){.hero .now .play{width:44px;height:44px}.hero .h-ico{margin:-11px;padding:11px}}.hero .tag{position:relative}.hero .tag-type{opacity:0;pointer-events:none;position:absolute;inset:0}@media (scripting:enabled){.hero .tag-real{opacity:0;animation:10ms linear 9s both tws-tag-failsafe}.hero .mark{filter:url(#tws-emerge)drop-shadow(0 10px 26px #000000b3);animation:4.4s ease-out both tws-hero-emerge,10ms linear 9s both tws-hero-fx-failsafe}}.hero-intro .hero .mark{animation:4.4s ease-out both tws-hero-emerge}.hero-emerged .hero .mark{filter:drop-shadow(0 10px 26px #000000b3)}.hero-emerged .hero .band>.dek,.hero-emerged .hero .band>.sub,.hero-emerged .hero .band .cta-stack{filter:none}@keyframes tws-hero-emerge{0%{opacity:.3}60%{opacity:.8}to{opacity:1}}@media (scripting:enabled){.hero .band>.dek,.hero .band>.sub,.hero .band .cta-stack{filter:url(#tws-emerge);animation:4.4s ease-out both tws-hero-emerge,10ms linear 9s both tws-hero-fx-failsafe}}@keyframes tws-hero-fx-failsafe{to{filter:none}}@keyframes tws-hero-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero .band>.dek,.hero .band>.sub,.hero .band .cta-stack{opacity:1;animation:none}}@keyframes tws-tag-failsafe{to{opacity:1}}.hero-intro-done .hero .tag-real{opacity:1;animation:none}.hero-intro-typing .hero .tag-real{opacity:0;animation:none}.hero-intro-typing .hero .tag-type{opacity:1}.hero-intro-typing .hero .tag-type:after{content:"";vertical-align:-.14em;background:var(--brand);width:1px;height:1em;margin-left:2px;animation:1s step-end infinite tws-caret;display:inline-block}.hero-intro-typing .hero .tag-type.is-done:after{opacity:1;animation:none}@keyframes tws-caret{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-intro .hero .mark,.hero .mark{opacity:1;filter:drop-shadow(0 10px 26px #000000b3);animation:none}.hero-intro-typing .hero .tag-real,.hero .tag-real{opacity:1;animation:none}.hero-intro-typing .hero .tag-type{opacity:0}.hero-intro-typing .hero .tag-type:after{animation:none}}.hero-fx{width:0;height:0;position:absolute}
