/* ADVN: a moving editorial canvas. Native scrolling remains in control. */
:root{--motion-ease:cubic-bezier(.19,1,.22,1)}
.header{position:absolute;padding:28px 4%;color:var(--white)}
.header nav{margin-left:auto;margin-right:35px}.header nav>a:not(.hire){display:none}.header .hire{background:transparent;color:inherit;border-bottom:1px solid #ffffff60;padding:12px 0;min-width:125px}
.menu-toggle{display:flex;align-items:center;gap:18px;background:transparent;font-size:12px;padding:12px 0 12px 20px}.menu-toggle span{font-size:28px;line-height:20px}
.mobile-nav{padding:150px 8% 55px;gap:0;justify-content:center;font-size:clamp(35px,6.5vw,100px);letter-spacing:-.06em;line-height:1.2;background:#dcfa78}.mobile-nav a{border-bottom:1px solid #10111230;padding:12px 0;transition:transform .45s var(--motion-ease)}.mobile-nav a:hover{transform:translateX(20px)}.header.menu-open{position:fixed;color:var(--ink)}
.hero{height:180svh;max-height:none;overflow:visible;background:#101112}.hero-pin{height:100svh;min-height:740px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.hero-wordmark{position:absolute;left:2.5%;right:3.5%;top:110px;display:flex;align-items:start;justify-content:space-between;font-size:clamp(180px,29vw,500px);font-weight:800;line-height:.76;letter-spacing:-.09em;z-index:-2;color:var(--paper)}.hero-wordmark span{display:block}.hero-wordmark span:last-of-type{font-weight:inherit;letter-spacing:inherit}.hero-wordmark i{font-size:18px;font-style:normal;letter-spacing:0;margin-top:12px}
.hero-media{inset:0;z-index:-1;transform:translateY(120px) scale(.48);border-radius:4px;overflow:hidden;animation:none;transform-origin:50% 50%}.hero-media img{object-position:50% 38%;transition:none}.hero-shade{z-index:0;pointer-events:none;background:linear-gradient(0deg,#101112 0%,#10111240 35%,transparent 80%);opacity:.8}.hero-top{position:absolute;top:auto;bottom:190px;left:4%;padding:0;z-index:1}.hero-title{left:4%;right:4%;top:auto;bottom:47px;z-index:1;animation:none}.hero h1{font-size:clamp(75px,8vw,150px);line-height:.86;letter-spacing:-.07em}.hero h1>span{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.07em}.hero-explore{border:0;background:none;padding:0;gap:22px}.hero-explore .circle{background:var(--lime);color:var(--ink);border:0;width:70px;height:70px}
.hero-bottom{left:auto;right:4%;bottom:185px;width:280px;display:grid;grid-template-columns:1fr;gap:18px;z-index:2}.featured-caption p{font-size:20px;margin:5px 0}.project-switcher{position:absolute;bottom:185px;right:0;max-width:none;gap:6px}.project-thumb{width:47px;height:58px;padding:2px}.hero-play{position:absolute;right:0;bottom:0}.hero-play>span:last-child{display:none}.hero-play .circle{width:40px;height:40px}.featured-caption{padding-right:55px}.featured-caption .text-button{min-height:35px;font-size:9px}.scroll-cue{position:absolute;left:4%;top:50%;font-family:monospace;font-size:9px;writing-mode:vertical-rl;display:flex;gap:35px;color:var(--muted)}
.intro{position:relative;padding:70px 4% 130px;grid-template-columns:20% 1fr}.intro h2{font-size:clamp(42px,6vw,100px);line-height:1.05}.intro h2 .read-word{color:var(--ink);opacity:.16}.intro h2>span{color:inherit}.intro-bottom{margin-top:75px}.intro .asterisk{font-size:90px}
.work{padding:35px 4% 110px}.work>.section-label{margin-bottom:80px}.project:not(.project-additional){margin-top:120px}.project-heading h2{font-size:clamp(36px,5.2vw,85px)}.project-stage{perspective:1200px}.project-stage .stage-action{border-radius:100px;gap:30px;padding:19px 26px}.stage-title,.rolls-title{font-size:clamp(45px,6vw,100px)}
.motion-enabled .reveal{opacity:0;transform:translateY(65px);transition:transform 1s var(--motion-ease),opacity .7s var(--motion-ease)}.motion-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}
.project-stage>.main-art,.project-stage>.rolls-wide,.slano-art img{transform:translateY(var(--art-y,0px)) scale(1.08)}.secondary-art,.rolls-detail{translate:0 var(--detail-y,0px)}
.stage-action{transition:transform .4s var(--motion-ease),background .2s!important}.project-stage:hover .stage-action{transform:translateX(10px)}
.motion-cursor{position:fixed;top:0;left:0;z-index:40;pointer-events:none;width:92px;height:92px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-family:monospace;font-size:10px;opacity:0;scale:.75;transition:opacity .2s,scale .3s var(--motion-ease);translate:-50% -50%}.motion-cursor.is-active{opacity:1;scale:1}
.films{overflow:clip}.film-heading h2{font-size:clamp(90px,12vw,190px)}.film-art{border-radius:2px}.film-card:hover .circle{transform:rotate(-20deg);background:var(--white)}.film-art .circle{transition:transform .3s var(--motion-ease),background .3s}
@media(min-width:901px){.films.motion-film{height:240svh;position:relative;overflow:visible}.motion-film .film-pin{position:sticky;top:0;min-height:100svh;overflow:hidden;padding-top:20px;background:#1b1d1f}.motion-film .film-heading{padding:20px 0 30px}.motion-film .film-heading h2{font-size:8vw}.motion-film .film-rail{overflow:visible;scrollbar-width:none}.motion-film .film-card{flex-basis:24vw;min-width:0}.motion-film .film-art{aspect-ratio:9/11;max-height:49svh}.motion-film .rail-foot{padding-bottom:25px}}
.capabilities>div{transition:padding .35s var(--motion-ease),background .35s}.capabilities>div:hover{padding-left:18px;padding-right:18px;background:#dcfa78}.contact{overflow:hidden}.contact h2{font-size:clamp(65px,12vw,200px)}.contact-arrow{transition:transform .6s var(--motion-ease)}.contact-link:hover .contact-arrow{transform:translate(15px,-15px) rotate(45deg)}
dialog[open]{animation:case-enter .65s var(--motion-ease)}@keyframes case-enter{from{opacity:0;transform:translateY(65px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero-pin{min-height:800px}.hero-wordmark{top:140px;font-size:29vw}.hero-media{transform:translateY(20px) scale(.75)}.hero h1{font-size:11vw}.hero-top{bottom:260px}.hero-bottom{bottom:80px}.hero-title{bottom:350px}.hero-explore{display:none}.project-switcher{bottom:115px}.intro{grid-template-columns:1fr}.hero{height:145svh}.hero-title{z-index:2}}
@media(max-width:600px){.header{padding:24px 6%}.header nav{display:none}.hero-pin{height:100svh;min-height:730px}.hero-wordmark{top:125px;left:4%;right:6%;font-size:29vw}.hero-wordmark i{font-size:10px}.hero-media{transform:translateY(0) scale(.82);border-radius:0}.hero-media img{object-position:57% 35%}.hero-title{bottom:225px;left:6%;right:6%}.hero h1{font-size:14vw;line-height:.93}.hero-top{left:6%;bottom:365px}.hero-top .eyebrow{font-size:8px}.hero-bottom{left:6%;right:6%;width:auto;bottom:45px}.project-switcher{right:0;bottom:0}.project-thumb{width:42px;height:53px}.featured-caption{padding-right:155px}.featured-caption p{font-size:19px}.featured-caption .eyebrow{font-size:8px}.hero-play{right:0;bottom:75px}.scroll-cue{left:6%;top:38%;font-size:8px}.intro{padding:25px 6% 75px}.intro h2{font-size:42px}.intro-bottom{margin-top:35px}.intro .asterisk{font-size:45px}.work{padding-left:6%;padding-right:6%}.work>.section-label{margin-bottom:40px}.project:not(.project-additional){margin-top:65px}.project-heading h2{font-size:35px}.stage-title,.rolls-title{font-size:40px}.project-stage .stage-action{padding:14px 18px}.film-heading h2{font-size:85px}.mobile-nav{padding:130px 6% 40px}.motion-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.hero-pin{position:relative}.hero-media{transform:none!important}.hero-wordmark{display:none}.motion-enabled .reveal{opacity:1;transform:none;transition:none}.intro h2 .read-word{opacity:1!important}.project-stage>.main-art,.project-stage>.rolls-wide,.slano-art img{transform:none}.secondary-art,.rolls-detail{translate:none}.motion-cursor{display:none}.hero-title,.hero-wordmark span{transform:none!important;opacity:1!important}.film-rail{transform:none!important}dialog[open]{animation:none}}
@media(prefers-reduced-motion:no-preference){.mobile-nav:not([hidden]){animation:menu-surface .55s var(--motion-ease)}.mobile-nav:not([hidden]) a{animation:menu-link .7s var(--motion-ease) both}.mobile-nav a:nth-child(2){animation-delay:60ms}.mobile-nav a:nth-child(3){animation-delay:120ms}.mobile-nav a:nth-child(4){animation-delay:180ms}@keyframes menu-surface{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes menu-link{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}