/* Entrance screen and introduction player */
.im-entrance,.im-player{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;overflow:auto;opacity:1;transition:opacity .45s ease}
.im-entrance[hidden],.im-player[hidden]{display:none}
.im-entrance.is-leaving,.im-player.is-leaving{opacity:0}
html:not(.im-intro-pending) .im-entrance{display:none}
html.im-locked,html.im-locked body,html.im-intro-pending,html.im-intro-pending body{overflow:hidden}
.im-entrance{background:#09282D}
.im-card{width:min(100%,640px);background:#F4EDE0;color:#242A2B;border:1px solid rgba(216,160,120,.55);border-radius:3px;padding:clamp(36px,6vw,64px) clamp(24px,6vw,64px);text-align:center;box-shadow:0 30px 70px rgba(9,40,45,.45);animation:im-rise .7s ease-out both}
.im-kicker{font:500 12px/1.4 var(--sans);letter-spacing:.38em;text-transform:uppercase;color:#8A5634;margin:0 0 18px}
.im-title{font:500 clamp(40px,7vw,68px)/1.02 var(--serif);color:#28686A;margin:0 0 14px;letter-spacing:-.01em}
.im-line{font:italic 400 clamp(19px,2.4vw,24px)/1.35 var(--serif);color:#242A2B;margin:0 0 18px}
.im-rule{display:flex;align-items:center;justify-content:center;gap:12px;color:#D8A078;margin:0 auto 18px}
.im-rule i{display:block;width:70px;height:1px;background:rgba(216,160,120,.7)}
.im-invite{font-size:15.5px;line-height:1.65;color:#4F5756;max-width:430px;margin:0 auto 30px}
.im-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.im-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 24px;border:1px solid #D8A078;font:600 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:background .2s,color .2s,border-color .2s}
.im-btn-primary{background:#D8A078;color:#242A2B}
.im-btn-primary:hover{background:#C58A60;border-color:#C58A60}
.im-btn-secondary{background:transparent;color:#28686A;border-color:rgba(18,63,67,.55)}
.im-btn-secondary:hover,.im-btn-secondary:focus-visible{background:#28686A;color:#F4EDE0;border-color:#28686A}
.im-entrance :focus-visible,.im-player :focus-visible{outline:2px solid #C58A60;outline-offset:3px}
.im-player{background:#09282D;padding:clamp(56px,8vh,90px) clamp(12px,3vw,40px) clamp(24px,5vh,48px)}
.im-player-frame{width:min(100%,calc((100vh - 170px) * 16 / 9),1200px);animation:im-fade .5s ease-out both}
.im-player video{display:block;width:100%;height:auto;max-height:calc(100vh - 170px);background:#09282D;border:1px solid rgba(216,160,120,.35);object-fit:contain}
.im-skip{position:absolute;top:clamp(12px,2.5vh,24px);right:clamp(12px,3vw,32px);background:rgba(9,40,45,.55);border:1px solid rgba(233,216,184,.6);color:#F4EDE0;font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding:12px 16px;cursor:pointer;min-height:44px}
.im-skip:hover,.im-skip:focus-visible{background:#D8A078;border-color:#D8A078;color:#242A2B}
.im-player-note{color:#C9D3CF;font-size:13px;text-align:center;margin:14px 0 0}
.im-fail{margin:18px auto 0;max-width:460px;text-align:center;color:#F4EDE0}
.im-fail[hidden]{display:none}
.im-fail p{margin:0 0 14px}
/* homepage rewatch button */
.im-rewatch{margin-top:22px;display:inline-flex;align-items:center;gap:10px;background:rgba(9,40,45,.35);border:1px solid rgba(233,216,184,.7);color:#F4EDE0;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:13px 20px;cursor:pointer;min-height:44px;transition:background .2s,color .2s}
.im-rewatch span{color:#D8A078;font-size:13px}
.im-rewatch:hover,.im-rewatch:focus-visible{background:#D8A078;border-color:#D8A078;color:#242A2B}
.im-rewatch:hover span,.im-rewatch:focus-visible span{color:#242A2B}
@keyframes im-rise{from{opacity:0;transform:translateY(10px)}}
@keyframes im-fade{from{opacity:0}}
@media (max-width:560px){.im-actions{flex-direction:column}.im-btn{width:100%}.im-kicker{letter-spacing:.26em}}
@media (prefers-reduced-motion:reduce){.im-entrance,.im-player,.im-rewatch,.im-btn{transition:none}.im-card,.im-player-frame{animation:none}}