/* NAKKO / editorial journey. Progressive enhancement preserves all content. */
.cinema-preview{--scene-paper:#e7e7e7;--scene-ink:#080a09;background:var(--scene-paper)}
.flight-scene{height:195svh;min-height:900px;background:#080a09}
.flight-sticky{height:100svh;min-height:580px;perspective:none}
.flight-frame{background:#091317;transform:none;border-radius:0!important}
.flight-camera{inset:0;transform-origin:43% 45%;transform:scale(1.07)}
.flight-camera img{object-position:45% 47%;filter:saturate(.82) sepia(.06)}
.flight-light{background:linear-gradient(180deg,#04151e40 0%,transparent 42%,#030f179c 100%)}
.flight-title{top:37%;left:5%;right:5%}
.flight-title h1{font-size:clamp(90px,12.3vw,210px);line-height:.86}
.flight-title h1 em{margin-left:14%}
.flight-meta{top:140px}
.arrival-label{position:absolute;top:26%;left:5%;font-family:Archivo,sans-serif;font-size:clamp(19px,2.6vw,40px);line-height:1.2;letter-spacing:-.04em}
.arrival-label span{display:block}.arrival-label span:last-child{font-size:.5em;letter-spacing:.03em;margin-top:12px}
.flight-skip{display:block;top:185px;z-index:2;background:#071b2590}
.scroll-cue{position:absolute;left:5%;bottom:38px;font:500 10px Archivo,sans-serif;letter-spacing:.12em;display:flex;align-items:center;gap:20px;text-transform:uppercase}
.scroll-cue i{width:52px;height:1px;background:#c1ff72;transform-origin:left;animation:cue 2s ease-in-out infinite}
@keyframes cue{50%{transform:scaleX(.4);opacity:.4}}
.frame-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#c1ff72;transform:scaleX(0);transform-origin:left}
.cinema-ready .flight-title,.cinema-ready .flight-bottom{opacity:0}
.journey-seen .flight-title,.journey-seen .flight-bottom{opacity:1}
.verbs-scene{position:relative;min-height:105svh;padding:95px 5% 65px;background:#080a09}
.verbs-stack{font-size:clamp(80px,12vw,185px);margin:55px 0;line-height:.98;gap:4px}
.verbs-stack span{will-change:transform}
.verbs-scene p{display:flex;justify-content:end;opacity:.6}
.cinema-preview .marquee{border-top:1px solid #ffffff20;border-bottom:0;font-size:20px;padding:20px 0;background:#c1ff72;color:#080a09}
.cinema-preview .marquee .brand-word{color:#080a09}
.cinema-preview .intro{padding:120px 6% 0;background:#e7e7e7}
.cinema-preview .intro:before{display:none}
.cinema-preview .intro-grid{gap:8%;grid-template-columns:1.1fr 1fr;padding-bottom:100px}
.cinema-preview .intro-statement{position:sticky;top:140px}
.cinema-preview .intro-statement h2{font-family:Archivo,sans-serif;font-size:clamp(48px,5.2vw,84px);line-height:1.04;font-weight:800}
.cinema-preview .intro-copy>p{padding:25px 0 25px 34px;background:transparent!important;color:#080a09!important;border-radius:0;border-top:1px solid #0002;margin:0;font-size:15px;line-height:1.8}
.cinema-preview .intro-copy>p:first-child{font-size:21px;line-height:1.5;font-family:Archivo,sans-serif}
.cinema-preview .intro-copy>p:before{left:0;top:28px;color:#555!important}
.cinema-preview .team-signal{border:0;margin-top:45px;gap:30px}
.cinema-preview .team-signal>strong{font-size:100px;font-family:Archivo,sans-serif;font-weight:800}
.cinema-preview .group-frame{margin:0 -6.82%;width:auto;clip-path:inset(0 0 0 0);overflow:hidden;background:#e7e7e7;border:0}
.cinema-preview .group-frame img{width:100%;height:auto;max-height:none;object-fit:contain;transform:none!important}
.cinema-preview .group-frame span{left:6%;bottom:24px;font-size:10px;padding:10px 16px}
.cinema-preview .projects-section{padding:95px 6%;background:#080a09;color:#fff}
.scene-divider{display:flex;justify-content:space-between;font:500 10px Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #ffffff30;padding-top:22px;color:#c1ff72}
.project-opening{min-height:65svh;margin:0;display:flex;align-items:center;transform-origin:left center}
.project-opening small{display:none}
.project-opening h2{font-family:Archivo,sans-serif;font-size:clamp(80px,12vw,180px);line-height:.92;font-weight:800;margin:0}
.project-opening h2 em{color:#c1ff72}
.cinema-preview .projects-section .project-grid{display:block}
.cinema-preview .projects-section .project-editorial{display:grid;grid-template-columns:.8fr 1fr;grid-template-rows:auto auto 1fr;gap:30px 8%;align-content:center;position:sticky;top:115px;min-height:calc(100svh - 145px);padding:45px 5%;margin:0 0 50px;border-radius:3px;border:1px solid #ffffff25;clip-path:none;box-shadow:0 -20px 50px #0004;transform:none;background:#e7e7e7;color:#080a09;transition:none}
.cinema-preview .projects-section .project-editorial:nth-child(even){background:#c1ff72;color:#080a09}
.cinema-preview .projects-section .card-meta{grid-column:1/-1;color:inherit;margin:0;border-bottom:1px solid #0003;padding-bottom:18px}
.cinema-preview .projects-section .project-logo{grid-column:1;grid-row:2/4;align-self:center;width:100%;height:clamp(180px,25vw,350px);margin:0;max-width:none;background:#fff;border-radius:0;padding:25px;display:grid;place-items:center}
.cinema-preview .projects-section .project-logo img{max-height:280px;width:100%;height:100%;object-fit:contain}
.cinema-preview .projects-section .project-logo:has(img[src*="sua"]){background:#080a09}
.cinema-preview .projects-section .project-logo-former{padding:0;aspect-ratio:1.85;height:auto}
.cinema-preview .projects-section .project-logo-former .former-image{width:100%;height:100%;aspect-ratio:1.85}
.cinema-preview .projects-section .project-editorial h3{grid-column:2;grid-row:2;font-size:clamp(40px,5vw,76px);line-height:.94;margin:0;align-self:end;color:inherit}
.cinema-preview .projects-section .project-full-copy{grid-column:2;grid-row:3;max-width:600px;font-size:15px;line-height:1.8;color:inherit}
.cinema-preview .projects-section .project-full-copy p{margin:0 0 15px}
.cinema-preview .projects-more{padding:20px 0 0;text-align:center}
.cinema-preview .projects-more .pill{color:#080a09;background:#c1ff72;border:0}
.cinema-preview .creative-pause{background:#e7e7e7;color:#080a09;padding:110px 6%;overflow:hidden}
.cinema-preview .creative-pause p{font-size:clamp(60px,10vw,155px);font-family:Archivo,sans-serif;font-weight:800;line-height:.97;letter-spacing:-.065em;position:relative;z-index:1}
.cinema-preview .creative-pause p .dream-line{display:block;background:none;color:inherit;will-change:transform}
.cinema-preview .creative-pause p .dream-line:nth-child(2){font-style:italic;color:#080a09;margin-left:14%;width:fit-content;background:#c1ff72;padding-right:.12em}
.cinema-preview .accent-lines{display:none}
.cinema-preview .berlin-scene{height:auto;min-height:0;background:#e7e7e7;padding:0 5% 70px;overflow:hidden}
.cinema-preview .berlin-scene>img{height:auto;width:100%;filter:none;object-fit:contain;border-radius:2px}
.cinema-preview .berlin-scene>div{position:relative;inset:auto;background:#080a09;color:#fff;padding:32px 4%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 25px}
.cinema-preview .berlin-scene h2{font-size:clamp(35px,4.5vw,65px);margin:0;grid-column:1;line-height:.98}
.cinema-preview .berlin-scene .pill{grid-column:2;grid-row:1/3}
.cinema-preview .home-team{background:#e7e7e7;padding:70px 6% 120px}
.cinema-preview .home-faces{grid-template-columns:repeat(5,minmax(0,1fr));gap:45px 20px}
.cinema-preview .face:nth-child(even){transform:translateY(30px)}
.cinema-preview .face>div{clip-path:none;border-radius:2px}
.cinema-preview .journey-footer{background:#c1ff72;color:#080a09;padding:100px 6% 25px;position:relative;overflow:hidden}
.cinema-preview .journey-footer .footer-cta{font-size:clamp(75px,12vw,180px);line-height:.86;color:#080a09}
.cinema-preview .journey-footer .footer-top{padding:0 0 70px;border-color:#0003}
.cinema-preview .journey-footer .footer-logo{filter:none}
.cinema-preview .journey-footer .footer-grid,.cinema-preview .journey-footer .footer-bottom{border-color:#0003;color:#080a09}
.cinema-preview .cinema-socials a{border-color:#080a09}
.photo-credit{font-size:9px;letter-spacing:0;text-transform:none}
@media(max-width:900px){.cinema-preview .projects-section .project-editorial{position:relative;top:auto;min-height:0;padding:30px;gap:25px 5%}.cinema-preview .projects-section .project-editorial h3{font-size:40px}.cinema-preview .projects-section .project-full-copy{font-size:14px}.cinema-preview .intro-grid{grid-template-columns:1fr}.cinema-preview .intro-statement{position:relative;top:auto}.cinema-preview .intro-copy{margin-top:30px}}
@media(max-width:650px){
 .flight-scene{height:165svh;min-height:850px}.flight-sticky{height:100svh;min-height:560px}.flight-camera img{object-position:37% 47%}.flight-title{top:40%;left:6%;right:6%}.flight-title h1{font-size:clamp(56px,16.2vw,98px)}.flight-title h1 em{margin-left:3%}.flight-meta{top:100px}.flight-skip{top:145px}.arrival-label{top:28%;left:6%;font-size:24px}.scroll-cue{left:6%;bottom:55px;font-size:8px}.flight-bottom{bottom:65px;gap:20px}.flight-replay{top:-35px}
 .verbs-scene{min-height:0;padding:65px 6% 55px}.verbs-stack{font-size:clamp(42px,11.8vw,75px);gap:15px;margin:38px 0}.verbs-scene p{font-size:10px}
 .cinema-preview .intro{padding-top:65px}.cinema-preview .intro-grid{padding-bottom:55px}.cinema-preview .intro-statement h2{font-size:clamp(37px,10vw,60px)}.cinema-preview .intro-copy>p:first-child{font-size:20px}.cinema-preview .intro-copy>p{font-size:14px}.cinema-preview .group-frame span{position:relative;left:auto;bottom:auto;display:block;text-align:center;font-size:8px}
 .cinema-preview .projects-section{padding:55px 6%}.scene-divider{font-size:8px;gap:20px}.scene-divider span:last-child{max-width:120px;text-align:right}.project-opening{min-height:40svh}.project-opening h2{font-size:clamp(55px,14vw,82px)}
 .cinema-preview .projects-section .project-editorial{display:flex;flex-direction:column;gap:25px;padding:26px;margin-bottom:25px;box-shadow:none}.cinema-preview .projects-section .project-logo{height:180px;width:100%;order:1;padding:15px}.cinema-preview .projects-section .card-meta{width:100%;order:0}.cinema-preview .projects-section .project-editorial h3{order:2;width:100%;font-size:39px}.cinema-preview .projects-section .project-full-copy{order:3;font-size:14px;width:100%}.cinema-preview .projects-section .project-logo img{max-height:150px}.cinema-preview .projects-section .project-logo-former{padding:0;height:auto}
 .cinema-preview .creative-pause{padding:70px 6%}.cinema-preview .creative-pause p{font-size:clamp(40px,10.8vw,68px)}.cinema-preview .berlin-scene{padding:0 0 45px}.cinema-preview .berlin-scene>div{padding:25px 6%;display:flex;align-items:start;gap:20px}.cinema-preview .berlin-scene h2{font-size:40px}.cinema-preview .berlin-scene>img{border-radius:0}
 .cinema-preview .home-team{padding-top:45px;padding-bottom:70px}.cinema-preview .home-faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.cinema-preview .face:nth-child(even){transform:none}.cinema-preview .journey-footer{padding-top:65px}.cinema-preview .journey-footer .footer-cta{font-size:clamp(65px,17vw,100px)}.cinema-preview .journey-footer .footer-bottom{gap:15px;flex-wrap:wrap}
}
.cinema-static .flight-scene{height:100svh;min-height:560px}.cinema-static .flight-sticky{position:relative}.cinema-static .flight-title,.cinema-static .flight-bottom{opacity:1!important}.cinema-static .arrival-label,.cinema-static .scroll-cue,.cinema-static .flight-skip,.cinema-static .flight-replay{display:none}.cinema-static .project-editorial{position:relative!important;top:auto!important}.cinema-static .verbs-stack span,.cinema-static .dream-line,.cinema-static .project-opening,.cinema-static .group-frame,.cinema-static .berlin-scene>img,.cinema-static .flight-camera{transform:none!important;clip-path:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.flight-scene{height:100svh;min-height:560px}.flight-title,.flight-bottom{opacity:1!important}.arrival-label,.scroll-cue,.flight-skip{display:none}.project-editorial{position:relative!important;top:auto!important}.flight-camera,.project-opening,.group-frame,.dream-line,.berlin-scene>img{transform:none!important;clip-path:none!important}.verbs-stack span{opacity:1!important}}
@media(min-width:901px) and (max-height:700px){.cinema-preview .projects-section .project-editorial{position:relative;top:auto;min-height:0}}
.flight-skip[hidden]{display:none!important}
@media(max-width:650px){.cinema-preview .projects-section .project-editorial h3{font-size:clamp(29px,8.8vw,39px);overflow-wrap:normal;word-break:normal;hyphens:none}.cinema-preview .projects-section .project-editorial{padding:22px}}
/* The old reveal curtain must not cover the scroll-driven group photograph. */
.cinema-preview .group-frame::after{content:none!important;display:none!important}
.arrival-label{top:28%;font-family:Archivo,sans-serif;font-size:clamp(45px,5.4vw,82px);font-weight:600;line-height:1.02;letter-spacing:-.055em;text-shadow:0 2px 25px #08192325}
.arrival-label span:first-child{width:fit-content;padding-bottom:18px;border-bottom:1px solid #ffffff65}
.arrival-label span:last-child{font-family:Archivo,sans-serif;font-style:italic;font-size:clamp(19px,2vw,30px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin-top:18px}
@media(max-width:650px){.arrival-label{top:29%;font-size:clamp(40px,10.8vw,64px);max-width:88%}.arrival-label span:first-child{padding-bottom:14px}.arrival-label span:last-child{font-size:clamp(17px,4.6vw,25px);margin-top:14px}}
/* Reflection study: the gaze rises from the river to the skyline. */
.flight-scene{height:185svh}.flight-camera{transform-origin:45% 88%;will-change:transform,filter}.arrival-label{top:27%}.arrival-label span:first-child{font-size:.88em}.flight-light{background:linear-gradient(180deg,#06121955,transparent 45%,#030f1790)}
.verbs-scene{min-height:0;padding:65px 6% 55px;border-bottom:1px solid #ffffff15}
.verbs-stack{display:grid;grid-template-columns:1fr 1fr 1.45fr;align-items:center;gap:24px;margin:36px 0 26px;font-size:clamp(38px,5.8vw,86px);line-height:1;letter-spacing:-.055em}
.verbs-stack span:nth-child(2),.verbs-stack span:last-child{align-self:auto}.verbs-scene p{margin:0;font-size:11px}.verbs-scene .scene-label{font-size:9px}
.cinema-preview .intro{padding-top:90px}
@media(max-width:650px){.flight-scene{height:165svh}.verbs-scene{padding:38px 6% 32px}.verbs-stack{display:flex;flex-direction:column;align-items:start;gap:5px;font-size:clamp(40px,11vw,64px);margin:24px 0 20px}.verbs-stack span:nth-child(2){align-self:center}.verbs-stack span:last-child{align-self:end}.verbs-scene p{font-size:9px}.cinema-preview .intro{padding-top:55px}}
.cinema-static .flight-camera{filter:none!important}
@media(prefers-reduced-motion:reduce){.flight-camera{filter:none!important}}
.cinema-preview .project-opening h2 em{display:inline-block;background:#c1ff72;color:#080a09;padding:0 .1em .05em;line-height:1.03}
/* Berlin: a continuous dark scene instead of an empty pale surround. */
.cinema-preview .creative-pause{background:#080a09;color:#f4f4ef;padding-bottom:70px}
.cinema-preview .creative-pause .pause-kicker{color:#c1ff72}
.cinema-preview .berlin-scene{background:radial-gradient(ellipse at 95% 20%,#c1ff7210,transparent 55%),#080a09;color:#fff;padding:0 5% 65px;position:relative}
.berlin-preface{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;padding:35px 0 30px;border-top:1px solid #ffffff35;position:relative;z-index:1}
.berlin-preface>span{grid-column:1/-1;color:#c1ff72;font:500 10px Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.berlin-preface strong{font:800 clamp(65px,10vw,150px)/.85 Archivo,sans-serif;letter-spacing:-.07em}
.berlin-preface strong span{color:#c1ff72}
.berlin-preface small{font-size:10px;color:#b8bcb9;letter-spacing:.08em;max-width:200px;text-align:right;line-height:1.6}
.cinema-preview .berlin-scene>img{position:relative;z-index:1;outline:1px solid #ffffff25;outline-offset:8px}
.cinema-preview .berlin-scene>div{padding:35px 0 0;border-top:1px solid #ffffff25;margin-top:25px;background:transparent}
.cinema-preview .berlin-scene>div>small{display:none}
.cinema-preview .berlin-scene .pill{background:#c1ff72;color:#080a09;border-color:#c1ff72}
.cinema-preview .berlin-scene:after{content:none!important;display:none!important}
@media(max-width:650px){.cinema-preview .creative-pause{padding-bottom:45px}.cinema-preview .berlin-scene{padding:0 6% 45px}.berlin-preface{gap:18px;padding:25px 0}.berlin-preface>span{font-size:8px}.berlin-preface strong{font-size:clamp(60px,17vw,90px)}.berlin-preface small{font-size:8px;max-width:105px}.cinema-preview .berlin-scene>img{outline-offset:4px}.cinema-preview .berlin-scene>div{padding:25px 0 0;margin-top:22px}}
.cinema-preview .berlin-scene{scroll-margin-top:110px}

/* Animated children must not become scroll anchors while their visual position changes.
   Intrinsic image dimensions reserve the actual document layout above. */
.cinema-preview .flight-scene,.cinema-preview .group-frame,
.cinema-preview .project-opening,.cinema-preview .project-editorial,
.cinema-preview .creative-pause,.cinema-preview .berlin-scene{overflow-anchor:none}

/* Quiet opening typography; the approved Distintas / miradas choreography is unchanged. */
.flight-camera{will-change:transform;transform:scale(1.025);transform-origin:45% 45%}
.flight-camera img{filter:none;object-position:45% 35%}
.arrival-label{top:25%;left:auto;right:7%;width:34%;font-family:Archivo,sans-serif;letter-spacing:-.045em;text-shadow:0 2px 22px #06121935}
.arrival-label span.arrival-kicker{font-size:9px;font-weight:500;letter-spacing:.19em;text-transform:uppercase;margin-bottom:22px;padding:0;border:0}
.arrival-label span.arrival-city{font-size:clamp(38px,4.4vw,70px);font-weight:600;line-height:1.02}
.arrival-label span.arrival-thought{font-size:clamp(24px,2.9vw,46px);font-style:italic;font-weight:400;line-height:1.09;letter-spacing:-.045em;margin-top:12px}
.arrival-label:after{content:"";display:block;width:54px;height:1px;background:#c1ff72;margin-top:24px;transform:scaleX(var(--opening-rule,1));transform-origin:left}
.flight-light{background:linear-gradient(180deg,#07131e30,transparent 48%,#0310189c)}
.flight-meta{font-size:9px;letter-spacing:.17em}
@media(max-width:650px){
 .flight-camera img{object-position:38% 40%}
 .arrival-label{top:26%;left:7%;right:7%;width:auto}
 .arrival-label span.arrival-kicker{font-size:8px;margin-bottom:17px}
 .arrival-label span.arrival-city{font-size:clamp(35px,10.8vw,55px)}
 .arrival-label span.arrival-thought{font-size:clamp(24px,7vw,34px);margin-top:8px}
 .arrival-label:after{margin-top:20px;width:36px}
}
/* Keep the location line comfortably below the fixed navigation. */
.flight-meta{top:165px}
@media(max-width:650px){.flight-meta{top:130px;font-size:8px;letter-spacing:.08em}.flight-skip{top:170px}.arrival-label{top:29%}}

/* A single intact photograph approaches gently before the title appears. */
.flight-camera{transform:scale(1);will-change:transform}
.flight-scene{height:185svh}
@media(max-width:650px){.flight-scene{height:165svh}}
@media(prefers-reduced-motion:reduce){.flight-scene{height:100svh}}

/* Connected chapters: stable section geometry, motion only on their contents. */
.cinema-preview .creative-pause{height:155svh;min-height:760px;padding:0 6%;overflow:clip;position:relative}
.dream-stage{position:sticky;top:110px;min-height:calc(100svh - 130px);display:flex;flex-direction:column;justify-content:center;padding:35px 0}
.cinema-preview .creative-pause p{font-size:clamp(58px,9vw,138px);margin:24px 0 0}
.cinema-preview .creative-pause p .dream-line{transform-origin:left center;line-height:1.08}
.cinema-preview .creative-pause p .dream-line:last-child{font-size:.79em;white-space:nowrap}
.chapter-heading{will-change:transform;overflow-anchor:none}
.cinema-preview .verbs-scene,.cinema-preview .intro,.cinema-preview .projects-section,.cinema-preview .berlin-scene,.cinema-preview .home-team,.cinema-preview .journey-footer{border-top:2px solid transparent;border-image:linear-gradient(90deg,#c1ff72 calc(var(--chapter-progress,0)*100%),transparent 0) 1}
.cinema-preview .journey-footer{border-image:linear-gradient(90deg,#080a09 calc(var(--chapter-progress,0)*100%),transparent 0) 1}
@media(max-width:650px){
 .cinema-preview .creative-pause{height:135svh;min-height:650px}
 .dream-stage{top:90px;min-height:calc(100svh - 110px);padding:25px 0}
 .cinema-preview .creative-pause p{font-size:clamp(38px,11.5vw,65px)}
}
@media(max-height:550px){.dream-stage{position:relative;top:auto;min-height:0}.cinema-preview .creative-pause{height:auto;min-height:0;padding:50px 6%}}
.cinema-static .creative-pause{height:auto;min-height:0;padding:65px 6%}
.cinema-static .dream-stage{position:relative;top:auto;min-height:0}
.cinema-static .chapter-heading{transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.cinema-preview .creative-pause{height:auto;min-height:0;padding:65px 6%}.dream-stage{position:relative;top:auto;min-height:0}.chapter-heading,.dream-line{transform:none!important;opacity:1!important}}
@media(max-width:650px){
 .cinema-preview .creative-pause{height:115svh;min-height:600px}
 .dream-stage{min-height:calc(78svh - 90px)}
 .cinema-preview .creative-pause p{font-size:clamp(42px,13vw,68px)}
 .cinema-preview .creative-pause p .dream-line:last-child{font-size:.73em}
}
@media(prefers-reduced-motion:reduce){.cinema-preview .creative-pause{height:auto;min-height:0}.dream-stage{min-height:0}}
.cinema-static .cinema-preview .creative-pause{height:auto;min-height:0}
.cinema-static .dream-stage{min-height:0}

/* The introduction unfolds into the existing team photograph without changing layout. */
.cinema-preview .intro-statement h2{transform-origin:left center}
.cinema-preview .intro-copy>p,.cinema-preview .signal-faces img{will-change:transform;overflow-anchor:none}
.cinema-preview .intro-copy>p{border-image:linear-gradient(90deg,#769f43 calc(var(--copy-progress,1)*100%),#0002 0) 1}
.cinema-preview .intro-statement h2 em{background-color:transparent;background-image:linear-gradient(#c1ff72,#c1ff72);background-repeat:no-repeat;background-size:calc(100% * var(--mark-progress,1)) 100%}
.cinema-static .intro-copy>p,.cinema-static .signal-faces img{transform:none!important;opacity:1!important}
.cinema-static .intro-statement h2 em{background-size:100% 100%}
@media(prefers-reduced-motion:reduce){.cinema-preview .intro-copy>p,.cinema-preview .signal-faces img{transform:none!important;opacity:1!important}.cinema-preview .intro-statement h2 em{background-size:100% 100%}}

/* More reading room, with stable opening geometry on repeat visits. */
.cinema-preview .intro-statement h2{font-size:clamp(52px,5.9vw,96px);line-height:1.06}
.cinema-preview .intro-copy>p{padding-top:36px;padding-bottom:36px;line-height:1.9}
.cinema-preview .intro-copy>p:first-child{line-height:1.6}
.cinema-preview .intro-grid{padding-bottom:140px}
.cinema-preview .projects-section .project-editorial{margin-bottom:80px}
.cinema-preview .creative-pause{height:170svh}
.cinema-preview .verbs-scene{padding-top:85px;padding-bottom:75px}
@media(max-width:900px){.cinema-preview .intro-statement h2{font-size:clamp(44px,7.8vw,72px)}}
@media(max-width:650px){
 .cinema-preview .intro-statement h2{font-size:clamp(40px,11vw,66px);line-height:1.08}
 .cinema-preview .intro-copy>p{padding-top:30px;padding-bottom:30px;line-height:1.85}
 .cinema-preview .intro-grid{padding-bottom:85px}
 .cinema-preview .projects-section .project-editorial{margin-bottom:42px}
 .cinema-preview .creative-pause{height:130svh}
 .cinema-preview .verbs-scene{padding-top:55px;padding-bottom:50px}
}
@media(min-width:901px) and (max-height:800px){.cinema-preview .intro-statement{position:relative;top:auto}}
.cinema-static .cinema-preview .creative-pause{height:auto;min-height:0}
@media(prefers-reduced-motion:reduce){.cinema-preview .creative-pause{height:auto;min-height:0}}
@media(min-width:901px){.cinema-preview .intro-grid{grid-template-columns:1.45fr 1fr;gap:5%}}
/* Slightly larger supporting introduction copy. */
.cinema-preview .intro-copy>p:not(:first-child){font-size:17px}
@media(max-width:650px){.cinema-preview .intro-copy>p:not(:first-child){font-size:16px}}

/* Mobile rows need a fixed gap: percentage row gaps overflow the grid and clip the team link. */
@media(max-width:900px){.cinema-preview .intro-grid{row-gap:40px}.cinema-preview .intro-copy .text-link{position:relative;margin-bottom:0}}