/* Video trial: inherit the approved forest/gold palette and type scale. */
.product-film,.landscape{position:relative;background:#102018;overflow:hidden}
.product-film.portrait{aspect-ratio:3/4}
.product-film video{display:block;width:100%;height:100%;object-fit:contain}
.landscape{aspect-ratio:16/9}.landscape video{width:100%;height:100%;object-fit:contain}
.film-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(10,25,17,.9));color:#f4f5ef}
.film-status{flex:1;font-size:11px;line-height:1.5;letter-spacing:.25px}
.film-controls button{color:#f4f5ef;background:#17291fe6;border:1px solid #a4b2a080;min-height:44px;min-width:44px;padding:8px 12px;font:500 12px/1.4 Arial,sans-serif;cursor:pointer}
.film-controls button:hover{border-color:var(--accent);color:var(--accent)}
.film-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-film-shell]:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#102018}
[data-film-shell]:fullscreen video{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.product-film.portrait{aspect-ratio:3/4}.film-controls{padding-inline:10px;gap:6px}.film-status{font-size:10px}.field-video{overflow:hidden}}

/* Landscape scenes lead; portrait films become compact secondary stories. */
.mixed-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.mixed-range .machine{min-width:0;overflow:hidden}
.feature-machine{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:center}
.feature-machine .machine-text{padding:24px 28px}
.feature-machine h3{font-size:36px}.machine .machine-story{font-size:16px;line-height:1.65;color:var(--muted)}
.wide-machine .machine-text{padding:24px 24px 8px}
.clip-picker{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}
.feature-machine .clip-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.clip-picker button{font:500 12px/1.4 Arial,sans-serif;min-height:44px;padding:9px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}
.clip-picker button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:#edbd6210}
.clip-picker button:hover{border-color:var(--accent)}.clip-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.portrait-machine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
.portrait-machine .product-film.portrait{aspect-ratio:9/16}
.portrait-machine .machine-text{padding:20px}.portrait-machine .film-status{display:none}
.portrait-machine .film-controls{justify-content:flex-end}
@media(max-width:1000px) and (min-width:761px){.feature-machine{grid-template-columns:1.4fr 1fr}.feature-machine .machine-text{padding:20px}.portrait-machine{grid-template-columns:1fr 1fr}.portrait-machine h3{font-size:24px}.portrait-machine .machine-text{padding:16px}}
@media(max-width:760px){
 .mixed-range{grid-template-columns:1fr;gap:28px}
 .feature-machine,.portrait-machine{display:block;grid-column:auto}
 .feature-machine .machine-text,.wide-machine .machine-text,.portrait-machine .machine-text{padding:22px 18px 8px}
 .feature-machine h3{font-size:28px}.machine .machine-story{font-size:15px;line-height:1.6}
 .portrait-machine .product-film.portrait{aspect-ratio:3/4}
 .portrait-machine .film-status{display:block}.clip-picker{margin:16px 0;gap:6px}
 .clip-picker button{font-size:12px;padding:9px 10px}
 .product-film.landscape .film-controls{padding-top:20px}
}