/* Focused refinement: keep the films, native scrolling and six-page structure. */
.ui-icon{display:inline-block;width:1.15em;height:1.15em;min-width:1.15em;vertical-align:-.18em;flex-shrink:0}
.site-menu nav a i .ui-icon{width:24px;height:24px}.menu-close .ui-icon{width:20px;height:20px}
.film-stage{background:#102c23}.film-top{font-size:10px;letter-spacing:1.1px;top:16px}
.film-top>span{padding:8px 0;text-shadow:0 1px 5px #000}
.film-motion{border:1px solid #e8ecd078;border-radius:24px;padding:10px 16px;min-height:44px;background:#102c23cc;font-size:11px;max-width:none}
.film-motion:disabled{opacity:.8;cursor:default}
.film-caption,.film-caption.active{left:5%;right:auto;top:48%;width:43%;max-width:620px;transform:translateY(-50%)}
.film-caption h1{font-size:clamp(44px,5.3vw,80px);line-height:1.04;letter-spacing:-.045em;margin-bottom:22px}
.film-caption h2{font-size:clamp(36px,4.3vw,64px);line-height:1.06;letter-spacing:-.04em;margin-bottom:22px}
.film-caption .eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:18px;color:#e7e9cb}
.film-description{font-size:15px;line-height:1.65;max-width:370px;color:#f2f1e8;margin-bottom:14px}
.film-start{font-size:11px;align-items:center;gap:24px;padding:10px 0;min-height:44px}
.film-layer img,.film-layer video{object-position:var(--focal,65%) center;transform:scale(var(--film-scale,1.015));transform-origin:var(--focal,65%) center;will-change:auto}
.film-layer[data-layer="0"]{--focal:50%}.film-layer[data-layer="1"]{--focal:62%}.film-layer[data-layer="2"]{--focal:68%}.film-layer[data-layer="3"]{--focal:65%}.film-layer[data-layer="4"]{--focal:58%}.film-layer[data-layer="5"]{--focal:62%}
.film-layer{transition:opacity .45s ease}
.film-story .film-shade{background:linear-gradient(90deg,#071e17eb 0%,#071e17b8 32%,#071e1710 68%),linear-gradient(0deg,#071e17eb,transparent 25%,transparent 85%,#071e1770)}
.film-bottom{left:5%;right:5%;bottom:44px;gap:20px}
.film-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:810px;margin:auto}
.film-nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:52px;padding:10px 12px;font-size:12px;color:#f2f1e6;background:#102c23e8;border:1px solid #e1e6c966;border-radius:4px;transition:background .2s,color .2s}
.film-nav a span{display:inline;margin:0;font-size:10px;letter-spacing:.5px;color:inherit}
.film-nav a:after{display:none}.film-nav a:hover{background:#315446}
.film-nav a[aria-current="step"]{color:#102c23;background:#e8ebcf;border-color:#e8ebcf;font-weight:700;box-shadow:inset 0 -3px #a6b87a}
.film-nav a:focus-visible,.film-motion:focus-visible,.film-start:focus-visible{outline:3px solid #f1d68e;outline-offset:3px}
.film-count{font-size:16px}.film-count i{color:#d1d7be}.film-skip{font-size:10px;line-height:1.6;max-width:90px}
.film-disclosure{font-size:9px;letter-spacing:.7px;color:#e1e6cf;bottom:12px;left:5%;right:5%;max-width:none}
.film-progress{height:3px}
@media(min-width:761px) and (max-width:1100px){.film-count,.film-skip{display:none}.film-nav{width:100%;max-width:none}.film-caption,.film-caption.active{width:46%}.film-caption h2{font-size:clamp(36px,4.8vw,50px)}}
@media(max-width:760px){
 .film-story{height:660svh}
 .film-stage{height:calc(100svh - var(--header));min-height:0}
 /* A wide, unobscured image above the copy keeps the whole machine readable. */
 .film-visuals{height:43%;bottom:auto}.film-layer img,.film-layer video{object-position:var(--focal,60%) center}
 .film-story .film-shade{inset:0 0 auto;height:44%;background:linear-gradient(0deg,#102c23 0%,transparent 27%,transparent 70%,#071e1770)!important}
 .film-top{left:5%;right:5%;top:8px;gap:8px;font-size:8px;letter-spacing:.6px}
 .film-top>span{max-width:165px;line-height:1.5}
 .film-motion,.cinema-simple .film-motion{min-height:44px;max-width:135px;padding:8px 12px;font-size:10px;text-align:center;background:#102c23ed}
 .film-caption,.film-caption.active{top:44%;left:6%;right:6%;width:auto;max-width:none;transform:none}
 .film-caption h1,.film-caption h2{font-size:clamp(28px,7.5vw,44px);line-height:1.07;letter-spacing:-1px;margin-bottom:12px;text-wrap:initial}
 .film-caption .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:10px}
 .film-description{max-width:100%;font-size:13px;line-height:1.55;margin-bottom:8px}
 .film-start{font-size:10px;min-height:44px;padding:8px 0;gap:24px}
 .film-bottom{left:5%;right:5%;bottom:42px;display:block}
 .film-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%}
 .film-nav a{font-size:11px;min-height:44px;padding:8px 5px;gap:7px}
 .film-nav a span{font-size:10px}
 .film-disclosure{font-size:8px;letter-spacing:.2px;line-height:1.4;left:5%;right:5%;bottom:10px}
 .film-count,.film-skip{display:none}
 .cinema-simple .film-story,.cinema-simple .film-stage{height:720px;min-height:720px}
 .cinema-simple .film-visuals{height:40%}.cinema-simple .film-shade{height:41%}
 .cinema-simple .film-caption,.cinema-simple .film-caption.active{top:43%}
 .cinema-simple .film-disclosure{bottom:20px}
 .film-mobile .mobile-film-copy{padding-top:28px;padding-bottom:32px}
 .mobile-film-copy small{font-size:10px}.mobile-film-image{aspect-ratio:16/9}
 .page-heading .page-film-note{max-width:88%;line-height:1.5}
}
@media(max-width:760px) and (max-height:740px){
 .film-visuals{height:35%}.film-story .film-shade{height:36%}
 .film-caption,.film-caption.active{top:36%}
 .film-caption h1,.film-caption h2{font-size:28px;margin-bottom:8px}
 .film-caption .eyebrow{margin-bottom:7px}.film-description{font-size:12px;line-height:1.5}
}
@media(min-width:761px) and (max-height:700px){
 .film-caption,.film-caption.active{top:46%;width:48%}
 .film-caption h1,.film-caption h2{font-size:clamp(32px,4vw,48px);margin-bottom:12px}
 .film-caption .eyebrow{margin-bottom:10px}.film-description{font-size:13px;max-width:430px;line-height:1.5}
 .film-bottom{bottom:38px}.film-nav a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .film-layer img,.film-layer video{transform:none!important}
 .cinema-simple .film-story,.cinema-simple .film-stage{position:relative;top:0}
 .film-mobile video{scroll-margin-top:calc(var(--header) + 16px)}
}