/* Homepage brand film: preserve the whole frame, including the embroidered logo. */
.hero.hero--film{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:650px}
.hero--film .hero-copy{padding:70px 9% 50px}
.hero--film h1{font-size:clamp(46px,4.6vw,69px);line-height:1.1}
.hero-film{min-width:0;background:#102f29;border-left:1px solid #ffffff20;padding:50px 6%;display:flex;flex-direction:column;justify-content:center}
.film-heading{display:flex;justify-content:space-between;gap:18px;padding-bottom:20px;font-size:10px;letter-spacing:1.5px;color:#bacbbf}
.film-heading>span:first-child{color:var(--lime)}
.film-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#edf0ec;border:1px solid #ffffff30;box-shadow:0 20px 55px #00000026}
.film-frame video{display:block;width:100%;max-width:100%;height:100%;object-fit:contain;background:white}
.film-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px}
.film-footer>p{font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.6px;margin:0}
.film-footer>p>span{color:#b7cabd}
.film-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border:1px solid #ffffff45;background:transparent;color:white;font-size:12px;padding:13px 16px;min-height:44px;transition:background .2s}
.film-toggle:hover{background:#ffffff12}
.film-toggle[hidden]{display:none}
.film-icon-pause{display:none}
.film-toggle[data-playing="true"] .film-icon-play{display:none}
.film-toggle[data-playing="true"] .film-icon-pause{display:block}
.film-status{font-size:12px;line-height:1.5;color:#bacbbf;margin:18px 0 0}
.film-status:empty{display:none}
.film-open{margin:16px 0 0;font-size:12px;line-height:1.5;color:#bacbbf}
.film-open a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.film-toggle{min-height:48px;min-width:112px;touch-action:manipulation}
.film-toggle:focus-visible,.film-open a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@supports not (aspect-ratio:16/9){.film-frame{height:0;padding-top:56.25%}.film-frame video{position:absolute;top:0;left:0}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.hero--film .hero-copy{padding:58px 8% 45px}.hero--film h1{font-size:49px}.hero-film{padding:45px 6%}.film-heading{font-size:9px;letter-spacing:1px}.film-footer>p{font-size:25px}.film-toggle{font-size:11px;padding:12px}}
@media(max-width:900px){.hero.hero--film{grid-template-columns:1fr;min-height:0}.hero--film .hero-copy{padding:50px 7% 42px}.hero--film h1{font-size:clamp(43px,7.6vw,64px);max-width:680px}.hero--film .intro{max-width:540px}.hero-film{padding:35px 7% 38px;border-left:0;border-top:1px solid #ffffff20}.film-heading{font-size:10px}.film-footer>p{font-size:28px}.film-toggle{font-size:12px;padding:13px 16px}.hero--film .hero-foot{margin-top:35px}}
@media(max-width:420px){.hero--film h1{font-size:42px;letter-spacing:-1.8px}.hero-film{padding:28px 6% 30px}.film-heading{font-size:8px;letter-spacing:1px}.film-footer{padding-top:22px;gap:16px;flex-wrap:wrap}.film-footer>p{font-size:25px}.film-toggle{padding:11px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-toggle{transition:none}}

.film-frame,.film-frame video{background:transparent}
