/* Keep the complete supplied film in view, including its final wordmark. */
html.intro-pending,html.intro-active{overflow:hidden}
html.intro-pending body{background:#050203}
html.intro-pending body>:not(.brand-intro){visibility:hidden}
.brand-intro{position:fixed;inset:0;z-index:1000;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#050203;color:#fff;opacity:1;transition:opacity .55s ease,visibility .55s ease}
.brand-intro[hidden]{display:none}
.intro-video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#050203}
.intro-controls{position:absolute;z-index:1;left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:min(560px,calc(100% - 64px));margin-inline:auto;padding:18px 20px 16px;border:1px solid #ffffff1a;border-radius:18px;background:#090405d9;backdrop-filter:blur(12px)}
.intro-control-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}
.intro-control-row[hidden],.intro-welcome[hidden]{display:none}
.intro-welcome{font-size:14px;letter-spacing:.03em;color:#dfcdd0}
.intro-skip{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:8px 16px;border:1px solid #cc7d874d;border-radius:999px;background:#ffffff08;color:#fff;font:600 14px/1.4 Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.intro-skip:hover{background:#951b2e55;border-color:#d68b96}
.intro-skip:focus-visible{outline:2px solid #fff;outline-offset:4px}
.intro-skip[hidden]{display:none}
.brand-intro:focus{outline:none}
.intro-track{height:2px;border-radius:2px;background:#ffffff21;overflow:hidden}
.intro-track span{display:block;width:100%;height:100%;background:#ce3649;transform:scaleX(var(--intro-progress,0));transform-origin:left;transition:transform .2s linear}
.brand-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:720px){
  .intro-controls{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(30px,calc(env(safe-area-inset-bottom) + 16px));width:calc(100% - 40px);padding:14px 16px;border-radius:16px}
  .intro-video{object-position:center}
  .intro-control-row{gap:10px;margin-bottom:13px}
}
@media(max-height:480px){
  .intro-controls{bottom:max(12px,env(safe-area-inset-bottom));padding:8px 14px 10px}
  .intro-control-row{margin-bottom:6px}
}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important;transition:none}}