/* The first viewport is a film; scrolling leads directly into the production approach. */
.site-header{position:fixed;inset:0 0 auto;background:linear-gradient(180deg,#0b1928b3,#0b19283d);border-bottom:1px solid #ffffff22;transition:background .25s}.site-header.is-scrolled{background:var(--navy);border-bottom-color:#ffffff1c}.video-hero{padding:0;position:relative;background:var(--navy)}.video-hero .hero-film{width:100%;margin:0}.video-hero .hero-film .film-frame{height:100svh;min-height:630px;position:relative}.video-hero #hero-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;object-position:center}.video-hero .film-shade{background:linear-gradient(180deg,#06142038 0%,#0614200a 30%,#06142045 55%,#061420cf 100%)}.video-hero-copy{position:absolute;left:50%;transform:translateX(-50%);bottom:114px;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:55px;color:#fff}.video-hero-copy>.eyebrow,.video-hero-copy .eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.12em;color:#e1e9ee}.video-hero h1{font-size:clamp(3.25rem,5.4vw,5.5rem);font-weight:450;letter-spacing:-.06em;line-height:1.08;margin:22px 0 18px;color:#fff}.video-hero h1 span{color:#d5e0e7}.video-hero-copy p{font-size:1rem;line-height:1.7;margin:0;color:#d5e0e7}.hero-video-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px;padding:0 0 7px 15px}.video-hero .hero-film .reel-button{position:static;bottom:auto;left:auto;right:auto;color:#fff;font-size:1rem;gap:14px}.video-hero .reel-button small{font-size:.75rem}.hero-video-actions>.text-link{color:#e5ebef;font-size:.875rem;margin-left:0}.video-hero .play-icon{height:49px;width:49px;flex-shrink:0}.video-hero-meta{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff3d;padding-top:20px;color:#d2dde5}.video-hero-meta>span{font-size:.75rem;letter-spacing:.065em;max-width:80%;line-height:1.6}.video-hero .hero-film .motion-control{position:static;inset:auto;color:#fff;border:1px solid #d2dde56b;background:#081a2645;min-height:38px;padding:7px 12px;font-size:.875rem;white-space:nowrap}.approach-section{padding-top:104px}
@media(min-width:1650px){.video-hero h1{font-size:6.1rem}.video-hero-copy{bottom:132px}.video-hero .hero-film .film-frame{min-height:730px}}
@media(max-width:1100px){.video-hero-copy{gap:30px;grid-template-columns:1.3fr .7fr}.video-hero h1{font-size:5.9vw}.hero-video-actions{padding-left:0}.hero-video-actions>.text-link{margin-left:0}.video-hero .hero-film .reel-button{font-size:.875rem}}
@media(max-width:820px){.video-hero-copy{grid-template-columns:1fr;gap:27px;bottom:125px}.video-hero h1{font-size:clamp(3.25rem,7.8vw,4.8rem);margin-top:18px}.hero-video-actions{flex-direction:row;align-items:center;gap:29px;flex-wrap:wrap;padding-bottom:0}.hero-video-actions>.text-link{margin-left:0}.video-hero .hero-film .film-frame{min-height:650px}.video-hero-meta>span{max-width:70%}.video-hero .hero-film .motion-control{font-size:.8125rem}}
@media(max-width:600px){.video-hero .hero-film .film-frame{min-height:620px}.video-hero-copy{bottom:150px;gap:25px}.video-hero h1{font-size:clamp(2.5rem,9.3vw,3.8rem);line-height:1.13;margin:16px 0 15px}.video-hero-copy .eyebrow{font-size:.75rem;letter-spacing:.05em}.video-hero-copy p{font-size:.9375rem;max-width:310px}.hero-video-actions{flex-direction:column;align-items:start;gap:18px}.hero-video-actions>.text-link{margin-left:0;font-size:.875rem}.video-hero .hero-film .reel-button{font-size:.875rem}.video-hero-meta{bottom:20px;gap:15px;align-items:end;padding-top:16px}.video-hero-meta>span{font-size:.75rem;letter-spacing:.02em;max-width:62%}.video-hero .hero-film .motion-control{font-size:.875rem;padding:7px 10px}.video-hero .play-icon{height:43px;width:43px}.approach-section{padding-top:64px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Viewfinder details retain the camera identity from the owner's existing website. */
.video-hero .camera-viewfinder{position:absolute;inset:128px 28px 16px;z-index:1;pointer-events:none;color:var(--paper)}
.video-hero .camera-corner{position:absolute;width:36px;height:36px;border-style:solid;border-color:currentColor;opacity:.78;filter:drop-shadow(0 1px 2px #0b1d2c)}
.video-hero .camera-corner-tl{top:0;left:0;border-width:1px 0 0 1px}
.video-hero .camera-corner-tr{top:0;right:0;border-width:1px 1px 0 0}
.video-hero .camera-corner-bl{bottom:0;left:0;border-width:0 0 1px 1px}
.video-hero .camera-corner-br{bottom:0;right:0;border-width:0 1px 1px 0}
.video-hero .camera-focus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border:1px solid #ffffff50;display:grid;place-items:center}
.video-hero .camera-focus i{width:3px;height:3px;background:#ffffff8c;border-radius:50%}
.video-hero .camera-rec{position:absolute;right:20px;top:15px;display:inline-flex;align-items:center;gap:9px;padding:7px 10px;color:var(--paper);background:#0b1d2cbf;border:1px solid #ffffff30;font-size:.8125rem;font-weight:500;letter-spacing:.13em;line-height:1.4}
.video-hero .camera-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);opacity:.65;flex-shrink:0}
.video-hero .film-frame.is-playing .camera-rec-dot{animation:camera-rec-pulse 1.8s ease-in-out infinite}
.video-hero-copy,.video-hero-meta{z-index:2}
@keyframes camera-rec-pulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(max-width:820px){.video-hero .camera-viewfinder{inset:108px 18px 15px}.video-hero .camera-focus{display:none}.video-hero .camera-corner{width:28px;height:28px}}
@media(max-width:600px){.video-hero .camera-viewfinder{inset:104px 12px 12px}.video-hero .camera-corner{width:23px;height:23px}.video-hero .camera-rec{right:12px;top:12px;font-size:.75rem;padding:6px 8px;gap:7px}}
@media(prefers-reduced-motion:reduce){.video-hero .film-frame.is-playing .camera-rec-dot{animation:none;opacity:1}}