:root{--bg:#081221;--panel:#101e31;--panel2:#14253b;--text:#f4f6fb;--muted:#9baabd;--pink:#ff4f9e;--cyan:#4de2ee;--border:#25364c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1200px;margin:auto;padding:0 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:30;background:white;color:black;padding:10px}.top{position:relative;z-index:10;background:#07101de8;border-bottom:1px solid #2a3c53}.nav{min-height:86px;display:flex;align-items:center;gap:35px}.logo{display:flex;flex-direction:column;line-height:.82;letter-spacing:.16em;font-weight:900;min-width:152px}.logo span{font-size:16px}.logo b{font-size:34px;letter-spacing:.035em;color:var(--pink);font-weight:1000}.logo small{font-size:7px;letter-spacing:.2em;color:var(--cyan);margin-top:8px}.nav nav{display:flex;gap:32px;margin-left:auto}.nav nav a{font-size:12px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.nav nav a:hover,.foot a:hover{color:var(--cyan)}.searchIcon,.menu{background:none;color:white;border:1px solid var(--border);width:42px;height:42px;font-size:25px}.menu{display:none}.searchPanel{padding-bottom:20px}.searchPanel label{display:block;font-size:12px;margin-bottom:6px;color:var(--muted)}.searchPanel input{width:100%;padding:12px 15px;background:var(--panel);color:white;border:1px solid var(--border);outline-color:var(--cyan)}.hero{height:520px;position:relative;overflow:hidden;background:linear-gradient(180deg,#142a50 0%,#85426b 38%,#fa7b86 66%,#222f52 100%)}.sky{position:absolute;inset:0;overflow:hidden}.sun{position:absolute;width:280px;height:280px;border-radius:50%;left:62%;top:18%;background:linear-gradient(#ffe7a1,#fba48d);box-shadow:0 0 100px #ff9b8a99}.buildings{position:absolute;bottom:0;width:100%;height:60%;background:linear-gradient(90deg,transparent 0 4%,#283b59 4% 9%,transparent 9% 11%,#283b59 11% 16%,transparent 16% 18%,#283b59 18% 24%,transparent 24% 29%,#283b59 29% 34%,transparent 34% 39%,#283b59 39% 46%,transparent 46% 52%,#283b59 52% 56%,transparent 56% 63%,#283b59 63% 69%,transparent 69% 72%,#283b59 72% 80%,transparent 80% 85%,#283b59 85% 90%,transparent 90%)}.back{opacity:.48;transform:scaleY(.7);transform-origin:bottom}.front{height:38%;background:linear-gradient(90deg,#102039 0 7%,transparent 7% 9%,#102039 9% 17%,transparent 17% 19%,#102039 19% 30%,transparent 30% 35%,#102039 35% 40%,transparent 40% 48%,#102039 48% 60%,transparent 60% 65%,#102039 65% 73%,transparent 73% 79%,#102039 79% 88%,transparent 88% 91%,#102039 91%)}.palm{position:absolute;font-size:260px;color:#071829;opacity:.9;transform:rotate(-18deg);bottom:-100px;left:-25px}.palm2{left:auto;right:-35px;transform:rotate(22deg);font-size:220px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071121e8 0%,#071121ac 43%,transparent 100%)}.heroContent{position:relative;z-index:2;padding-top:95px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.27em;color:var(--cyan);text-transform:uppercase;margin:0 0 15px}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px;font-weight:950}.hero h1 em{color:var(--pink);font-style:normal}.heroContent>p:not(.eyebrow){max-width:490px;color:#e5e8f1}.cta{display:inline-flex;gap:30px;align-items:center;background:var(--pink);color:#091120;padding:13px 18px;font-size:12px;font-weight:900;letter-spacing:.08em;margin-top:18px}.cta:hover{background:var(--cyan)}.heroBottom{position:absolute;z-index:3;bottom:0;left:0;right:0;background:#081221a6}.heroBottom .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:10px;padding-bottom:10px;font-size:9px;font-weight:bold;letter-spacing:.12em}.ticker{display:flex;border:1px solid var(--border);margin:26px 0 52px;align-items:center;color:var(--muted);font-size:12px}.tickerLabel{background:var(--pink);color:#101321;font-weight:900;letter-spacing:.1em;padding:13px 16px;white-space:nowrap;margin-right:20px}.section{margin:0 0 75px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.section h2{font-size:clamp(28px,3.5vw,43px);letter-spacing:-.04em;line-height:1.1;margin:0}.muted{color:var(--muted);font-size:12px}.storyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story{border:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:310px}.storyVisual{height:132px;background:linear-gradient(130deg,#1a4660,#67325d);position:relative;overflow:hidden}.storyVisual:after{content:"";position:absolute;width:190px;height:190px;border:25px solid #ffffff0b;border-radius:50%;right:-65px;top:-55px}.story:nth-child(2) .storyVisual{background:linear-gradient(130deg,#6e3c6a,#e67a81)}.story:nth-child(3) .storyVisual{background:linear-gradient(130deg,#1b6a76,#18334d)}.storyBody{padding:22px;display:flex;flex-direction:column;flex:1}.pill{font-size:10px;color:var(--cyan);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.story h3{font-size:20px;line-height:1.25;margin:12px 0}.story p{color:var(--muted);font-size:13px;margin:0 0 15px}.storyMeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;font-size:10px;color:#a4b6c7}.storyLink{color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.08em;margin-top:18px}.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--border)}.ad{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 34px;margin:0 0 75px;background:repeating-linear-gradient(135deg,#253d56,#253d56 8px,#1c3149 8px,#1c3149 16px);border:1px solid #45647a}.ad small{font-size:9px;color:#a8c2d3;letter-spacing:.13em}.ad h3{font-size:clamp(24px,4vw,48px);letter-spacing:-.05em;margin:5px 0 0;font-weight:1000}.ad h3 i{color:var(--pink);font-style:normal}.ad p{font-size:12px;font-weight:800;letter-spacing:.12em;margin:4px 0}.adMark{font-size:42px;font-weight:900;color:var(--cyan);white-space:nowrap}.categoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category{height:195px;border:1px solid #ffffff21;text-align:left;color:white;padding:22px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;transition:transform .15s,border-color .15s}.category:hover{transform:translateY(-3px);border-color:var(--cyan)}.category span{font-size:10px;letter-spacing:.16em;font-weight:800}.category strong{font-size:clamp(22px,3vw,35px);line-height:1;letter-spacing:-.04em}.category small{font-size:12px}.vehicle{background:linear-gradient(130deg,#4e254e,#0b203b)}.locations{background:linear-gradient(130deg,#0b6571,#132c45)}.characters{background:linear-gradient(130deg,#724057,#1b2545)}.trailers{background:linear-gradient(130deg,#253f75,#13243c)}.guides{background:linear-gradient(130deg,#754d2f,#202a40)}.online{background:linear-gradient(130deg,#4e276e,#0c3445)}.rumourSection{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;padding:42px;background:#0d1c2d;border:1px solid var(--border)}.rumourSection p:not(.eyebrow){color:var(--muted);max-width:570px}.outline{background:transparent;border:1px solid var(--pink);color:var(--pink);font-size:12px;font-weight:900;padding:13px 18px;letter-spacing:.06em}.outline:hover{background:var(--pink);color:#0c1524}.signal{border:1px solid #30445a;padding:24px;font-size:11px;font-weight:900;letter-spacing:.06em}.signalTop{color:var(--muted);display:block;margin-bottom:18px}.signal div{margin:13px 0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.verified{background:#3fdbb0}.reported{background:#ffca75}.unverified{background:var(--pink)}.smallAd{background:linear-gradient(120deg,#163d40,#204d44)}.about{max-width:780px}.about>p:not(.eyebrow){color:var(--muted)}.about .disclaimer{font-size:11px;margin-top:25px}footer{border-top:1px solid var(--border);padding:35px 0;background:#060d18}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot p,.foot a{color:var(--muted);font-size:12px}.foot .logo b{font-size:25px}.foot .logo span{font-size:11px}@media(max-width:750px){.nav{min-height:72px;gap:12px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0a1728;padding:20px 24px;flex-direction:column;gap:20px;border-bottom:1px solid var(--border)}.nav nav.open{display:flex}.menu{display:block;margin-left:auto}.searchIcon{font-size:23px}.logo{min-width:125px}.logo b{font-size:27px}.logo span{font-size:13px}.hero{height:500px}.heroContent{padding-top:95px}.hero h1{font-size:clamp(38px,9vw,60px)}.hero:after{background:linear-gradient(90deg,#071121e8,#07112180)}.heroBottom .wrap{font-size:8px}.sectionHead .muted{display:none}.storyGrid{grid-template-columns:1fr}.story{min-height:0}.categoryGrid{grid-template-columns:repeat(2,1fr)}.category{height:165px;padding:15px}.category strong{font-size:22px}.rumourSection{grid-template-columns:1fr;padding:25px;gap:20px}.ad{padding:20px}.adMark{font-size:24px}.foot{flex-wrap:wrap}.ticker{align-items:stretch}.ticker>span:last-child{padding:10px 10px 10px 0}}@media(max-width:420px){.categoryGrid{grid-template-columns:1fr 1fr}.category strong{font-size:19px}.category small{font-size:10px}.heroBottom .wrap span:last-child{display:none}}
/* Project Vice panoramic header */
.hero {
  background-image: linear-gradient(
    90deg,
    rgba(9, 12, 29, 0.25),
    rgba(9, 12, 29, 0.08)
  ), url("images/vice-header.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Hide the original illustrated skyline */
.hero .sky {
  display: none;
}

/* Keep the new image visible behind the headline */
.hero::after {
  background: linear-gradient(
    90deg,
    rgba(7, 17, 33, 0.78) 0%,
    rgba(7, 17, 33, 0.35) 42%,
    rgba(7, 17, 33, 0.04) 100%
  );
}

/* Adjust the image and headline for phones */
@media (max-width: 750px) {
  .hero {
    background-position: 34% center;
  }

  .hero::after {
    background: linear-gradient(
      90deg,
      rgba(7, 17, 33, 0.72),
      rgba(7, 17, 33, 0.22)
    );
  }
}


/* Live news carousel and chronological archive */
.featured{margin-bottom:36px}
.featuredCard{position:relative;min-height:340px;padding:35px;background:linear-gradient(125deg,#14253bf0,#321d42ed),url("images/vice-header.webp") center/cover;border:1px solid #41516a;display:flex;flex-direction:column;align-items:flex-start}
.featuredTag{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.featuredCount{position:absolute;right:25px;top:30px;color:var(--muted);font-size:12px}
.featured h3{font-size:clamp(27px,4vw,44px);max-width:760px;line-height:1.12;margin:22px 0 12px}
.featured p{max-width:720px;color:#d9e1ed;margin:0 0 16px}
.featured .cta{margin:20px 0}
.featuredControls{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:20px}
.featuredControls>button{border:1px solid #8292aa;background:#0a1729c9;color:white;font-size:28px;width:44px;height:44px}
.featuredDots{display:flex;gap:8px}
.featuredDots button{height:6px;width:35px;border:0;background:#718098;cursor:pointer}
.featuredDots button.selected{background:var(--pink)}
.allNewsHeading{font-size:18px;letter-spacing:.1em;margin:0 0 20px}
.allNewsHeading small{font-size:10px;letter-spacing:.08em;color:var(--muted);float:right}
.loadMore{display:block;margin:26px auto 0;min-width:220px}
.loadMore[hidden]{display:none}
@media(max-width:750px){.featuredCard{min-height:380px;padding:22px}.featured h3{font-size:29px}.featuredDots button{width:24px}.featured .cta{font-size:11px}}

/* Contained editorial imagery; never a full-bleed carousel replacement */
.featuredImage{width:100%;max-width:700px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;margin:0 0 22px;background:#111b2d;border:1px solid #637089}
.featuredImage img{display:block;width:100%;height:100%;object-fit:cover}
.featuredCard:has(.featuredImage){min-height:0}
@media(min-width:900px){.featuredCard:has(.featuredImage){display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,42%);column-gap:30px;align-items:start}.featuredCard:has(.featuredImage) .featuredImage{grid-column:2;grid-row:1 / span 6;margin:0}.featuredCard:has(.featuredImage) .featuredTag,.featuredCard:has(.featuredImage) h3,.featuredCard:has(.featuredImage) p,.featuredCard:has(.featuredImage) .storyMeta,.featuredCard:has(.featuredImage) .cta{grid-column:1}.featuredCard:has(.featuredImage) .featuredControls{grid-column:1 / -1}.featuredCard:has(.featuredImage) .featuredCount{position:static;grid-column:1;grid-row:2}.featuredCard:has(.featuredImage) h3{font-size:clamp(25px,3vw,38px)}}

/* RSS article thumbnails and consistent branded fallback */
.storyVisual{height:auto;aspect-ratio:16/9;background:#14253b}
.storyVisual:after{display:none}
.storyVisual img{display:block;width:100%;height:100%;object-fit:cover}
.featuredImage{max-width:none}

/* GTA VI release countdown, positioned where the radar strip used to be */
.releaseCountdown{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 30px;margin:24px 0 0;border:1px solid #36536b;background:linear-gradient(110deg,#101c31 0%,#18263c 52%,#261a39 100%);box-shadow:inset 3px 0 var(--pink);border-radius:5px}
.releaseIntro{display:flex;flex-direction:column;gap:3px}.releaseEyebrow{font-size:10px;font-weight:900;letter-spacing:.19em;color:var(--cyan)}.releaseIntro strong{font-size:clamp(16px,2vw,23px);line-height:1.15;letter-spacing:.045em}.releaseIntro strong span{color:var(--pink)}.releaseIntro a{color:#b8c7da;font-size:11px;letter-spacing:.08em;font-weight:700;margin-top:4px}.releaseIntro a:hover{color:var(--cyan)}
.releaseClock{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.releaseClock>div{min-width:65px;text-align:center;display:flex;flex-direction:column;align-items:center}.releaseClock b{font-size:clamp(29px,4vw,49px);line-height:1.05;letter-spacing:-.04em;color:#fff}.releaseClock small{color:var(--cyan);font-size:9px;letter-spacing:.12em;font-weight:800;margin-top:5px}.releaseClock i{font-style:normal;font-size:30px;color:var(--pink);margin-top:-14px}
@media(max-width:750px){.releaseCountdown{flex-direction:column;gap:19px;padding:20px 12px;text-align:center;margin-top:16px}.releaseClock{gap:5px;width:100%;justify-content:center}.releaseClock>div{min-width:52px}.releaseClock b{font-size:clamp(29px,8vw,40px)}.releaseClock i{font-size:23px}.releaseIntro strong{font-size:20px}}

.releaseCountdown{flex-wrap:wrap}.releaseRegion{display:flex;align-items:center;gap:9px;flex-basis:100%;border-top:1px solid #34435b;padding-top:12px}.releaseRegion label{font-size:10px;color:var(--cyan);font-weight:900;letter-spacing:.11em}.releaseRegion select{background:#0b172a;color:#fff;border:1px solid #49617a;border-radius:4px;padding:6px 9px;font-size:12px;max-width:200px}.releaseRegion small{color:#9baabd;font-size:10px;margin-left:auto}@media(max-width:750px){.releaseRegion{justify-content:center;flex-wrap:wrap;gap:7px}.releaseRegion small{flex-basis:100%;margin:0;text-align:center}}

/* Launch-day reveal; no manual region controls */
.releaseClock[hidden],.releaseLaunchMessage[hidden]{display:none!important}
.releaseLaunched{border-color:#f76cbb;background:linear-gradient(110deg,#271531,#132c42 55%,#351b42);box-shadow:inset 4px 0 var(--pink),0 0 28px #ff4f9e22}
.releaseLaunchMessage{display:flex;flex-direction:column;gap:5px;align-items:flex-end;text-align:right}
.releaseLaunchMessage span{font-size:10px;letter-spacing:.19em;color:var(--cyan);font-weight:900}
.releaseLaunchMessage strong{font-size:clamp(22px,3.5vw,38px);color:#fff;line-height:1.1;text-shadow:0 0 22px #ff4f9e80}
.releaseLaunchMessage a{margin-top:7px;background:var(--pink);color:#091122;padding:9px 15px;font-size:11px;letter-spacing:.1em;font-weight:900;border-radius:3px}
@media(max-width:750px){.releaseLaunchMessage{align-items:center;text-align:center}}
@media(prefers-reduced-motion:no-preference){.releaseLaunched{animation:viceLaunchGlow 3s ease-in-out infinite alternate}@keyframes viceLaunchGlow{from{box-shadow:inset 4px 0 var(--pink),0 0 10px #ff4f9e18}to{box-shadow:inset 4px 0 var(--pink),0 0 32px #ff4f9e55}}}

/* In-page source video viewer */
.watchVideo{display:inline-flex;align-items:center;gap:8px;background:var(--cyan);border:0;border-radius:4px;color:#071221;font-weight:900;font-size:11px;letter-spacing:.06em;padding:12px 15px;margin-top:14px;align-self:flex-start}
.watchVideo:hover{background:var(--pink)}
.videoDialog{width:min(920px,calc(100vw - 24px));max-width:none;padding:0;background:#0c1729;color:#f4f6fb;border:1px solid #3b536e;border-radius:10px;box-shadow:0 25px 80px #000b}
.videoDialog::backdrop{background:#020814dc}
.videoDialogHead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;font-size:13px;letter-spacing:.06em}
.videoDialogHead button{border:1px solid #496079;background:#14253b;color:white;border-radius:4px;font-size:19px;width:38px;height:38px}
.videoFrame{width:100%;aspect-ratio:16/9;background:#000}
.videoFrame iframe{width:100%;height:100%;border:0;display:block}
.videoDialog>p{padding:0 18px 14px;font-size:11px;color:var(--muted)}
@media(max-width:750px){.videoDialogHead{font-size:11px}.videoDialog{width:calc(100vw - 16px)}}

/* Project Vice editorial video controls */
.watchVideo{background:#101e31;color:#ff69ae;border:1px solid #ff4f9e;border-radius:3px;box-shadow:inset 3px 0 #ff4f9e;letter-spacing:.1em;transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.watchVideo:hover,.watchVideo:focus-visible{background:#ff4f9e;color:#081221;box-shadow:0 0 18px #ff4f9e55;transform:translateY(-1px)}
.watchVideo:active{transform:translateY(0)}
.watchVideo:focus-visible{outline:2px solid #4de2ee;outline-offset:3px}

/* Video action: original cyan fill, no decorative icon */
.watchVideo,.watchVideo:hover,.watchVideo:focus-visible{background:var(--cyan);color:#071221;border:0;box-shadow:none;transform:none}
.watchVideo:hover{background:#83eff6}
.watchVideo:focus-visible{outline:2px solid var(--pink);outline-offset:3px}

/* Permanent official launch trailer showcase */
.trailerShowcase{margin-top:30px}.trailerShowcaseFrame{width:100%;aspect-ratio:16/9;background:#03060c;border:1px solid #36536b;border-radius:7px;overflow:hidden;box-shadow:0 18px 45px #0005}.trailerShowcaseFrame iframe{display:block;width:100%;height:100%;border:0}.trailerCredit{color:var(--muted);font-size:11px;margin:12px 0 0}

.mediaSourceLink{color:var(--cyan);font-weight:800;text-decoration:underline;text-underline-offset:3px}.mediaSourceLink:hover{color:var(--pink)}

/* Age-restricted extended presentation: thumbnail instead of blocked embed */
.extendedLookPoster{position:relative;display:block;cursor:pointer;isolation:isolate}
.extendedLookPoster img{display:block;width:100%;height:100%;object-fit:cover}
.extendedLookPoster:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#071221b8);pointer-events:none}
.extendedLookAction{position:absolute;z-index:1;left:50%;bottom:9%;transform:translateX(-50%);padding:12px 21px;background:var(--cyan);color:#081221;font-weight:900;font-size:clamp(11px,2.5vw,15px);letter-spacing:.09em;white-space:nowrap;border-radius:3px}
.extendedLookPoster:hover .extendedLookAction,.extendedLookPoster:focus-visible .extendedLookAction{background:var(--pink)}
.extendedLookPoster:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}

/* Keep the extended presentation a compact media card, not a full-width billboard */
#extended-look{max-width:680px;margin-left:auto;margin-right:auto}
#extended-look .sectionHead{margin-bottom:16px}
#extended-look .sectionHead h2{font-size:clamp(23px,3vw,32px)}
#extended-look .extendedLookAction{bottom:7%;padding:9px 15px;font-size:12px}
@media(max-width:750px){#extended-look{max-width:100%}#extended-look .sectionHead h2{font-size:25px}}

/* Animated cyan-to-magenta light flowing around media frames */
.trailerShowcaseFrame{position:relative;isolation:isolate;overflow:visible;border:2px solid transparent;border-radius:9px;background:linear-gradient(#03060c,#03060c) padding-box,conic-gradient(from var(--vice-neon-angle,0deg),#4de2ee,#5e7bff,#ff4f9e,#9b57ef,#4de2ee) border-box;animation:vice-neon-flow 9s linear infinite;box-shadow:0 0 14px #4de2ee1e,0 0 22px #ff4f9e12}
.trailerShowcaseFrame iframe,.trailerShowcaseFrame>img{border-radius:6px}
@property --vice-neon-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes vice-neon-flow{to{--vice-neon-angle:360deg}}
@media(prefers-reduced-motion:reduce){.trailerShowcaseFrame{animation:none}}

/* Reliable visible animated neon frame: overlay runs independently of the video */
.trailerShowcaseFrame{border:0!important;overflow:hidden!important;border-radius:10px!important;background:#03060c!important;box-shadow:0 0 0 1px #4de2ee55,0 0 20px #ff4f9e33!important;animation:none!important}
.trailerShowcaseFrame::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}
.trailerShowcaseFrame::after{content:"";position:absolute;z-index:0;inset:3px;border-radius:7px;background:#03060c;pointer-events:none}
.trailerShowcaseFrame>iframe,.trailerShowcaseFrame>img{position:relative;z-index:1;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;margin:3px;display:block;border-radius:6px}
.extendedLookPoster .extendedLookAction{z-index:3}
.extendedLookPoster::after{inset:3px!important;background:linear-gradient(transparent 55%,#071221aa)!important;z-index:2!important}
@keyframes vice-border-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.trailerShowcaseFrame::before{animation:none}}


/* Slow flowing neon perimeter, clipped to each card's rounded rectangle */
.featuredCard,.story,.category,.ad,.smallAd,.signal,.releaseCountdown{position:relative;isolation:isolate;border:2px solid transparent!important;background:linear-gradient(#101b2b,#101b2b) padding-box,conic-gradient(from var(--vice-neon-angle,0deg),#4de2ee,#6e77ff,#ff4f9e,#a45ef1,#4de2ee) border-box!important;animation:vice-neon-flow 22s linear infinite;box-shadow:0 0 12px #4de2ee18,0 0 14px #ff4f9e12}
.featuredCard::before,.story::before,.category::before,.ad::before,.smallAd::before,.signal::before,.releaseCountdown::before,
.featuredCard::after,.story::after,.category::after,.ad::after,.smallAd::after,.signal::after,.releaseCountdown::after{content:none!important}
@media(prefers-reduced-motion:reduce){.featuredCard,.story,.category,.ad,.smallAd,.signal,.releaseCountdown{animation:none!important}}

/* Reserve animated neon for editorial news, countdown and video showcases */
.category,.ad,.smallAd,.signal{animation:none!important;border:1px solid #36536b!important;background:#101b2b!important;box-shadow:none!important}
.category::before,.category::after,.ad::before,.ad::after,.smallAd::before,.smallAd::after,.signal::before,.signal::after{content:none!important}

/* Vice Video uses the same media styling and flowing neon frame */
.viceVideoDetails{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}
.viceVideoDetails strong{font-size:clamp(16px,2.8vw,21px);line-height:1.35}
.viceVideoDetails .trailerCredit{margin-top:6px}
.viceVideoDetails .outline{flex-shrink:0;white-space:nowrap}
@media(max-width:550px){.viceVideoDetails{align-items:flex-start;flex-direction:column;gap:12px}}

/* Featured carousel: 8-second progress fill on the active slide indicator */
.featuredDots button{position:relative;overflow:hidden;background:#718098}
.featuredDots button.selected{background:#718098}
.featuredDots button.selected::after{content:"";position:absolute;inset:0;background:var(--pink);transform:scaleX(0);transform-origin:left center;animation:featured-progress 8s linear forwards}
@keyframes featured-progress{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.featuredDots button.selected::after{animation:none;transform:scaleX(1)}}

/* Entire news card is a single accessible source link */
.storyCardLink{display:flex;flex-direction:column;flex:1;min-width:0;color:inherit;text-decoration:none}
.storyCardLink:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.story:hover{border-color:var(--cyan)}
.storyCardLink:hover .storyLink,.storyCardLink:focus-visible .storyLink{color:var(--cyan)}

/* Direct navigation between official trailer and Vice Video player */
.viceVideoGateway{display:flex;justify-content:center;margin:-32px 0 48px}
.viceVideoGatewayLink{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 22px;border:1px solid var(--cyan);color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.1em;border-radius:4px;transition:background .2s,color .2s}
.viceVideoGatewayLink:hover,.viceVideoGatewayLink:focus-visible{background:var(--cyan);color:#081221}
.viceVideoGatewayLink:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
@media(max-width:750px){.viceVideoGateway{margin:-35px 0 42px}.viceVideoGatewayLink{width:100%;max-width:330px}}

/* Prominent animated Vice Video gateway: neon pink-to-cyan perimeter */
.viceVideoGatewayLink{position:relative;isolation:isolate;overflow:hidden;min-height:54px;padding:15px 28px;border:2px solid transparent;background:linear-gradient(#101b2b,#101b2b) padding-box,conic-gradient(from var(--vice-neon-angle,0deg),var(--cyan),#6e77ff,var(--pink),#a45ef1,var(--cyan)) border-box;color:#fff;font-size:clamp(14px,2vw,17px);font-weight:900;letter-spacing:.13em;text-shadow:0 0 12px #4de2ee66;box-shadow:0 0 15px #4de2ee26,0 0 18px #ff4f9e26;animation:vice-neon-flow 8s linear infinite}
.viceVideoGatewayLink:hover,.viceVideoGatewayLink:focus-visible{background:linear-gradient(#1b2840,#1b2840) padding-box,conic-gradient(from var(--vice-neon-angle,0deg),var(--pink),var(--cyan),#6e77ff,var(--pink)) border-box;color:#fff;box-shadow:0 0 22px #4de2ee55,0 0 22px #ff4f9e55}
.viceVideoGatewayLink span{font-size:21px;color:var(--cyan)}
@media(prefers-reduced-motion:reduce){.viceVideoGatewayLink{animation:none;background:linear-gradient(#101b2b,#101b2b) padding-box,linear-gradient(110deg,var(--pink),var(--cyan)) border-box}}

/* Stable rectangular neon outline: shift gradient colours, never rotate a layer. */
.viceVideoGatewayLink{position:relative;isolation:isolate;overflow:hidden;border:2px solid transparent!important;border-radius:6px;padding:14px 28px;background:linear-gradient(#101b2b,#101b2b) padding-box,linear-gradient(110deg,var(--cyan),#6e77ff,var(--pink),#a45ef1,var(--cyan)) border-box!important;background-size:100% 100%,300% 300%!important;animation:vice-gateway-colours 7s ease-in-out infinite!important;box-shadow:0 0 15px #4de2ee30,0 0 20px #ff4f9e30}
.viceVideoGatewayLink::before,.viceVideoGatewayLink::after{content:none!important}
.viceVideoGatewayLink:hover,.viceVideoGatewayLink:focus-visible{background:linear-gradient(#1b2840,#1b2840) padding-box,linear-gradient(110deg,var(--pink),var(--cyan),#6e77ff,var(--pink)) border-box!important;background-size:100% 100%,300% 300%!important;color:#fff}
@keyframes vice-gateway-colours{0%,100%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}}
@media(prefers-reduced-motion:reduce){.viceVideoGatewayLink{animation:none!important}}

/* Compact Project Vice / JWMedia ownership credit */
.footerInfo{display:flex;flex-direction:column;gap:4px;text-align:center}
.footerInfo p{margin:0}
.footerCredit{font-size:11px!important;letter-spacing:.035em}
.footerCredit strong{color:var(--cyan);font-weight:900;letter-spacing:.08em}
.footerDisclaimer{font-size:10px!important;opacity:.8}
@media(max-width:750px){.footerInfo{order:3;flex-basis:100%;text-align:left;margin-top:8px}}