.video-detail{gap:28px;padding-top:clamp(20px,4vw,44px);display:grid}@media (min-width:900px){.video-detail{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start}.video-detail-player{top:calc(var(--header-h) + 20px);position:sticky}}.player-frame{aspect-ratio:3/4;max-height:calc(100svh - var(--header-h) - 120px);border:1px solid var(--line-2);background:#000;border-radius:22px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}.player-frame.playing{aspect-ratio:9/16}.player-frame iframe{border:0;width:100%;height:100%}.player-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.player-overlay{background:linear-gradient(#0000 50%,#06050da6);place-items:center;display:grid;position:absolute;inset:0}.player-play{background:var(--cyan);color:#04121a;width:96px;height:96px;box-shadow:0 0 0 10px rgb(var(--cyan-rgb) / .2), 0 20px 50px #00000080;transition:transform .2s var(--ease);border-radius:50%;place-items:center;display:grid}@media (hover:hover){.player-play:hover{transform:scale(1.08)}}.player-links{text-align:center;justify-items:center;gap:10px;max-width:300px;padding:20px;display:grid}.player-links p{color:var(--text);font-weight:600}.player-note{color:var(--text-3);text-align:center;margin-top:12px;font-size:14px}.player-note a{color:var(--cyan);align-items:center;gap:4px;display:inline-flex}.video-detail-copy h1{font:900 clamp(40px, 5vw, 64px) / .92 var(--f-display);text-transform:uppercase;margin-top:14px}.video-detail-copy .breadcrumbs{margin-bottom:18px}.video-champ{border:1px solid rgb(var(--cyan-rgb) / .3);background:rgb(var(--cyan-rgb) / .06);border-radius:16px;align-items:center;gap:14px;margin-top:22px;padding:12px;display:flex}.video-champ img{border-radius:12px;width:56px;height:56px}.video-champ>span:nth-child(2){flex:1}.video-champ b{font:900 28px/1 var(--f-display);text-transform:uppercase;display:block}@media (max-width:560px){.video-champ{flex-wrap:wrap}.video-champ .btn{flex:100%}}.transcript{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;margin-top:26px;padding:22px}.transcript h2{color:var(--cyan);margin-bottom:12px}.transcript p{color:var(--text-2);font-size:17px;line-height:1.7}.transcript p+p,.transcript details{margin-top:12px}.transcript summary{cursor:pointer;min-height:44px;color:var(--cyan);font:700 14px/1.2 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;list-style:none;display:inline-flex}.transcript summary::-webkit-details-marker{display:none}.transcript details[open] summary{margin-bottom:12px}
