.bbw-film{position:relative;isolation:isolate;display:grid;align-items:end;min-height:0;height:min(810px,56.25vw);max-width:1680px;margin-inline:auto;background:var(--pine-dark);color:#fff}
.bbw-film::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,25,21,.06) 35%,rgba(8,25,21,.78) 100%)}
.bbw-film-trigger{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;margin:0;padding:0;background:transparent;cursor:pointer;overflow:hidden}
.bbw-film video,.bbw-film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bbw-film video{opacity:0;transition:opacity .55s}
.bbw-film.playing video{opacity:1}
.bbw-film.playing .bbw-film-poster{opacity:0}
.bbw-film-sound-hint{position:absolute;right:clamp(18px,5vw,70px);bottom:clamp(24px,7vw,72px);z-index:2;pointer-events:none;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--pine);font-weight:750;box-shadow:0 16px 50px rgba(0,0,0,.26);transition:opacity .25s}
.bbw-film.sound-on .bbw-film-sound-hint{opacity:0}
.bbw-film-content{position:relative;z-index:2;padding-block:3rem;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.bbw-film-content h1{font-size:clamp(3rem,5.5vw,5.6rem);max-width:10ch;margin-top:.8rem;color:#fff}
.bbw-film-content .eyebrow{color:#fff}
.bbw-film-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.5rem}
.bbw-film-actions>*{pointer-events:auto}
.bbw-film-actions .button{width:auto;border-radius:999px;padding:.9rem 1.3rem;text-shadow:none}
.bbw-film-control{min-height:44px;border:0;background:transparent;color:inherit;padding:.5rem .15rem;font:inherit;font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:.3em;cursor:pointer;text-align:left}
.bbw-film-control .lbl-sound{display:none}
.bbw-film.sound-on .bbw-film-control .lbl-muted{display:none}
.bbw-film.sound-on .bbw-film-control .lbl-sound{display:inline}
.bbw-film-label{position:absolute;top:1rem;right:1rem;z-index:2;border:1px solid #ffffff70;border-radius:999px;padding:.4rem .7rem;background:#102f29d9;color:#fff;font-size:.75rem;line-height:1.4}
.bbw-film-note{padding-block:.8rem;font-size:.8125rem;color:var(--muted)}
.bbw-film-intro{padding-block:2rem 3rem;display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}
.bbw-film-intro p+p{margin-top:0}
@media(max-width:1000px){
  .bbw-film{display:flex;flex-direction:column;min-height:0;height:auto}
  .bbw-film::after{display:none}
  .bbw-film-trigger{position:relative;width:100%;height:auto;aspect-ratio:16/9;flex-shrink:0}
  .bbw-film video,.bbw-film-poster{object-fit:contain}
  .bbw-film-content{padding-block:1.8rem 2rem}
  .bbw-film-content h1{font-size:clamp(2.7rem,10.5vw,4rem);max-width:12ch;margin-top:.7rem}
  .bbw-film-actions{gap:.6rem 1.25rem;margin-top:1.2rem}
  .bbw-film-actions .button{width:100%;justify-content:center}
  .bbw-film-label{top:.6rem;right:.6rem;font-size:.6875rem}
  .bbw-film-note{font-size:.75rem}
  .bbw-film-intro{grid-template-columns:1fr;gap:1.2rem;padding-block:1.5rem 2rem}
}
@media(max-width:760px){.bbw-film-sound-hint{display:none}}
@media print{
  .bbw-film{display:block;height:auto;min-height:0;background:none;color:var(--ink)}
  .bbw-film::after,.bbw-film video,.bbw-film-actions,.bbw-film-label,.bbw-film-sound-hint{display:none}
  .bbw-film-trigger{display:block;position:static;height:auto;aspect-ratio:auto}
  .bbw-film .bbw-film-poster{display:block;position:static;height:auto;max-height:100mm;object-fit:contain;opacity:1}
  .bbw-film-content{padding-block:1rem;text-shadow:none}
  .bbw-film-content h1,.bbw-film-content .eyebrow{color:var(--ink)}
  .bbw-film-content h1{max-width:none;font-size:30pt}
  .bbw-film-intro{display:block;padding-block:1rem}
  .bbw-film-intro p+p{margin-top:1rem}
}