/* ELEVEN11 editorial system. The composition follows the actual film. */
:root{--rail:54px;--display:'Inter Tight',Manrope,Arial,sans-serif;--mono:'DM Mono',monospace;--gutter:clamp(26px,4.6vw,86px)}
body{overflow-x:clip}main,.site-footer{margin-left:var(--rail)}.site-header{left:var(--rail);width:calc(100% - var(--rail));height:88px;padding-top:22px;padding-bottom:22px}.site-header.scrolled{background:#09090cc2;backdrop-filter:blur(12px)}.site-header .brand img{width:132px}.site-header .brand>span{font-size:14px}.desktop-nav a,.header-cta{font-size:13px}.page-progress{left:var(--rail);width:calc(100% - var(--rail))}
.chapter-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);background:#0d0d10;border-right:1px solid #ffffff22;z-index:35;display:flex;flex-direction:column;align-items:center;padding:25px 0;gap:30px}.rail-mark{display:grid;place-content:center;width:30px;height:36px}.rail-mark img{max-width:25px;max-height:35px}.chapter-rail nav{display:flex;flex-direction:column;gap:13px;margin-top:36px}.chapter-rail nav a{display:grid;place-items:center;width:34px;height:34px;font:500 10px var(--mono);color:#9999a2;border:1px solid transparent;transition:color .25s,background .25s,border-color .25s}.chapter-rail nav a:hover{color:#fff;border-color:#ffffff45}.chapter-rail nav a[aria-current]{background:var(--accent);color:#111;border-color:var(--accent)}.rail-signature{writing-mode:vertical-rl;transform:rotate(180deg);font:500 9px var(--mono);letter-spacing:.16em;margin:auto 0;color:#99999f}.rail-time{font:500 10px var(--mono);color:#bbb}
.eyebrow,.small-label,.scene-bottom,.project-category,.footer-bottom{font-family:var(--mono);font-weight:500;letter-spacing:.045em}.eyebrow{font-size:11px}.small-label{font-size:10px}h1,h2,.project h3,.process-steps h3{font-family:var(--display)}h1,h2{font-weight:650;letter-spacing:-.055em}.outline{color:transparent!important;-webkit-text-stroke:1px var(--outline-color,#e8e8ed);paint-order:stroke fill}.outline.accent{--outline-color:var(--accent)}
.film-stage{left:var(--rail)}.film-shade{background:linear-gradient(180deg,#07070b55,transparent 20%,transparent 80%,#07070b60)}.film-stage>video,.film-stage>img{transition:opacity .3s ease}
/* Local scrims protect the copy; no full-page opaque sections or empty bridges. */
.narrative-scene{position:relative;isolation:isolate;scroll-margin-top:0}.scene-screen{position:sticky;top:0;height:100svh;min-height:740px;padding:126px var(--gutter) 55px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.scene-screen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08090dee 0%,#08090dd9 27%,#08090d80 43%,#08090d18 61%,transparent 75%)}.scene-kicker,.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.scene-kicker .eyebrow{color:#dedee3}.scene-kicker .small-label{color:#bdbdc5;text-align:right}.scene-bottom{font-size:9px;color:#bcbcc6;line-height:1.6}.scene-bottom>span:first-child{border-left:2px solid var(--accent);padding-left:13px}.frame-note{text-align:right;max-width:240px}
.scene-copy{width:46%;max-width:590px;margin:35px 0}.scene-copy h1{font-size:clamp(64px,7.1vw,122px);line-height:.98;letter-spacing:-.06em}.scene-copy h2{font-size:clamp(52px,5.8vw,96px);line-height:1.02}.scene-copy>p{font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:#d1d1d8;max-width:345px;margin-top:27px}.scene-copy>p+p{margin-top:15px;color:#bfc0c9}.scene-copy .text-link{margin-top:30px;font-size:13px}
.opening-scene{height:150svh;min-height:1050px}.opening-copy{width:55%;max-width:700px}.opening-scene .scene-screen:before{background:linear-gradient(90deg,#07080d9e 0%,#07080d75 29%,transparent 62%)}.opening-copy>p{margin-top:34px;max-width:380px}.opening-copy .text-link{margin-top:35px}.scroll-prompt{display:flex;gap:16px;align-items:center}.scroll-prompt i{display:block;width:35px;height:1px;background:#ffffff80;position:relative}.scroll-prompt i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--accent)}
.identity-scene{height:185svh;min-height:1300px}.identity-copy h2{font-size:clamp(53px,5.6vw,94px)}.identity-scene .scene-screen:before{background:linear-gradient(90deg,#07090bf5 0%,#07090bdf 27%,#07090b92 42%,#07090b20 61%,transparent 77%)}.craft-tags{display:flex;gap:24px;font:500 10px/1.7 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#e7e7ed;margin-top:28px;padding-top:17px;border-top:1px solid #ffffff36;width:max-content;max-width:100%}.craft-tags span+span:before{content:"/";color:var(--accent);padding-right:24px}
.direction-scene{height:230svh;min-height:1600px}.direction-copy{width:43%;max-width:505px;margin:28px 0}.direction-copy h2{font-size:clamp(54px,5.7vw,92px)}.direction-copy>p{margin-top:22px}.process-steps{list-style:none;padding:0;margin:27px 0 0;max-width:400px}.process-steps li{display:grid;grid-template-columns:23px 1fr 7px;gap:14px;align-items:start;border-top:1px solid #ffffff2c;padding:16px 0;position:relative}.step-number{font:500 10px var(--mono);color:#b1b1ba;padding-top:6px}.process-steps h3{font-weight:550;font-size:22px;letter-spacing:-.025em;line-height:1.3}.process-steps p{font-size:12px;line-height:1.65;color:#b5b5c1;margin-top:3px}.process-steps i{width:5px;height:5px;margin-top:10px;background:#61616a;transition:background .3s}.process-steps li.is-active i{background:var(--accent)}.process-steps li.is-active .step-number{color:var(--accent)}
/* The real projects join the film's gallery of floating screens. */
.work-scene{background:linear-gradient(90deg,#06070bb3,transparent 63%);padding:120px var(--gutter) 100px}.work-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:7.7vw;align-items:start}.work-intro{position:sticky;top:125px;height:calc(100svh - 175px);min-height:555px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:35px}.work-intro>.eyebrow{color:#d7d7df}.work-statement{position:relative;isolation:isolate}.work-statement:before{content:"";position:absolute;inset:-40px -50px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 65%,#07090be6 0%,#07090b9c 46%,transparent 74%)}.work-total{font:500 30px/1 var(--display);color:var(--accent);display:block;margin-bottom:25px;letter-spacing:-.03em}.work-total i{font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#c6c6cf;margin-left:9px}.work-intro h2{font-size:clamp(48px,5.1vw,83px);line-height:1.04}.work-intro p{font-size:15px;line-height:1.8;color:#c6c6d0;margin:26px 0}.work-intro .text-link{font-size:12px}.work-list{min-width:0;display:flex;flex-direction:column;gap:65px;padding-bottom:0}.work-list .project:nth-child(n){padding:0;margin:0;border:1px solid #ffffff29;background:#0b0b10ed;box-shadow:0 16px 50px #0002}.project-link{display:block}.work-list .project .project-image{aspect-ratio:16/10;border-bottom:1px solid #ffffff20}.project-image img{filter:saturate(.93);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.project-link:hover img{transform:scale(1.025);filter:saturate(1.08)}.project-05 .project-image img{object-position:68% 50%}.project-06 .project-image img{object-position:68% center;object-fit:cover;padding:0}.project-category{font-size:9px;padding:7px 10px;left:18px;bottom:18px;background:#08080bd9;border:1px solid #ffffff26}.work-list .project-meta{padding:22px 23px 8px;gap:20px}.project-meta h3{font-weight:550;font-size:clamp(24px,2.3vw,37px);letter-spacing:-.035em;line-height:1.2}.project-meta .project-number{font:500 11px var(--mono);color:var(--accent)}.work-list .project p{padding:0 23px 25px;font-size:13px;color:#bfbfc8;line-height:1.6}.visit{border-radius:0;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#121217;padding:18px 22px}
.portal-scene{height:150svh;min-height:1050px}.portal-copy{width:48%;max-width:620px}.portal-copy h2{font-size:clamp(56px,6.4vw,108px);line-height:1.03}.portal-copy .big-cta{margin-top:32px;background:var(--accent);border-color:var(--accent);color:#131317;min-width:295px;font-family:var(--display);font-weight:600;font-size:22px;padding:24px 27px;gap:25px}.portal-copy .big-cta:hover{background:#ffa961}.portal-copy .big-cta .cta-square{background:#111}.portal-copy .email-link{display:block;width:max-content;max-width:100%;margin-top:24px;font-size:12px}.portal-scene .scene-screen:before{background:linear-gradient(90deg,#07080df0 0%,#07080ddb 25%,#07080d73 45%,transparent 70%)}
.site-footer{border-top:1px solid #ffffff20;padding-top:48px}.footer-bottom{font-size:10px}.footer-top .brand img{width:132px}.film-control{right:18px;bottom:15px;border-radius:0;background:#0c0c10d9;gap:10px;padding:7px 10px}.film-control button,.film-control>span{font:500 9px var(--mono)}.mobile-menu{left:var(--rail)}.mobile-menu a{font-family:var(--display);font-weight:600}
/* The form retains its original integration and quiet static background. */
.contact-intro h1{font-family:var(--display);font-weight:650;line-height:1.07}.modular-contact .outline{--outline-color:var(--accent)}.modular-contact form>.big-cta{background:var(--accent);color:#111;border-color:var(--accent)}.modular-contact form>.big-cta .cta-square{background:#111}.modular-contact .film-control{display:none}
@media(min-width:1800px){:root{--gutter:max(80px,calc((100vw - 1650px)/2))}}
@media(max-width:1200px){:root{--rail:46px;--gutter:35px}.site-header .brand img{width:115px}.desktop-nav{gap:23px}.header-cta{font-size:12px;gap:14px}.scene-copy{width:48%}.opening-copy{width:60%}.scene-copy h1{font-size:clamp(65px,7.8vw,94px)}.scene-copy h2{font-size:clamp(51px,6vw,72px)}.direction-copy{width:46%}.process-steps h3{font-size:20px}.work-layout{gap:5vw;grid-template-columns:.9fr 1.1fr}.work-intro h2{font-size:clamp(45px,5.4vw,64px)}.portal-copy{width:53%}.portal-copy h2{font-size:clamp(55px,6.7vw,80px)}}
@media(min-width:761px) and (max-height:790px){.scene-screen{min-height:705px;padding-top:111px;padding-bottom:38px}.scene-copy{margin:24px 0}.identity-copy h2{font-size:clamp(51px,5vw,75px)}.identity-copy>p{font-size:15px;margin-top:20px}.identity-copy>p+p{margin-top:12px}.craft-tags{margin-top:21px}.direction-copy h2{font-size:clamp(49px,4.8vw,72px)}.direction-copy>p{font-size:15px;margin-top:16px}.process-steps{margin-top:20px}.process-steps li{padding:12px 0}.work-intro{top:112px;min-height:535px;height:calc(100svh - 142px)}.work-intro h2{font-size:clamp(43px,4.7vw,71px)}.work-total{margin-bottom:19px}}
@media(max-width:940px) and (min-width:761px){.desktop-nav{display:none}.scene-copy{width:56%}.opening-copy{width:70%}.work-layout{grid-template-columns:.92fr 1.08fr;gap:28px}.work-intro h2{font-size:46px}.work-intro p{font-size:13px}.work-intro .text-link{font-size:11px}.work-list{gap:40px}.project-meta h3{font-size:26px}.scene-kicker .small-label{max-width:150px;line-height:1.7}.portal-copy{width:58%}}
/* Portrait: image in the upper field, copy in the lower field. */
@media(max-width:760px){
:root{--rail:0px;--gutter:24px}.chapter-rail{display:none}main,.site-footer{margin-left:0}.site-header{left:0;width:100%;height:81px}.site-header .brand img{width:121px}.site-header .brand>span{font-size:13px}.site-header.scrolled{background:#09090cc7}.mobile-menu{left:0}.scene-screen{height:100svh;min-height:785px;padding:117px var(--gutter) 90px;justify-content:flex-end}.scene-kicker{position:absolute;top:113px;left:var(--gutter);right:var(--gutter)}.scene-kicker .eyebrow{font-size:9px;letter-spacing:.045em;max-width:280px}.scene-kicker .small-label{display:none}.scene-bottom{position:absolute;bottom:51px;left:var(--gutter);right:var(--gutter);font-size:8px;gap:12px}.scene-bottom .frame-note{display:none}.scene-bottom>span:first-child{padding-left:9px}.scroll-prompt{font-size:8px;gap:8px}.scroll-prompt i{width:18px}.scene-copy,.opening-copy,.direction-copy,.portal-copy{width:100%;max-width:480px;margin:0}.scene-copy h1{font-size:clamp(51px,13.1vw,86px);line-height:1.02;letter-spacing:-.055em}.scene-copy h2{font-size:clamp(46px,11.7vw,72px);line-height:1.04}.scene-copy>p{font-size:15px;line-height:1.65;max-width:340px;margin-top:21px}.scene-copy>p+p{margin-top:12px}.scene-copy .text-link{font-size:12px;margin-top:25px}.opening-scene{height:138svh;min-height:1100px}.identity-scene{height:172svh;min-height:1370px}.direction-scene{height:205svh;min-height:1630px}.portal-scene{height:135svh;min-height:1080px}.opening-scene .scene-screen:before,.identity-scene .scene-screen:before,.direction-scene .scene-screen:before,.portal-scene .scene-screen:before{background:linear-gradient(180deg,#08090b50 0%,transparent 21%,#08090b09 32%,#08090b9e 46%,#08090be8 65%,#08090bf5 100%)}.identity-scene .scene-screen,.direction-scene .scene-screen{min-height:830px}.identity-copy h2{font-size:clamp(43px,11vw,67px)}.identity-copy>p{font-size:14px;max-width:330px}.craft-tags{margin-top:22px;font-size:9px;padding-top:14px;gap:22px}.craft-tags span+span:before{padding-right:22px}.direction-copy h2{font-size:clamp(48px,12vw,73px)}.direction-copy>p{font-size:14px;margin-top:20px}.process-steps{margin-top:22px;max-width:365px}.process-steps li{gap:12px;padding:12px 0;grid-template-columns:22px 1fr 6px}.process-steps h3{font-size:20px}.process-steps p{font-size:11px;line-height:1.55}.step-number{font-size:9px}.work-scene{padding:0 var(--gutter) 75px;background:linear-gradient(90deg,#06070b45,transparent 75%)}.work-layout{display:block}.work-intro{position:relative;top:0;height:95svh;min-height:680px;padding:114px 0 65px}.work-intro h2{font-size:clamp(47px,12vw,73px);line-height:1.02}.work-intro p{font-size:14px;margin:22px 0}.work-intro .text-link{font-size:12px}.work-total{font-size:26px;margin-bottom:22px}.work-statement:before{inset:-40px calc(-1*var(--gutter)) -65px;background:linear-gradient(180deg,transparent,#07090be3 27%,#07090bf0 85%,#07090b9c)}.work-list{gap:35px}.work-list .project:nth-child(n){margin:0;padding:0}.work-list .project .project-image{aspect-ratio:16/10}.work-list .project-meta{padding:19px 19px 8px}.project-meta h3{font-size:28px}.work-list .project p{padding:0 19px 22px;font-size:12px}.project-category{left:14px;bottom:14px;font-size:8px}.project-06 .project-image img{object-position:68% center}.portal-copy h2{font-size:clamp(49px,12.5vw,76px)}.portal-copy .big-cta{font-size:20px;padding:23px;min-width:0;width:100%;max-width:360px;margin-top:28px}.portal-copy .email-link{font-size:11px;margin-top:21px}.film-control{right:12px;bottom:10px;padding:5px 8px}.film-control button,.film-control>span{font-size:8px}.site-footer{padding-top:43px}.footer-bottom{font-size:9px}.contact-intro h1{font-size:clamp(39px,9vw,62px)}
}
@media(max-width:380px){:root{--gutter:20px}.scene-copy h1{font-size:48px}.identity-copy h2{font-size:43px}.scene-copy>p{font-size:14px}.scene-kicker .eyebrow{font-size:8px}.scroll-prompt{font-size:7px;gap:5px}.scene-bottom{font-size:7px}.work-intro h2{font-size:45px}.portal-copy h2{font-size:47px}.project-meta h3{font-size:25px}}
@media(max-width:760px){.scene-screen,.identity-scene .scene-screen,.direction-scene .scene-screen{min-height:100svh}.narrative-home #filmPoster{object-position:70% center}}
@media(max-width:760px) and (max-height:700px){.scene-screen{padding-top:106px;padding-bottom:77px}.scene-kicker{top:97px}.scene-bottom{bottom:39px}.identity-copy h2,.direction-copy h2{font-size:42px}.scene-copy>p{font-size:13px;margin-top:17px}.craft-tags{margin-top:14px;padding-top:12px}.process-steps{margin-top:17px}.process-steps li{padding:10px 0}.process-steps p{font-size:10px}.process-steps h3{font-size:19px}}
@media(min-width:761px) and (max-height:705px){.scene-screen{top:calc(100svh - 705px)}.work-intro{top:min(112px,calc(100svh - 535px))}}
html.static-motion .narrative-scene{height:auto;min-height:0}html.static-motion .scene-screen{position:relative;min-height:800px;height:auto;padding-top:145px;padding-bottom:90px;gap:75px}html.static-motion .scene-copy{margin:35px 0}html.static-motion .work-intro{position:relative;top:0}
@media(prefers-reduced-motion:reduce){.project-link:hover img{transform:none}.process-steps i{transition:none}}

/* Oversized, tightly set type and masked entrances from the VOID reference. */
.scene-copy .display-heading,.work-intro .display-heading,.contact-intro .display-heading{font-weight:800;letter-spacing:-.065em;line-height:.92;text-transform:none}
.opening-copy h1.display-heading{font-size:clamp(88px,10.4vw,180px)}
.identity-copy h2.display-heading{font-size:clamp(72px,7.5vw,128px)}
.direction-copy h2.display-heading{font-size:clamp(74px,7.7vw,132px)}
.work-intro h2.display-heading{font-size:clamp(66px,6.8vw,116px)}
.portal-copy h2.display-heading{font-size:clamp(98px,11.4vw,194px);font-weight:850;line-height:.9}
.contact-intro h1.display-heading{font-size:clamp(74px,8.2vw,140px);max-width:100%;line-height:.97}
.display-heading .outline{-webkit-text-stroke-width:1.4px}
.process-steps h3{font-size:clamp(24px,2.1vw,32px);font-weight:650;letter-spacing:-.035em}
.project-meta h3{font-size:clamp(32px,3.15vw,50px);font-weight:650;line-height:1.08;letter-spacing:-.045em}
.heading-line{display:block;overflow:clip;padding:.1em .07em .16em;margin:-.1em -.07em -.16em}
.heading-ink{display:block;transform-origin:left bottom}
@media(min-width:761px){
 .scene-copy.opening-copy{width:82%;max-width:1200px}
 .scene-copy.identity-copy{width:59%;max-width:890px}
 .scene-copy.direction-copy{width:59%;max-width:860px}
 .work-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:6vw}
}
/* The last chapter is a single centered composition, including its caption. */
.portal-scene .scene-screen{align-items:center;justify-content:center;padding-top:125px;padding-bottom:95px}
.scene-copy.portal-copy{width:100%;max-width:1320px;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.portal-copy .scene-kicker{position:static;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-bottom:30px}
.portal-copy .scene-kicker .eyebrow,.portal-copy .scene-kicker .small-label{max-width:none;text-align:center}
.portal-copy .scene-kicker .small-label{display:block;color:#bfbfc8}
.portal-copy h2{width:100%}.portal-copy>p{max-width:none;text-align:center;margin-top:28px}
.portal-copy .big-cta{margin-top:30px}.portal-copy .email-link{margin-top:24px;align-self:center}
.portal-scene .scene-screen:before{background:radial-gradient(ellipse 72% 77% at 50% 51%,#06070be8 0%,#06070bd1 35%,#06070b88 61%,#06070b29 86%,transparent 100%)}
.portal-scene .scene-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:34px;justify-content:center}
.portal-scene .scene-bottom .frame-note{display:none}
/* Each line clears its own mask; the copy follows with a small stagger. */
html.entrance-motion .heading-ink{transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .7s ease,clip-path 1.15s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--line-index,0)*130ms)}
html.entrance-motion .enter-heading:not(.is-entered) .heading-ink{opacity:0;transform:translate3d(0,115%,0) rotate(2deg)}
html.entrance-motion .direction-copy .enter-heading:not(.is-entered) .heading-ink{transform:translate3d(-.3em,0,0);clip-path:inset(0 100% 0 0)}
html.entrance-motion .work-intro .enter-heading:not(.is-entered) .heading-ink{transform:translate3d(.35em,0,0);clip-path:inset(0 0 0 100%)}
html.entrance-motion .enter-heading.is-entered .heading-ink{opacity:1;transform:none;clip-path:inset(-10% -10% -20% -10%)}
html.entrance-motion .enter-item{transition:opacity .8s ease var(--enter-delay,0ms),transform .95s cubic-bezier(.16,1,.3,1) var(--enter-delay,0ms)}
html.entrance-motion .enter-item:not(.is-entered){opacity:0;transform:translate3d(0,30px,0)}
html.entrance-motion .enter-item[data-enter="left"]:not(.is-entered){transform:translate3d(-35px,0,0)}
html.entrance-motion .enter-item[data-enter="right"]:not(.is-entered){transform:translate3d(42px,25px,0)}
html.entrance-motion .enter-item[data-enter="fade"]:not(.is-entered){transform:none}
html.entrance-motion .project .project-image{transition:clip-path 1.2s cubic-bezier(.16,1,.3,1);clip-path:inset(0)}
html.entrance-motion .project.enter-item:not(.is-entered) .project-image{clip-path:inset(0 0 24% 0)}
html.entrance-motion .project.enter-item:not(.is-entered) .project-image img{transform:scale(1.08)}
html.entrance-motion .enter-item:focus-within{opacity:1;transform:none;transition-delay:0s}
html.entrance-motion .enter-item:focus-within .project-image{clip-path:inset(0)}
@media(min-width:761px) and (max-width:1100px){
 .opening-copy h1.display-heading{font-size:clamp(76px,10vw,114px)}
 .identity-copy h2.display-heading{font-size:clamp(60px,7.4vw,84px)}
 .direction-copy h2.display-heading{font-size:clamp(62px,7.5vw,86px)}
 .work-intro h2.display-heading{font-size:clamp(57px,6.55vw,74px)}
 .portal-copy h2.display-heading{font-size:clamp(88px,11.2vw,124px)}
 .scene-copy.identity-copy,.scene-copy.direction-copy{width:66%}
 .project-meta h3{font-size:clamp(29px,3.3vw,37px)}
}
@media(min-width:761px) and (max-height:790px){
 .opening-copy h1.display-heading{font-size:clamp(80px,9.6vw,144px)}
 .identity-copy h2.display-heading{font-size:clamp(62px,6.1vw,96px)}
 .direction-copy h2.display-heading{font-size:clamp(64px,6.4vw,100px)}
 .work-intro h2.display-heading{font-size:clamp(58px,6.2vw,94px)}
 .portal-copy h2.display-heading{font-size:clamp(88px,10.3vw,152px)}
 .process-steps h3{font-size:24px}.scene-copy>p{margin-top:21px}.scene-copy>.text-link{margin-top:26px}
 .portal-copy .scene-kicker{margin-bottom:25px}.portal-copy>p{margin-top:25px}
}
@media(max-width:760px){
 .opening-copy h1.display-heading{font-size:clamp(50px,15.4vw,116px)}
 .identity-copy h2.display-heading{font-size:clamp(45px,13.8vw,88px)}
 .direction-copy h2.display-heading{font-size:clamp(50px,14.5vw,92px)}
 .work-intro h2.display-heading{font-size:clamp(50px,14.8vw,94px)}
 .portal-copy h2.display-heading{font-size:clamp(54px,17.2vw,112px);line-height:.94}
 .portal-last{display:block}.portal-copy .heading-ink{transform-origin:center bottom}
 .contact-intro h1.display-heading{font-size:clamp(49px,12.8vw,88px);line-height:1}
 .process-steps h3{font-size:23px}.project-meta h3{font-size:clamp(32px,5.8vw,40px)}
 .display-heading .outline{-webkit-text-stroke-width:1.1px}
 .portal-scene .scene-screen{padding-top:112px;padding-bottom:85px}
 .portal-copy .scene-kicker{margin-bottom:26px;gap:8px}.portal-copy .scene-kicker .small-label{font-size:9px}
 .portal-copy>p{font-size:14px;margin-top:25px}.portal-copy .big-cta{margin-top:26px}
 .portal-copy .email-link{margin-top:21px}.portal-scene .scene-bottom{bottom:38px}
 .portal-scene .scene-screen:before{background:radial-gradient(ellipse 95% 72% at 50% 54%,#06070bf2 0%,#06070bd6 40%,#06070b80 72%,#06070b22 100%)}
 html.entrance-motion .heading-ink{transition-duration:.95s,.6s,.95s}
 html.entrance-motion .enter-item[data-enter="right"]:not(.is-entered){transform:translate3d(22px,22px,0)}
}
@media(max-width:760px) and (max-height:700px){
 .identity-copy h2.display-heading{font-size:clamp(46px,13vw,63px)}
 .direction-copy h2.display-heading{font-size:clamp(49px,13.8vw,67px)}
 .portal-copy h2.display-heading{font-size:clamp(54px,15.2vw,72px)}
 .portal-scene .scene-screen{padding-top:104px;padding-bottom:72px}
 .portal-copy .scene-kicker{margin-bottom:20px;gap:6px}.portal-copy>p{margin-top:19px;font-size:13px}
 .portal-copy .big-cta{margin-top:21px;padding:20px;font-size:18px}.portal-copy .email-link{margin-top:18px}
 .process-steps h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.heading-ink,.enter-item{transform:none!important;opacity:1!important;clip-path:none!important;transition:none!important}}

/* The contact route uses its own original film: Set Aberto. */
.contact-cinema .film-shade{background:linear-gradient(180deg,#05070a55,transparent 24%,transparent 76%,#05070a55)}
.contact-cinema .film-control{display:flex}
.contact-opening{height:140svh;min-height:1050px}
.contact-opening .scene-copy{width:66%;max-width:920px}
.contact-opening .scene-screen:before{background:linear-gradient(90deg,#07090bb5 0%,#07090b70 33%,transparent 65%)}
.contact-opening .scene-copy>p{max-width:350px}
.contact-primary{background:var(--accent);color:#111318;border-color:var(--accent);font-family:var(--display);font-weight:600;font-size:22px;padding:23px 26px;margin-top:28px;min-width:295px}
.contact-primary .cta-square{background:#111318}.contact-primary:hover{background:#ffa75d}
.contact-opening .scene-copy>.text-link{display:flex;margin-top:26px;font-size:12px}
.contact-briefing{padding:110px var(--gutter) 120px;background:linear-gradient(90deg,#080a0cbf 0%,#080a0c66 35%,transparent 69%)}
.briefing-column{width:56%;max-width:740px;position:relative}
.briefing-intro{margin-bottom:40px}.briefing-intro>.eyebrow{display:block;margin-bottom:29px;color:#c2c2cc}
.briefing-intro .display-heading{font:800 clamp(64px,7.1vw,120px)/.93 var(--display);letter-spacing:-.065em;margin:0}
.briefing-intro>p{font-size:16px;line-height:1.8;color:#c8c8d1;max-width:360px;margin-top:28px}
.cinema-form{padding:35px;border:1px solid #ffffff2e;background:#0a0c11e8;box-shadow:0 22px 80px #0003}
.cinema-form fieldset{min-width:0}.briefing-group{margin-bottom:32px}.briefing-group>legend{font:500 12px/1.7 var(--mono);color:#e1e1e8;margin-bottom:25px;width:100%;padding-bottom:15px;border-bottom:1px solid #ffffff24}
.briefing-group>legend>span{color:var(--accent);margin-right:12px}
.briefing-group>label{display:flex;flex-direction:column;gap:12px;font-size:14px;color:#cfcfd4;margin-bottom:25px}
.cinema-form .field-pair{gap:22px}.cinema-form input,.cinema-form select,.cinema-form textarea{background:transparent}
.cinema-form .field-pair:last-child>label,.briefing-group>label:last-child{margin-bottom:0}
.cinema-form textarea{min-height:145px}.cinema-form .budget-options{gap:9px}.cinema-form .budget-options span{padding:12px;font-size:11px;border-radius:0}
.cinema-form>.big-cta{background:var(--accent);color:#111318;border-color:var(--accent);font-family:var(--display);font-weight:600;font-size:22px;padding:25px}
.cinema-form>.big-cta:hover{background:#ffa75d}.cinema-form>.big-cta .cta-square{background:#111318}
.cinema-form .form-privacy{color:#b1b1bd;font-size:11px}.cinema-form .form-status{border-left:2px solid var(--accent)}
.briefing-film-note{position:absolute;right:var(--gutter);top:54%;display:flex;flex-direction:column;align-items:flex-end;gap:9px;font:500 9px/1.8 var(--mono);letter-spacing:.06em;color:#c2c2cb}
.briefing-film-note>span:first-child{color:var(--accent)}
.contact-channels{height:140svh;min-height:1100px}.contact-channels .portal-copy h2.display-heading{font-size:clamp(86px,9.5vw,162px)}
.contact-channels .scene-screen:before{background:radial-gradient(ellipse 74% 74% at 50% 49%,#06070bea,#06070bbe 39%,#06070b60 71%,transparent 100%)}
@media(max-width:1100px) and (min-width:761px){.briefing-column{width:68%}.cinema-form{padding:28px}.contact-channels .portal-copy h2.display-heading{font-size:clamp(75px,9.2vw,112px)}}
@media(max-width:760px){
 .contact-cinema #filmPoster{object-position:90% center}
 .contact-opening{height:140svh;min-height:1080px}.contact-opening .scene-copy{width:100%;max-width:480px;margin:0}
 .contact-opening .scene-screen{justify-content:flex-start;padding-top:171px;padding-bottom:88px}
 .contact-opening h1.display-heading{font-size:clamp(60px,17.5vw,112px)}
 .contact-opening .scene-screen:before{background:linear-gradient(180deg,#07090b25 0%,#07090b70 26%,#07090b99 47%,#07090b55 69%,transparent 90%)}
 .contact-primary{min-width:0;width:100%;max-width:340px;padding:21px 24px;font-size:20px;margin-top:26px}
 .contact-opening .scene-copy>.text-link{margin-top:23px;font-size:11px}
 .contact-briefing{padding:93px var(--gutter) 85px;background:linear-gradient(90deg,#07090b3d,transparent 90%)}
 .briefing-column{width:100%;max-width:640px;margin:0 auto}
 .briefing-intro{margin-bottom:29px;background:radial-gradient(ellipse at left center,#07090bbf,transparent 85%)}
 .briefing-intro>.eyebrow{font-size:9px;margin-bottom:26px}.briefing-intro .display-heading{font-size:clamp(52px,14.2vw,94px)}
 .briefing-intro>p{font-size:14px;line-height:1.7;margin-top:23px;max-width:330px}
 .cinema-form{padding:24px 20px;background:#0a0c11ed}.cinema-form .field-pair{grid-template-columns:1fr;gap:0}
 .cinema-form .field-pair:last-child>label{margin-bottom:24px}.cinema-form .field-pair:last-child>label:last-child{margin-bottom:0}
 .briefing-group{margin-bottom:31px}.briefing-group>legend{font-size:11px;margin-bottom:23px}.briefing-group>label,.cinema-form .field-pair>label{font-size:13px}
 .cinema-form .budget-options span{font-size:10px;padding:12px 10px}.cinema-form>.big-cta{font-size:21px;padding:23px 20px}
 .briefing-film-note{display:none}.contact-channels{height:130svh;min-height:1000px}
 .contact-channels .portal-copy h2.display-heading{font-size:clamp(44px,13.5vw,95px);line-height:.97}
 .contact-channels .scene-screen:before{background:radial-gradient(ellipse 100% 80% at 50% 53%,#06070bed,#06070bb0 52%,#06070b22 100%)}
}
@media(max-width:760px) and (max-height:700px){.contact-opening .scene-screen{padding-top:147px}.contact-opening h1.display-heading{font-size:clamp(56px,16.5vw,82px)}.contact-primary{margin-top:21px;padding:19px 23px;font-size:19px}.contact-opening .scene-copy>.text-link{margin-top:19px}}

/* Explicit Web Animations now drive entrances, including re-entry on reverse scroll. */
html.entrance-motion .heading-ink,html.entrance-motion .enter-item,html.entrance-motion .project .project-image{transition:none}

/* Balanced header: navigation left, studio wordmark centered, project CTA right. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:24px}
.site-header>.brand{grid-column:2;grid-row:1;justify-self:center}
.site-header>.desktop-nav{grid-column:1;grid-row:1;justify-self:start;gap:25px}
.site-header>.header-cta{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
.site-header>.menu-button{grid-column:1;grid-row:1;justify-self:start}
@media(min-width:1001px){.site-header>.desktop-nav{display:flex}}
@media(max-width:1200px) and (min-width:1001px){.site-header{column-gap:14px}.site-header>.desktop-nav{gap:18px}.site-header .desktop-nav a{font-size:12px}.site-header>.header-cta{font-size:11px;gap:12px}}
@media(max-width:1000px){
 .site-header{column-gap:15px}.site-header>.desktop-nav{display:none}
 .site-header>.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff45;background:transparent;width:40px;height:40px;border-radius:50%;padding:10px}
 .site-header .menu-button span{width:16px;height:1px;background:#fff;transition:transform .3s}
 .site-header .menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .site-header .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}
@media(max-width:760px){.site-header{column-gap:10px}.site-header>.header-cta{display:none}}