.film-page{background:#0e1a24;color:#f2f1ee;--muted:#d5d9dc;--line:#ffffff28;--paper:#f2f1ee;--navy:#0e1a24;--gold:#dfb968}
.film-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0e1a24;pointer-events:none}.film-poster,#film-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.film-poster{opacity:1}#film-canvas{opacity:0}.film-ready #film-canvas{opacity:1}.film-ready .film-poster{opacity:0}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,27,.94) 0%,rgba(7,17,27,.88) 27%,rgba(7,17,27,.68) 39%,rgba(7,17,27,.15) 62%,rgba(7,17,27,.03) 100%),linear-gradient(0deg,rgba(7,17,27,.93) 0%,transparent 23%,transparent 79%,rgba(7,17,27,.6) 100%)}
.film-page main,.film-page footer{position:relative;z-index:1}.film-page .site-header{background:rgba(9,20,30,.75);border-bottom:1px solid #ffffff1a;color:#f2f1ee;backdrop-filter:blur(16px)}.film-page .brand img{filter:brightness(0) invert(1)}.film-page .nav-cta,.film-page .primary{background:#dfb968;color:#0e1a24;border-color:#dfb968}.film-page .nav-shell nav a{color:#f2f1ee}.film-page .menu-toggle span{background:#f2f1ee}.film-page .wrap{max-width:1280px}.film-page .button:hover{background:#edce8e;color:#0e1a24}.film-page .text-link{color:#f2f1ee;border-bottom-color:#ffffff55}
.film-chapter{min-height:105svh;display:flex;align-items:center;padding-top:150px;padding-bottom:150px;scroll-margin-top:0}.film-copy{width:min(43%,550px);container-type:inline-size}.film-copy h1{font-size:clamp(30px,8.6cqi,52px);font-weight:400;line-height:1.17;letter-spacing:-.045em;margin:0 0 32px}.film-copy h1 .hero-line{white-space:nowrap}.film-copy h1 em{color:#dfb968}.film-copy h2{font-size:clamp(34px,3.1vw,48px);line-height:1.13;letter-spacing:-.045em;margin:0 0 28px}.film-copy h2 em{color:#f2f1ee}.film-copy p{font-size:17px;line-height:1.7;color:#e1e4e6;max-width:48ch}.film-copy .hero-intro{font-size:18px}.film-kicker,.film-copy .eyebrow{font-size:12px!important;line-height:1.6!important;letter-spacing:.12em;text-transform:uppercase;color:#dfb968!important;margin-bottom:24px}.film-copy .chapter-index{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:24px;color:#dfe4e7}.chapter-index>span:first-child{color:#dfb968;font-size:24px;letter-spacing:-.04em}.film-copy .chapter-index::after{content:'';height:1px;width:64px;background:#ffffff44}.film-copy .aviation-analogy{border-left:1px solid #dfb968;padding-left:20px}.film-copy ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;font-size:13px;line-height:1.5;color:#e2e5e6;margin:28px 0}.film-copy li::before{content:'+';color:#dfb968;margin-right:8px}.film-copy .chapter-result{color:#fff;font-size:17px}.film-copy .hero-person{margin-top:32px;color:#e5e5e0}.film-copy .hero-person img{object-fit:cover;object-position:50% 20%}.film-copy .hero-person span{color:#e4e6e7}.film-copy .hero-actions{gap:24px;margin-top:30px}.film-copy .chapter-scroll,.film-copy .scroll-invitation{display:none}
.film-rail{position:fixed;z-index:15;bottom:0;left:0;right:0;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px;padding:16px max(24px,calc((100vw - 1280px)/2));background:rgba(7,17,27,.92);border-top:1px solid #ffffff25;backdrop-filter:blur(12px)}.film-status{display:flex;gap:12px;align-items:center;font-size:13px}.film-status>span:first-child{color:#dfb968;font-variant-numeric:tabular-nums}.film-status-note{display:none}.film-rail nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.film-rail nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-size:12px;color:#c5cbd0;border-radius:2px}.film-rail nav a span{font-size:10px;color:#9ca8b1;font-variant-numeric:tabular-nums}.film-rail nav a[aria-current]{background:#ffffff12;color:#f0cc85}.film-motion{background:transparent;color:#cdd3d7;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit;font-size:12px;min-height:44px}.film-progress{position:absolute;left:0;top:-1px;right:0;height:2px;background:#ffffff10}.film-progress span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:#dfb968}.film-page :focus-visible{outline:2px solid #f0cc85;outline-offset:5px}
.film-about{min-height:95svh;display:grid;grid-template-columns:minmax(0,550px) 280px;justify-content:space-between;align-items:center;gap:80px;padding-block:140px}.film-about .portrait{grid-column:2;grid-row:1;align-self:center;background:#0e1a24;box-shadow:0 24px 80px #0004}.film-about .about-copy{grid-column:1;grid-row:1}.film-about h2{font-size:clamp(36px,3.1vw,48px)}.film-about h2 em{color:#dfb968}.film-about p{font-size:17px;line-height:1.75;color:#dce1e4}.film-about .eyebrow{font-size:12px;color:#dfb968;letter-spacing:.12em}.film-about .portrait-caption{padding:18px 20px;margin:0;border:1px solid #ffffff20;border-top:0;color:#fff}.film-about .portrait-caption span{color:#cdd4d8;font-size:12px;line-height:1.5}.film-about .experience-tags span{border-color:#ffffff35;color:#e5e8e9}.film-faq{grid-template-columns:1fr;gap:32px;max-width:1280px;padding-block:96px;border-top:1px solid #ffffff30}.film-faq>div{max-width:570px}.film-faq h2{color:#fff}.film-faq .faqs{padding:8px 24px 20px;background:rgba(8,20,31,.84);border:1px solid #ffffff24}.film-faq p{color:#dce1e4}.film-faq summary{color:#f2f1ee}.film-faq .eyebrow{color:#dfb968}.film-contact{min-height:85svh;padding-top:120px;padding-bottom:130px}.film-contact h2{font-size:clamp(40px,4vw,64px);max-width:650px;color:#fff}.film-contact h2 em{color:#dfb968}.film-contact>p:not(.film-kicker){max-width:500px;font-size:18px;color:#dce1e4;line-height:1.7}.film-contact small{display:block;margin-top:24px;color:#c4cdd2}.film-page footer{background:rgba(7,17,27,.86);padding-bottom:105px}.film-disclosure{font-size:11px;line-height:1.7;color:#aeb9c1;padding-block:20px}.film-page .footer-services{border-color:#ffffff25}
@media(max-width:1100px){.film-rail{grid-template-columns:1fr auto;gap:16px}.film-status{display:none}.film-copy{width:48%}.film-about{grid-template-columns:minmax(0,1fr) 240px;gap:60px}.film-shade{background:linear-gradient(90deg,#07111bf2 0%,#07111bd9 29%,#07111b88 48%,#07111b05 78%),linear-gradient(0deg,#07111bf2,transparent 25%,transparent 75%,#07111b77)}}
@media(max-width:800px){.film-page .nav-shell nav{background:#0e1a24}.film-page .nav-shell nav a{color:#fff}.film-rail{padding:8px 16px;grid-template-columns:1fr;gap:0}.film-rail nav{gap:2px}.film-rail nav a{flex-direction:column;gap:3px;font-size:10px;min-height:44px}.film-motion{position:absolute;right:20px;top:-36px;font-size:11px;min-height:32px;background:#0e1a24d9;padding:0 10px}.film-copy{width:100%;max-width:600px}.film-chapter{min-height:105svh;align-items:flex-start;padding-top:44svh;padding-bottom:80px}.film-copy h1{font-size:clamp(30px,7.9vw,48px);margin-bottom:24px}.film-copy h2{font-size:clamp(32px,8vw,44px)}.film-copy p{font-size:16px;line-height:1.7}.film-copy .hero-intro{font-size:16px}.film-copy .hero-person{margin-top:24px}.film-copy .chapter-index{margin-bottom:16px}.film-copy .eyebrow{margin-bottom:16px}.film-copy .hero-actions{flex-wrap:wrap;gap:20px}.film-copy ul{display:grid;gap:8px}.film-shade{background:linear-gradient(to bottom,#07111b66 0,transparent 100px,transparent calc(82px + 42vw),#07111beb calc(82px + 59vw),#07111bf5 70%,#07111bfa 100%)}.film-poster{object-fit:contain;object-position:center 80px}.film-about{grid-template-columns:1fr;gap:32px;padding-top:44svh;padding-bottom:80px}.film-about .portrait{grid-column:1;grid-row:2;width:min(260px,75%);justify-self:start}.film-about .about-copy{grid-column:1;grid-row:1}.film-about h2{font-size:36px}.film-about p{font-size:16px}.film-faq{padding-top:44svh;padding-bottom:64px;gap:24px}.film-faq .faqs{padding-inline:18px}.film-contact{padding-top:44svh;padding-bottom:100px}.film-page footer{padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){.film-page{scroll-behavior:auto}.film-page *{transition:none!important}}

/* Decode off-screen; a shared canvas preserves the mobile composition and static fallback. */
#scroll-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
@media(max-width:800px){.film-page #film-briefing{padding-top:calc(56.25vw + 40px)}}
/* A freestanding portrait shares the evening scene, without a separate card. */
.film-about{grid-template-columns:minmax(0,550px) minmax(0,440px);gap:clamp(40px,6vw,88px)}
.film-about .portrait{position:relative;isolation:isolate;width:100%;height:auto;overflow:visible;background:transparent;box-shadow:none}
.film-about .portrait::before{content:'';position:absolute;z-index:-1;inset:-8% -15% -5%;background:radial-gradient(ellipse at 52% 57%,rgba(8,19,30,.68) 0%,rgba(8,19,30,.38) 42%,transparent 72%);pointer-events:none}
.film-about .portrait>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:transparent;filter:saturate(.88) brightness(.93);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.92) 81%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.92) 81%,transparent 100%)}
.film-about .portrait-caption{position:relative;display:flex;flex-direction:column;gap:7px;margin:-16px 0 0;padding:0 0 0 12%;border:0;background:transparent;box-shadow:none}
.film-about .portrait-caption strong{font-size:22px;font-weight:500;letter-spacing:-.025em;color:#f2f1ee}
.film-about .portrait-caption span{font-size:12px;line-height:1.6;color:#cdd4d8}
@media(max-width:1100px) and (min-width:801px){.film-about{grid-template-columns:minmax(0,1fr) minmax(0,34%);gap:40px}}
@media(max-width:800px){.film-about{grid-template-columns:1fr;gap:36px}.film-about .portrait{width:min(100%,360px);justify-self:center;margin-top:8px}.film-about .portrait-caption{padding-left:12%;margin-top:-12px}}
