/* Native scroll choreography: content remains readable without JavaScript. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
html.scroll-smoothing{scroll-behavior:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.intro-active{overflow:hidden;overscroll-behavior:none}
.brand-intro{position:fixed;inset:0;z-index:120;display:grid;place-items:center;overflow:hidden;background:var(--ink);isolation:isolate}
.intro-content{display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:-20px}
.intro-mark{width:clamp(110px,10vw,148px)}
.intro-statue{display:block;width:100%;height:auto}
.intro-loader{width:clamp(190px,20vw,250px);height:3px;overflow:hidden;border-radius:20px;background:#ffffff18;box-shadow:0 0 0 1px #ffffff04}
.intro-loader-fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 12px #d4d4d470;transform:scaleX(0);transform-origin:left center}
.motion-enabled .hero-scroll-track{position:relative;height:165svh;min-height:1120px}
.motion-enabled .hero-scroll-track>.hero{position:sticky;top:0;height:100svh;min-height:700px;max-height:none}
.motion-enabled .hero-art{transition:none;transform:scale(calc(1.015 + var(--hero-progress,0)*.1));will-change:transform}
.motion-enabled .art-left{transform:translate3d(calc(var(--hero-progress,0)*-8%),calc(var(--hero-progress,0)*9%),0) skewY(calc(-9deg + var(--hero-progress,0)*6deg))}
.motion-enabled .art-right{transform:translate3d(calc(var(--hero-progress,0)*8%),calc(var(--hero-progress,0)*9%),0) skewY(calc(9deg - var(--hero-progress,0)*6deg))}
.motion-enabled .art-center{transform:scale(calc(1 + var(--hero-progress,0)*.045))}
.motion-enabled .hero-content{transform:translate3d(0,calc(var(--hero-progress,0)*-90px),0) scale(calc(1 + var(--hero-progress,0)*.11));opacity:var(--hero-copy-opacity,1);will-change:transform,opacity}
.motion-enabled .hero-content:focus-within{opacity:1!important}
.motion-enabled .hero-bottom{opacity:var(--hero-cue-opacity,1)}
.motion-enabled .hero-shade{background:linear-gradient(180deg,#08080870,transparent 22%,transparent 72%,var(--ink))}
/* The full-width film moves more slowly as the next section rises into view. */
.hero.hero-film{height:100svh;min-height:480px;max-height:none;background:#080808}
.hero-video-stage{position:absolute;inset:0}
.motion-enabled .hero-film .hero-video-stage{translate:0 var(--film-drift,0px);will-change:translate}
.hero-film .hero-video-stage:after{content:'';position:absolute;inset:0;background:var(--ink);opacity:0;pointer-events:none}
.motion-enabled .hero-film .hero-video-stage:after{opacity:var(--film-shade,0)}
.hero-video-stage video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-film:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08080880,transparent 18%,transparent 62%,#08080888 84%,var(--ink) 100%)}
.hero-film-controls{position:absolute;left:4.5%;bottom:26px;display:flex;gap:8px;z-index:2}
.hero-film-controls[hidden],.hero-film-fallback[hidden]{display:none}
.hero-film-controls button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--paper);transition:color .2s}
.hero-film-controls button svg{grid-area:1/1;width:24px;height:24px;filter:drop-shadow(0 1px 4px #0009);pointer-events:none}
.hero-film-controls button:hover{color:var(--accent)}
.hero-film-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:#080808cc}
#hero-play-toggle[data-state="paused"] .icon-pause,#hero-play-toggle[data-state="playing"] .icon-play,#hero-sound-toggle[data-state="muted"] .icon-sound,#hero-sound-toggle[data-state="audible"] .icon-muted{display:none}
.hero-film-fallback{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:16px 22px;border-radius:30px;background:var(--accent);color:var(--ink);font-size:14px;white-space:nowrap}
.hero-film .hero-bottom{left:auto;right:4.5%;bottom:31px;opacity:1;z-index:2}
@media(max-width:760px){
 .hero.hero-film{height:100svh;min-height:480px}
 .hero-film-controls{left:6%;bottom:22px}
 .hero-film .hero-bottom{right:6%;bottom:27px}
}
.motion-line{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}
.motion-line-inner{display:block;transform-origin:left bottom}
.motion-enabled .motion-heading:not(.is-visible) .motion-line-inner{transform:translate3d(0,48px,0);opacity:0}
.motion-enabled .motion-heading.is-visible .motion-line-inner{transition:transform 1s var(--motion-ease),opacity .8s ease;transition-delay:calc(var(--line-index,0)*90ms);transform:none;opacity:1}
.motion-enabled .motion-item{transition:translate 1s var(--motion-ease),opacity .8s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .motion-item:not(.is-visible){opacity:0;translate:0 54px}
.motion-enabled .feature-image{transform:translate3d(0,calc(var(--scene-offset,0)*-14px),0)}
.motion-enabled .feature-fire .feature-image{transform:translate3d(0,calc(var(--scene-offset,0)*14px),0)}
.motion-enabled .feature-copy{transform:translate3d(0,calc(var(--scene-offset,0)*10px),0)}
.motion-enabled .cinema{clip-path:none}
.motion-enabled .cinema-backdrop{transform:translate3d(0,calc(var(--scene-offset,0)*-12px),0) scale(1.025);will-change:transform}
.motion-enabled .cinema-content{transform:translate3d(0,calc(var(--scene-offset,0)*18px),0)}
.motion-enabled .artist-art img{transform:none;will-change:auto}
.motion-enabled .artist-copy{transform:none}
.motion-enabled .work-card.motion-item{transition:translate 1s var(--motion-ease),opacity .8s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .work-card.motion-item:not(.is-visible){translate:0 54px;opacity:0}
.motion-enabled .work-card .work-visual>img,.motion-enabled .work-card .work-visual>svg{transition:transform .65s var(--motion-ease),filter .4s ease}
.motion-enabled .work-card:hover .work-visual>img{transform:scale(1.025)}
.motion-enabled .motion-item:focus-within,.motion-enabled .motion-heading:focus-within .motion-line-inner{opacity:1!important;translate:none!important;transform:none!important;clip-path:none!important}
.motion-enabled .join.motion-item,.motion-enabled .contact.motion-item{transition-duration:.8s}
.motion-enabled .internship-page .motion-item{transition-duration:.7s}
.motion-enabled .internship-page .motion-item:not(.is-visible){translate:0 22px}
.motion-enabled .internship-page .motion-heading.is-visible .motion-line-inner{transition-duration:.7s}
.motion-enabled #menu[open]{animation:menu-open .45s var(--motion-ease)}
.motion-enabled #menu[open] nav a{animation:menu-link-in .6s var(--motion-ease) both;animation-delay:calc(var(--menu-index,0)*55ms)}
.motion-enabled #project-dialog[open]{animation:project-open .5s var(--motion-ease)}
@keyframes menu-open{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes menu-link-in{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@keyframes project-open{from{opacity:0;translate:0 24px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:760px){
 .motion-enabled .hero-scroll-track{height:138svh;min-height:940px}
 .motion-enabled .hero-scroll-track>.hero{min-height:650px}
 .intro-mark{width:115px}
 .intro-content{gap:34px}
 .motion-enabled .feature-image,.motion-enabled .feature-fire .feature-image{transform:none}
 .motion-enabled .feature-copy,.motion-enabled .artist-copy,.motion-enabled .cinema-content{transform:none}
 .motion-enabled .cinema-backdrop{transform:none}
 .motion-enabled .hero-film .hero-video-stage{translate:0 calc(var(--film-drift,0px)*.55)}
 .motion-enabled .motion-item:not(.is-visible),.motion-enabled .work-card.motion-item:not(.is-visible){translate:0 30px}
}
@media(prefers-reduced-motion:reduce){
 .intro-loader-fill{transform:scaleX(1)}
 .motion-enabled .hero-scroll-track{height:auto;min-height:0}
 .motion-enabled .hero-scroll-track>.hero{position:relative}
 .motion-enabled .motion-item,.motion-enabled .motion-heading .motion-line-inner{opacity:1!important;translate:none!important;transform:none!important;clip-path:none!important;transition:none!important}
 .motion-enabled .hero-art,.motion-enabled .hero-content,.motion-enabled .art-panel,.motion-enabled .feature-image,.motion-enabled .feature-copy,.motion-enabled .cinema-backdrop,.motion-enabled .cinema-content,.motion-enabled .artist-art img,.motion-enabled .artist-copy{transform:none!important;opacity:1!important;will-change:auto}
 .motion-enabled .hero-bottom{opacity:1!important}
 .motion-enabled .cinema{clip-path:none!important}
 .motion-enabled .hero-film .hero-video-stage{translate:none;will-change:auto}
 .motion-enabled .hero-film .hero-video-stage:after{opacity:0}
}