/* Promo film (owner 2026-10-28): its own section right after the hero, the film playing in the page.
   The frame is never taller than the window allows, so the whole film is in view once the visitor reaches it. */
.promo-film-shell{width:100%;max-width:min(1320px,calc((100vh - 200px) * 16 / 9));margin:0 auto;border:1px solid #62513a;
  border-radius:22px;background:#000;box-shadow:0 35px 90px -35px #000d;overflow:hidden}
@supports (height:100svh){.promo-film-shell{max-width:min(1320px,calc((100svh - 200px) * 16 / 9))}}
.promo-film-screen{position:relative;background:#000}
.promo-film-screen video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.promo-film-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 0 8%;border:0;
  background:none;color:var(--ink);font:inherit;cursor:pointer}
.promo-film-pill{display:inline-flex;align-items:center;gap:14px;padding:9px 24px 9px 9px;border:1px solid rgba(220,194,154,.45);
  border-radius:999px;background:rgba(13,11,8,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:15px;
  font-weight:600;transition:border-color .2s ease,background .2s ease}
.promo-film-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--gold-soft);color:#262117}
.promo-film-icon svg{width:13px;height:13px;margin-left:2px}
.promo-film-time{font-weight:400;color:#b4a894}
.promo-film-play:hover .promo-film-pill,.promo-film-play:focus-visible .promo-film-pill{border-color:var(--gold-soft);background:rgba(13,11,8,.78)}
.promo-film-play:focus-visible{outline:none}
.promo-film-play:focus-visible .promo-film-pill{outline:2px solid var(--gold-soft);outline-offset:3px}
.promo-film-error{position:absolute;inset:auto 0 0;margin:0;padding:14px 18px;font-size:13px;text-align:center;color:var(--ink);
  background:rgba(13,11,8,.85)}
@media (max-width:700px){
  .promo-film-shell{border-radius:15px}
  .promo-film-play{padding-bottom:6%}
  .promo-film-pill{gap:10px;padding:6px 16px 6px 6px;font-size:13px}
  .promo-film-icon{width:34px;height:34px}
  .promo-film-icon svg{width:11px;height:11px}
}

/* The film's own controls (owner 2026-10-29: quality choices like YouTube): seek, play, volume, time, quality, full screen.
   They fade out after a moment of stillness while the film plays and come back on any movement. */
.promo-film-screen video{cursor:pointer}
.promo-film-screen.is-idle,.promo-film-screen.is-idle video{cursor:none}
/* The layer covers the whole film (clicks pass through it) so the quality menu can use the film's full height. */
.pf-ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
.pf-bar{padding:30px 14px 8px;background:linear-gradient(to top,rgba(8,7,5,.85),rgba(8,7,5,.45) 55%,transparent);
  pointer-events:auto;transition:opacity .25s ease}
.promo-film-screen.is-idle .pf-bar{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s}
.pf-row{display:flex;align-items:center;gap:4px;margin-top:4px}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 8px;border:0;
  border-radius:9px;background:none;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pf-btn svg{flex:none;width:22px;height:22px}
.pf-btn:hover,.pf-btn:focus-visible{background:rgba(240,235,223,.1)}
.pf-btn:focus-visible{outline:2px solid var(--gold-soft);outline-offset:1px}
.pf-quality svg{width:19px;height:19px}
.pf-vol{display:flex;align-items:center}
.pf-volume{width:0;opacity:0;transition:width .2s ease,opacity .2s ease,margin .2s ease}
.pf-vol:hover .pf-volume,.pf-vol:focus-within .pf-volume{width:76px;margin:0 6px 0 2px;opacity:1}
.pf-time{margin-left:6px;font-size:13px;color:#d9d0bf;font-variant-numeric:tabular-nums;white-space:nowrap}
.pf-spacer{flex:1}
.pf-ui input[type=range]{--pf-played:0%;--pf-buffered:0%;-webkit-appearance:none;appearance:none;height:16px;margin:0;
  background:transparent;cursor:pointer}
.pf-seek{display:block;width:100%}
.pf-ui input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,
  var(--gold-soft) var(--pf-played),rgba(240,235,223,.42) var(--pf-played) var(--pf-buffered),rgba(240,235,223,.2) var(--pf-buffered))}
.pf-ui input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,
  var(--gold-soft) var(--pf-played),rgba(240,235,223,.42) var(--pf-played) var(--pf-buffered),rgba(240,235,223,.2) var(--pf-buffered))}
.pf-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border:0;
  border-radius:50%;background:var(--gold-soft)}
.pf-ui input[type=range]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--gold-soft)}
.pf-ui input[type=range]:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px;border-radius:4px}
.pf-menu{position:absolute;right:12px;bottom:58px;min-width:170px;max-height:calc(100% - 70px);overflow-y:auto;padding:6px;
  border:1px solid rgba(220,194,154,.28);border-radius:12px;background:rgba(20,17,12,.95);-webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.5);pointer-events:auto}
.promo-film-screen .pf-menu-title{margin:4px 10px 6px;padding:0;font-size:11px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:#a69c8a}
.pf-menu button{position:relative;display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px 8px 32px;border:0;
  border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer}
.pf-menu button:hover,.pf-menu button:focus-visible{background:rgba(240,235,223,.09);outline:none}
.pf-menu button[aria-checked="true"]{color:var(--gold-soft)}
.pf-menu button[aria-checked="true"]:before{content:'';position:absolute;left:12px;top:50%;width:9px;height:5px;margin-top:-4px;
  border-left:2px solid var(--gold-soft);border-bottom:2px solid var(--gold-soft);transform:rotate(-45deg)}
.pf-menu sup{margin-left:1px;font-size:9px;font-weight:700;color:var(--gold-soft)}
.pf-menu small{font-size:12px;color:#a69c8a}
.promo-film-screen:fullscreen{display:flex;align-items:center;width:100%;height:100%;background:#000}
.promo-film-screen:fullscreen video{height:100%;aspect-ratio:auto;object-fit:contain}
.promo-film-screen:-webkit-full-screen{display:flex;align-items:center;width:100%;height:100%;background:#000}
.promo-film-screen:-webkit-full-screen video{height:100%;aspect-ratio:auto;object-fit:contain}
@media (max-width:700px){
  .pf-bar{padding:22px 6px 3px}
  .pf-row{gap:0}
  .pf-btn{min-width:34px;height:34px;padding:0 6px;font-size:12px}
  .pf-btn svg{width:20px;height:20px}
  .pf-time{margin-left:2px;font-size:12px}
  .pf-menu{right:6px;bottom:42px;max-height:calc(100% - 50px)}
  .pf-menu button{padding:6px 12px 6px 30px}
}
@media (max-width:420px){.pf-quality span{display:none}}
@media (hover:none){.pf-volume{display:none}}
@media (prefers-reduced-motion:reduce){.promo-film-pill,.pf-bar,.pf-volume{transition:none}}