:root{--ease-out:cubic-bezier(.16,1,.3,1);--header-h:82px;--line-dark:#ffffff1f;--line-light:#c5c2b8}
html{scroll-padding-top:calc(var(--header-h) + 20px)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;z-index:9999;inset:0 0 auto;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--acid),#fff);transform-origin:left;transform:scaleX(0)}
.scroll-progress{position:fixed;z-index:10000;inset:0 0 auto;height:2px;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left;will-change:transform}
.skip-link{position:fixed;z-index:10001;left:16px;top:12px;padding:12px 16px;background:var(--acid);color:var(--ink);font-weight:800;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
.site-header{transition:height .35s var(--ease-out),background .35s,box-shadow .35s}.site-header.is-scrolled{height:68px;background:#090a0af2;box-shadow:0 10px 35px #0005}.site-header.is-scrolled .brand-mark{transform:scale(.9)}
.brand-mark{transition:transform .35s var(--ease-out)}
.desktop-nav a{position:relative}.desktop-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}.desktop-nav a:hover:after,.desktop-nav a[aria-current="page"]:after{transform:scaleX(1);transform-origin:left}
.nav-cta,.button-primary,.contact-band>a,.listen-cta>a,.yt-hero-copy>a,.faq-contact>a,.company-contact>a,.event-hero>a{isolation:isolate;overflow:hidden;transition:color .25s,background .25s,transform .25s var(--ease-out),box-shadow .25s}.nav-cta:hover,.button-primary:hover,.contact-band>a:hover,.listen-cta>a:hover,.yt-hero-copy>a:hover,.event-hero>a:hover{transform:translateY(-3px);box-shadow:0 14px 35px #d9ff4525}
a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #91aa16;outline-offset:4px}
button,a{touch-action:manipulation}
.service-card,.article-card,.track-card,.youtube-card,.yt-sound-grid article,.event-tags>div{transform:translateZ(0)}
.service-card{transition:transform .4s var(--ease-out),background .3s,color .3s}.service-card:hover{transform:translateY(-8px)}
.article-card .article-image,.youtube-card .youtube-frame{box-shadow:0 0 0 1px transparent;transition:box-shadow .3s,transform .45s var(--ease-out)}.article-card:hover .article-image,.youtube-card:hover .youtube-frame{transform:translateY(-5px);box-shadow:0 18px 50px #0003}
.media-loader{transition:border-color .25s,transform .25s var(--ease-out)}.media-loader:active{transform:scale(.985)}
.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}.reveal-ready.is-visible{opacity:1;transform:none}
.article-grid,.track-grid,.youtube-grid,.yt-sound-grid,.event-tags{content-visibility:auto;contain-intrinsic-size:800px}
.entry-content{overflow-wrap:anywhere}.entry-content>*:first-child{margin-top:0}.entry-content>*:last-child{margin-bottom:0}
.mobile-nav{overscroll-behavior:contain}.mobile-nav a{transition:color .2s,padding-left .3s var(--ease-out)}.mobile-nav a:hover,.mobile-nav a:focus-visible{color:var(--acid);padding-left:10px}
.faq-item summary{position:relative;z-index:1;min-height:72px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.faq-item summary>*{pointer-events:none}.faq-item[open]>div{animation:faq-open .3s var(--ease-out) both}@keyframes faq-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@supports (view-transition-name:none){@view-transition{navigation:auto}::view-transition-old(root){animation:.18s ease both fade-out}::view-transition-new(root){animation:.3s ease both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}}
@media(max-width:1100px) and (min-width:901px){.desktop-nav{gap:18px}.desktop-nav a{font-size:10px}.site-header{padding-inline:3vw}}
@media(min-width:901px){.hero h1{font-size:clamp(54px,6.2vw,104px)}}
@media(max-width:900px){:root{--header-h:70px}.site-header,.site-header.is-scrolled{height:70px}.mobile-nav:not([hidden]).open{position:absolute;top:70px;left:0;right:0;width:100%;height:calc(100dvh - 70px);max-height:none;display:flex!important;flex-direction:column;padding:24px 7vw 40px;overflow-y:auto;overscroll-behavior:contain;background:#090a0afa;animation:menu-in .32s var(--ease-out) both}.mobile-nav a{display:flex;flex:0 0 auto;align-items:center;min-height:62px;font-size:clamp(18px,5vw,27px)}@keyframes menu-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}}
@media(max-width:600px){.brand{gap:9px}.brand-mark{width:42px;height:42px}.hero-copy{padding-inline:5vw}.hero h1{white-space:normal}.hero-lead{font-size:15px;line-height:1.9}.button-primary{width:100%;justify-content:space-between}.service-card{min-height:230px}.section-heading h2,.section-heading h1{font-size:clamp(45px,15vw,70px)}.track-card,.yt-sound-grid article{border-color:#ffffff26}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
@media(prefers-contrast:more){:root{--muted:#d0d0ca}.site-header{background:#000}.eyebrow,.article-meta{color:currentColor}.service-card,.track-card,.yt-sound-grid article{border-color:#ffffff66}}
