/* Floating glass navigation: three separate islands, with no full-width header slab. */
html{scroll-padding-top:132px}
.site-nav{position:fixed;inset:24px 5.5% auto;height:auto;margin:0;padding:0;border:0;background:none;z-index:40;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-areas:"brand menu account";gap:20px;align-items:center;pointer-events:none}
.site-nav .nav-island{pointer-events:auto;min-height:64px;border:1px solid rgba(255,255,255,.19);border-radius:100px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),rgba(13,13,16,.62);-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);animation:island-arrival .7s var(--ease) both;transition:background-color .25s,border-color .25s}
.site-nav .nav-island:hover{border-color:rgba(255,255,255,.34);background-color:rgba(30,30,34,.72)}
.site-nav>.brand-link{grid-area:brand;padding:0 23px;justify-content:center}
.site-nav .logo{width:170px}
.site-nav>nav{grid-area:menu;justify-self:center;display:flex;align-items:center;justify-content:center;gap:2px;padding:7px 12px;animation-delay:.09s}
.site-nav nav a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:40px;padding:0 17px;font-size:12px;color:#e2e2e5;white-space:nowrap;transition:background .2s,color .2s}
.site-nav nav a:hover{background:rgba(255,255,255,.1);color:white}
.site-nav>.nav-account{grid-area:account;justify-content:center;padding:0 24px;font-size:12px;gap:19px;animation-delay:.18s;color:#e5e5e8;white-space:nowrap}
body[data-intro-state="playing"] .site-nav .nav-island{animation:none;opacity:0}
.motion-paused .site-nav .nav-island{animation:none;opacity:1}
.marketing .hero{height:100svh;min-height:750px;max-height:1080px}
.marketing .hero-bg{inset:0;width:100%;height:100%}
.marketing .hero-main{padding-top:150px}
.marketing .work-detail{padding-top:148px}
.marketing .legal-page{padding-top:154px}
@keyframes island-arrival{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}

/* Every semantic object enters when it reaches the viewport. No JS means fully visible content. */
.scroll-reveal{opacity:0;transform:translate3d(0,28px,0);filter:blur(4px);transition:opacity .75s var(--ease),transform .9s var(--ease),filter .75s var(--ease);transition-delay:0s}
.scroll-reveal.reveal-art{transform:translate3d(0,36px,0) scale(.97);filter:none;transition-duration:.95s,1.1s,.75s}
.scroll-reveal.is-revealed{opacity:1;transform:none;filter:none}
.scroll-reveal.is-revealed[data-reveal-step="1"]{transition-delay:70ms}
.scroll-reveal.is-revealed[data-reveal-step="2"]{transition-delay:140ms}
.scroll-reveal.is-revealed[data-reveal-step="3"]{transition-delay:210ms}
.scroll-reveal.reveal-focused,.motion-paused .scroll-reveal{opacity:1;transform:none;filter:none;transition:none}
.motion-controls button{font-size:10px}
@media(max-width:1150px){.site-nav{inset:20px 4% auto;gap:12px}.site-nav>.brand-link{padding:0 18px}.site-nav .logo{width:145px}.site-nav>nav{padding:7px 9px}.site-nav nav a{padding:0 12px;font-size:11px}.site-nav>.nav-account{padding:0 19px;font-size:11px;gap:13px}}
@media(max-width:900px){.site-nav{inset:18px 4% auto;gap:12px}.site-nav .nav-island{min-height:57px}.site-nav .logo{width:129px}.site-nav>.brand-link{padding:0 16px}.site-nav nav a{padding:0 10px;min-height:39px;font-size:10px}.site-nav>.nav-account{padding:0 16px;font-size:10px;gap:11px}.marketing .hero{height:100svh;min-height:730px}}
@media(max-width:700px){html{scroll-padding-top:154px}.site-nav{inset:16px 16px auto;grid-template-columns:1fr auto;grid-template-areas:"brand account" "menu menu";gap:9px}.site-nav>.brand-link{justify-self:start;padding:0 17px}.site-nav .logo{width:133px}.site-nav .nav-island{min-height:54px}.site-nav>.nav-account{padding:0 18px;font-size:11px;gap:12px}.site-nav>nav{justify-self:stretch;min-height:45px;padding:3px 7px;gap:2px}.site-nav nav a{flex:1;min-height:37px;font-size:10px;padding:0 8px}.marketing .hero{min-height:790px}.marketing .hero-main{padding-top:180px}.marketing .work-detail,.marketing .legal-page{padding-top:172px}.scroll-reveal{transform:translate3d(0,20px,0);filter:blur(3px)}.scroll-reveal.reveal-art{transform:translate3d(0,25px,0) scale(.98);filter:none}.scroll-reveal.is-revealed,.motion-paused .scroll-reveal{transform:none;filter:none}.motion-controls button{font-size:9px;min-height:42px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-nav .nav-island{background:rgba(20,20,24,.96)}}
@media print{.scroll-reveal{opacity:1;transform:none;filter:none}.site-nav{position:relative;inset:auto}.intro{display:none!important}}