/* Field film is separate from the existing interactive grille canvas. */
.field-feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,6vw,88px); max-width:1120px; margin:96px auto; padding:0 32px; }
.field-feature .field-film { position:relative; width:min(100%,420px); aspect-ratio:9/16; justify-self:center; overflow:hidden; border-radius:24px; corner-shape:squircle; background:#bfc6c5; }
.field-film .field-film-poster { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.field-film.has-video-frame .field-film-poster { visibility:hidden; }
.field-film video { display:block; width:100%; height:100%; object-fit:contain; }
.field-film .grille-field-badge { display:inline-block; position:absolute; top:12px; left:12px; z-index:2; padding:4px 9px; border:1px solid #0003; border-radius:999px; color:#222; background:#f5f5f2e6; font-size:11px; line-height:1.4; letter-spacing:.04em; pointer-events:none; }
.field-film button { position:absolute; z-index:2; right:12px; bottom:12px; min-height:44px; padding:10px 16px; border:1px solid #fff8; border-radius:999px; color:#fff; background:#171a19cc; font:inherit; font-size:12px; cursor:pointer; }
.field-film button[hidden] { display:none; }
.field-film button:focus-visible, .field-copy a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.field-title { margin:0 0 24px; font-size:clamp(32px,3.6vw,52px); font-weight:500; line-height:1.08; letter-spacing:-.035em; text-wrap:balance; }
.field-copy p { margin:0 0 24px; max-width:38ch; color:var(--text-secondary); font-size:17px; line-height:1.7; }
.field-copy a { color:inherit; font-size:14px; text-underline-offset:5px; }
#snap.field-feature { margin:96px auto; }
#snap.field-feature .field-copy { grid-column:1; grid-row:1; }
#snap.field-feature .field-film { grid-column:2; grid-row:1; }
@media(max-width:700px) {
 .field-feature, #snap.field-feature { grid-template-columns:minmax(0,1fr); gap:32px; padding:0 24px; margin:64px auto; }
 #snap.field-feature .field-copy, #snap.field-feature .field-film { grid-column:1; grid-row:auto; }
 #snap.field-feature .field-film { grid-row:1; }
 .field-feature .field-film { max-width:360px; }
 .field-copy p { font-size:16px; }
}