/* A landscape explanation film, separate from the existing portrait examples. */
.fs-video-feature {
  min-width:0;
  margin-bottom:clamp(40px,5vw,72px);
  padding-bottom:clamp(32px,4vw,52px);
  border-bottom:1px solid var(--fs-line);
  scroll-margin-top:150px;
}
.fs-video-feature-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:24px; }
.fs-video-feature-heading .fs-eyebrow { color:var(--fs-muted); margin-bottom:12px; font-size:12px; font-weight:600; }
.fs-video-feature h3 { max-width:33ch; font-size:clamp(25px,3.2vw,44px); line-height:1.12; letter-spacing:-.035em; font-weight:500; margin:0; }
.fs-video-feature-format { flex-shrink:0; font-size:14px; line-height:1.6; color:var(--fs-muted); padding-top:4px; }
.fs-video-feature figure { margin:0; position:relative; }
.fs-video-feature-cover { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; gap:12px; min-height:50px; padding:12px 20px; border:1px solid var(--fs-on-dark); background:var(--fs-red); color:#fff; font:600 14px/1.4 Arial,sans-serif; white-space:nowrap; cursor:pointer; }
.fs-video-feature-cover:hover { background:#a30b1c; }
.fs-video-feature video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:var(--fs-ink); border:1px solid var(--fs-line); scroll-margin-top:100px; }
.fs-video-feature figcaption { color:var(--fs-muted); font-size:14px; line-height:1.6; margin-top:12px; max-width:80ch; }
.fs-video-feature-copy { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px 48px; margin-top:26px; }
.fs-video-feature p { font-size:16px; line-height:1.65; margin:0; }
.fs-video-feature :is(p,figcaption,summary,li,li span,.fs-link span,.fs-button span) { text-transform:none; letter-spacing:normal; }
.fs-video-feature .fs-video-feature-disclosure { color:var(--fs-muted); font-size:14px; margin-top:12px; }
.fs-video-feature-actions { display:flex; align-items:flex-start; flex-direction:column; gap:12px; }
.fs-video-feature-actions .fs-button { font:inherit; font-size:14px; cursor:pointer; text-align:left; }
.fs-video-feature-actions .fs-link { max-width:100%; font-size:15px; line-height:1.4; padding-block:8px; }
.fs-video-feature [hidden] { display:none!important; }
.fs-video-feature .fs-video-feature-status { font-size:14px; color:var(--fs-muted); }
.fs-video-feature details { margin-top:26px; border-top:1px solid var(--fs-line); }
.fs-video-feature summary { cursor:pointer; min-height:48px; padding-block:16px; font-size:16px; line-height:1.5; }
.fs-video-feature summary::marker { color:var(--fs-red); }
.fs-video-feature ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 40px; padding-left:24px; margin:4px 0 18px; }
.fs-video-feature li { padding-left:4px; font-size:15px; line-height:1.65; }
.fs-video-feature li strong { display:block; font-weight:600; margin-bottom:4px; }
.fs-video-feature li span { color:var(--fs-muted); }
.fs-video-feature .fs-video-feature-transcript-note { font-size:14px; color:var(--fs-muted); max-width:85ch; margin-bottom:12px; }
.fs-video-feature :focus-visible { outline:3px solid var(--fs-red); outline-offset:5px; }
.fs-contrast .fs-video-feature :focus-visible { outline-color:var(--fs-on-dark); }
@media(max-width:760px) {
  .fs-video-feature-heading { display:block; margin-bottom:18px; }
  .fs-video-feature-format { display:block; padding-top:12px; }
  .fs-video-feature-copy { grid-template-columns:1fr; gap:20px; margin-top:20px; }
  .fs-video-feature-actions { align-items:stretch; }
  .fs-video-feature-actions .fs-link { align-self:flex-start; }
  .fs-video-feature ol { grid-template-columns:1fr; gap:16px; }
  .fs-video-feature summary { padding-block:14px; }
}