/* A single pinned camera journey. Stock footage is scrubbed, never looped. */
html{scroll-behavior:smooth;scroll-padding-top:24px}
.cinema{height:850svh;position:relative;background:#0c120f}
.cinema-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#0c120f}
.cinema-scenes,.film-scene,.cinema-shade{position:absolute;inset:0}
.film-scene{opacity:0;visibility:hidden;will-change:opacity,transform;transform-origin:60% 65%}
.film-scene:first-child{opacity:1;visibility:visible}
.film-scene>img,.film-scene>video{width:100%;height:100%;object-fit:cover;display:block}
.logo-scene{transform-origin:62% 84%}
.logo-scene>img{object-position:center 43%;position:relative}
.logo-backdrop{position:absolute;inset:-8%;background:url('assets/logo-wall.jpeg') center/cover;filter:blur(24px) brightness(.4)}
.cinema-shade{pointer-events:none;background:linear-gradient(180deg,#06100b55,transparent 30%),linear-gradient(0deg,#06100bf5,transparent 57%);z-index:2}
.film-copy{position:absolute;left:7vw;right:7vw;bottom:135px;z-index:3;opacity:0;visibility:hidden;pointer-events:none;max-width:850px;will-change:transform,opacity}
.film-copy:first-of-type{opacity:1;visibility:visible}
.film-copy h1,.film-copy h2{font-size:clamp(44px,5.9vw,88px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:18px 0}
.film-copy h1 em,.film-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#d5deb2}
.film-copy p{font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:#e1e7dc;margin:0;max-width:520px}
.film-copy .kicker{font-size:12px;letter-spacing:.18em;color:#e5c58c}
.intro-copy{bottom:132px;max-width:630px}.intro-copy h1{font-size:clamp(34px,4vw,58px)}.intro-copy p{font-size:16px}
.cinema-controls{position:absolute;z-index:5;right:5vw;top:115px;display:flex;align-items:center;gap:20px}
.sound-toggle,.skip-film{font:inherit;font-size:14px;color:#f2eddf;text-decoration:none;background:#0b160d99;border:1px solid #dfc69355;border-radius:25px;padding:11px 16px;backdrop-filter:blur(12px);cursor:pointer}
.sound-toggle[aria-pressed=true]{border-color:#d6b77c;color:#e3c58a}
.sound-toggle:focus-visible,.skip-film:focus-visible{outline:2px solid #fff;outline-offset:4px}
.film-footer{position:absolute;left:7vw;right:7vw;bottom:45px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px}
.film-hint{font-size:14px;color:#ead7b7}
.chapter-track{display:flex;gap:22px;font-size:12px;letter-spacing:.12em;color:#b4b6a9}.chapter-track span{padding-bottom:12px;border-bottom:1px solid #ffffff30}.chapter-track span.active{color:#e6c78c;border-bottom-color:#e6c78c}
.film-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:5;background:#ffffff20}.film-progress>span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#a5bc82,#e5c58b)}
#compare{scroll-margin-top:24px}.compare-note{font-size:14px;line-height:1.6}
.nav .brand-name small{font-size:9px}.nav .brand-photo{border-color:#d2b37a66}.nav-cta span{font-family:Arial,sans-serif}
@media(min-width:1100px){.logo-scene>img{object-fit:contain;object-position:76% center}.intro-copy{max-width:420px;bottom:150px}.intro-copy h1{font-size:46px}}
@media(max-width:850px){
 .cinema{height:780svh}.cinema-stage{min-height:560px}
 .logo-scene>img{object-fit:contain;object-position:center 16%}
 .cinema-controls{top:100px;left:22px;right:22px;justify-content:space-between;gap:8px}
 .sound-toggle,.skip-film{font-size:12px;padding:9px 12px}
 .film-copy{left:22px;right:22px;bottom:165px;max-width:none}
 .film-copy h1,.film-copy h2{font-size:clamp(34px,9.1vw,60px);line-height:1.04;margin:12px 0 16px}
 .film-copy p{font-size:16px;max-width:360px;line-height:1.5}
 .film-copy .kicker{font-size:12px;letter-spacing:.12em}
 .intro-copy h1{font-size:clamp(31px,8vw,45px)}.intro-copy{bottom:162px}.intro-copy p{font-size:15px}
 .film-footer{left:22px;right:22px;bottom:110px}.film-hint{display:none}
 .chapter-track{width:100%;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.08em}
 .chapter-track span{padding-bottom:8px}
 .cinema-shade{background:linear-gradient(180deg,#06100b55,transparent 25%),linear-gradient(0deg,#06100b 6%,#06100bc9 25%,transparent 65%)}
 .nav .brand-name small{font-size:8px;letter-spacing:.03em}.nav .brand-name{font-size:14px}
 .mobile-call{bottom:max(16px,env(safe-area-inset-bottom));min-height:58px;padding:16px 20px}
}
@media(max-height:640px) and (min-width:851px){.film-copy{bottom:95px}.film-copy h2{font-size:48px}.intro-copy h1{font-size:34px}.cinema-controls{top:100px}.film-footer{bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema{height:auto}.cinema-stage{height:auto;min-height:0;overflow:visible}.cinema-scenes{display:none}.cinema-shade,.cinema-controls,.film-footer,.film-progress{display:none}.film-copy{position:relative;inset:auto;visibility:visible!important;opacity:1!important;transform:none!important;padding:85px 7vw;max-width:none;background:linear-gradient(#06100b88,#06100bdd),url('assets/hero-lawn.png') center/cover}.film-copy[data-copy="0"]{padding-top:150px;background-image:linear-gradient(#06100b99,#06100bcc),url('assets/logo-wall.jpeg')}.film-copy[data-copy="5"],.film-copy[data-copy="7"]{background-image:linear-gradient(#06100b88,#06100bdd),url('assets/grounds-after.webp')}.film-copy[data-copy="1"],.film-copy[data-copy="2"],.film-copy[data-copy="3"],.film-copy[data-copy="5"],.film-copy[data-copy="6"]{display:none}}

.intro-copy{visibility:visible;opacity:1}