.mediaMain{padding-top:44px;padding-bottom:70px;min-height:75vh}.mediaMain h1{font-size:clamp(42px,8vw,86px);line-height:1;margin:8px 0 20px;font-weight:900;letter-spacing:-.05em}.mediaMain h1 em{font-style:normal;color:var(--pink)}.mediaMain h2{margin:5px 0;font-size:clamp(21px,3vw,32px)}.mediaMain h3{margin:16px 0 4px}.videoSection{margin-top:48px}.sectionHeading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.sectionHeading label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.sectionHeading select{background:var(--panel2);border:1px solid var(--border);color:white;border-radius:6px;padding:11px;max-width:165px}.mediaPlayer{max-width:920px;aspect-ratio:16/9;background:#030711;border:1px solid var(--cyan);border-radius:12px;overflow:hidden}.mediaPlayer iframe,.shortPlayer iframe{width:100%;height:100%;border:0}.railWrap{display:flex;align-items:center;gap:8px;margin-top:22px}.videoRail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:4px 2px 16px;scrollbar-width:thin;flex:1;min-width:0}.mediaItem{flex:0 0 clamp(190px,26vw,270px);scroll-snap-align:start;border:1px solid var(--border);background:var(--panel);padding:0 0 14px;text-align:left;color:white;overflow:hidden;border-radius:9px;cursor:pointer}.mediaItem:hover,.mediaItem.active{border-color:var(--pink)}.thumb{display:block;position:relative}.mediaItem img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.rank{position:absolute;left:8px;top:8px;background:#08101cdd;color:white;padding:5px 9px;border-radius:5px}.mediaItem strong,.mediaItem small{display:block;padding:0 12px}.mediaItem strong{font-size:14px;margin:10px 0 6px;line-height:1.35}.mediaItem small{color:var(--muted);font-size:12px}.railArrow{border:1px solid var(--border);background:var(--panel2);color:white;border-radius:8px;padding:12px;font-size:24px;cursor:pointer}.mediaTab{background:var(--panel2);border:1px solid var(--cyan);color:var(--cyan);padding:13px 22px;font-weight:800;letter-spacing:.08em;cursor:pointer}.mediaTab:disabled{opacity:.5;cursor:not-allowed}.moreGta{border-top:1px solid var(--border);padding-top:22px;opacity:.8}.moreGta a{color:var(--cyan)}.mediaFoot{margin-top:48px;font-size:13px}.shortOverlay[hidden]{display:none}.shortOverlay{position:fixed;inset:0;z-index:1000;background:#03050af5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px}.shortSwipe{width:min(100%,400px);touch-action:pan-y;text-align:center}.shortPlayer{position:relative;aspect-ratio:9/16;max-height:calc(100dvh - 155px);background:#030711;border:1px solid var(--pink);border-radius:12px;overflow:hidden;margin:auto}.shortGesture{position:absolute;inset:0 0 27% 0;z-index:1;touch-action:pan-y;cursor:grab}.shortSwipe p{margin:7px 0;font-size:13px}.shortClose{position:absolute;top:15px;right:18px;color:white;background:var(--panel2);border:1px solid var(--border);padding:12px;cursor:pointer;z-index:2}.shortControls{display:flex;gap:14px;margin-top:10px}.shortControls button{background:var(--panel2);border:1px solid var(--border);color:white;padding:10px 16px;cursor:pointer}.shortsOpen{overflow:hidden}.socialIntro{max-width:850px;background:var(--panel);padding:30px;border:1px solid var(--border);border-radius:12px;margin-top:35px}.socialLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:25px}.socialLinks a{display:block;background:var(--panel2);border:1px solid var(--border);padding:16px;font-weight:800;font-size:13px}.socialLinks a:hover{border-color:var(--cyan);color:var(--cyan)}@media(max-width:650px){.mediaMain{padding-top:28px}.sectionHeading{align-items:start;flex-wrap:wrap}.mediaItem{flex-basis:215px}.railArrow{display:none}.videoSection{margin-top:36px}.shortPlayer{max-height:calc(100dvh - 170px)}}
/* Match the homepage mobile hamburger behaviour; do not override its hidden nav. */
@media(max-width:750px){.top .nav nav:not(.open){display:none}.top .nav nav.open{display:flex;flex-direction:column;gap:20px;margin-left:0}}

/* Featured Shorts card: a video-style preview that launches the full-screen feed. */
.shortPreview{display:block;position:relative;width:min(100%,260px);aspect-ratio:9/16;border:1px solid var(--pink);border-radius:14px;overflow:hidden;background:#080b13;color:#fff;padding:0;text-align:left;cursor:pointer;isolation:isolate}.shortPreview:disabled{opacity:.55;cursor:not-allowed}.shortPreviewImage{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.03);transition:transform .2s}.shortPreview:hover .shortPreviewImage{transform:scale(1.08)}.shortPreviewShade{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px;background:linear-gradient(180deg,transparent 30%,#000c 100%)}.shortPreviewPlay{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;background:#05070dbb;border:2px solid #fff;border-radius:50%;font-size:25px;padding-left:4px}.shortPreviewShade strong{font-size:16px;line-height:1.3}.shortPreviewShade small{font-size:11px;line-height:1.4;color:#e2e2e2}

@media(hover:none) and (pointer:coarse){.shortControls{display:none}.shortOverlay{overscroll-behavior:contain}.shortSwipe{touch-action:pan-y}.shortGesture{touch-action:pan-y}}

/* Match the homepage's animated neon-wave showcase borders. */
.mediaPlayer,.shortPlayer,.shortPreview{position:relative;isolation:isolate;border:0!important;overflow:hidden;background:#03060c;box-shadow:0 0 0 1px #4de2ee55,0 0 20px #ff4f9e33}
.mediaPlayer::before,.shortPlayer::before,.shortPreview::before{content:"";position:absolute;z-index:0;inset:-80%;background:conic-gradient(#4de2ee 0deg,#4de2ee 45deg,#ff4f9e 115deg,#9459fa 190deg,#4de2ee 270deg,#4de2ee 360deg);animation:vice-border-spin 6s linear infinite;pointer-events:none}
.mediaPlayer::after,.shortPlayer::after,.shortPreview::after{content:"";position:absolute;z-index:0;inset:3px;border-radius:inherit;background:#03060c;pointer-events:none}
.mediaPlayer>iframe,.shortPlayer>iframe{position:relative;z-index:1;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;border-radius:8px;display:block}
.shortPreviewImage,.shortPreviewShade{z-index:1}
@media(prefers-reduced-motion:reduce){.mediaPlayer::before,.shortPlayer::before,.shortPreview::before{animation:none}}

/* Flowing neon borders on EVERY carousel card, not just the active player. 
   Use transform animation for reliable movement on iOS Safari. */
.mediaItem{position:relative;isolation:isolate;border:0!important;overflow:hidden!important;background:#03060c!important;box-shadow:0 0 0 1px #4de2ee55,0 0 12px #ff4f9e22}
.mediaItem::before{content:"";position:absolute;z-index:0;inset:-90%;background:conic-gradient(#4de2ee 0deg,#4de2ee 45deg,#ff4f9e 115deg,#9459fa 190deg,#4de2ee 270deg,#4de2ee 360deg);animation:vice-border-spin 6s linear infinite;pointer-events:none}
.mediaItem::after{content:"";position:absolute;z-index:0;inset:3px;border-radius:6px;background:var(--panel);pointer-events:none}
.mediaItem>.thumb,.mediaItem>strong,.mediaItem>small{position:relative;z-index:1}
.mediaItem>.thumb{margin:3px 3px 0;overflow:hidden;border-radius:6px 6px 0 0}
.mediaItem>strong,.mediaItem>small{margin-left:3px;margin-right:3px}
.mediaItem.active{box-shadow:0 0 0 1px #ff4f9eaa,0 0 20px #ff4f9e55}
@media(prefers-reduced-motion:reduce){.mediaItem::before{animation:none}}