/* Styles used only by the GTA VI landing page, trailer and slider button. */
:is(.gta6-campaign,.gta6-trailer){
  --sunset:linear-gradient(125deg,#ffa859 0%,#ff77b4 47%,#a286ff 100%);
  --heading:Rajdhani,Inter,sans-serif;
  font-family:Inter,system-ui,sans-serif
}
:is(.gta6-campaign,.gta6-trailer) :is(h1,h2,p){margin:0}
:is(.gta6-campaign,.gta6-trailer) [hidden]{display:none!important}
:is(#content.gta6-campaign,#gta6-trailer) a:hover{text-decoration:none;color:inherit}
:is(#content.gta6-campaign,#gta6-trailer) .button-pink:hover{color:#1c0f25}
body:has(#gta6-trailer[open]){overflow:hidden}
.cln-page-gta6 .cln-header{position:relative;top:auto}
.gta6-campaign{padding-bottom:18px}
:is(.gta6-campaign,.gta6-trailer) .wrap{width:min(calc(100% - 64px),1440px);margin-inline:auto}
:is(.gta6-campaign,.gta6-trailer) .eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
:is(.gta6-campaign,.gta6-trailer) .button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:46px;padding:10px 19px;border:1px solid transparent;border-radius:8px;font:700 1.05rem/1.05 var(--heading);text-transform:uppercase;text-align:center}
:is(.gta6-campaign,.gta6-trailer) .button:hover{filter:brightness(1.08)}
:is(.gta6-campaign,.gta6-trailer) .button-pink{background:var(--sunset);color:#1c0f25}
:is(.gta6-campaign,.gta6-trailer) .button-glass{background:#180d24b8;border-color:#fff6;color:#fff}
.gta6-campaign{background:#150c1c;color:#fff}
:is(.gta6-campaign,.gta6-trailer){--gta-edge:linear-gradient(125deg,#5d3666 8%,#ff976d 35%,#ff7abd 51%,#9e84ff 66%,#5d3666 88%)}
:is(.gta6-campaign,.gta6-trailer) .campaign-stage{position:relative;isolation:isolate}
:is(.gta6-campaign,.gta6-trailer) .campaign-scenery{position:absolute;inset:0;z-index:-1;pointer-events:none}
:is(.gta6-campaign,.gta6-trailer) .campaign-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 55% 18%,#242038,#141321 62%,#150c1c)}
:is(.gta6-campaign,.gta6-trailer) .campaign-poster,:is(.gta6-campaign,.gta6-trailer) .campaign-poster img,:is(.gta6-campaign,.gta6-trailer) .campaign-sticky::after{position:absolute;inset:0;width:100%;height:100%}
:is(.gta6-campaign,.gta6-trailer) .campaign-art{position:absolute;top:clamp(20px,3vw,42px);left:50%;width:min(66vw,1440px,max(280px,calc((100svh - 300px) * 16 / 9)));aspect-ratio:16/9;transform:translateX(-50%) scale(var(--campaign-zoom,1.08));transform-origin:center top}
:is(.gta6-campaign,.gta6-trailer) .campaign-poster{background:#1d002e;animation:campaign-backdrop .7s ease-out both}
:is(.gta6-campaign,.gta6-trailer) .campaign-poster img{object-fit:contain}
:is(.gta6-campaign,.gta6-trailer) .campaign-logo{width:clamp(126px,15vw,210px);margin-bottom:18px;filter:drop-shadow(0 8px 22px #150c1c9c);animation:campaign-logo .6s .62s cubic-bezier(.2,.74,.27,1) both}
:is(.gta6-campaign,.gta6-trailer) .campaign-sticky::after{content:"";background:linear-gradient(0deg,#150c1c 0%,#150c1c8f 25%,transparent 70%),linear-gradient(90deg,#170c1f80 0%,transparent 72%),rgb(21 12 28 / var(--scenery-shade,0))}
:is(.gta6-campaign,.gta6-trailer) .campaign-stage::after{content:"";position:absolute;inset:auto 0 0;height:18%;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#150c1c)}
:is(.gta6-campaign,.gta6-trailer) .campaign-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(470px,calc(100svh - 215px),735px)}
:is(.gta6-campaign,.gta6-trailer) .campaign-hero-content{padding:40px 0 clamp(32px,6vw,76px);opacity:var(--intro-opacity,1);transform:translateY(var(--intro-shift,0px))}
:is(.gta6-campaign,.gta6-trailer) .campaign-hero-content:has(:focus-visible){opacity:1;transform:none}
:is(.gta6-campaign,.gta6-trailer) .campaign-intro{animation:campaign-copy .55s 1.16s ease-out both}
@keyframes campaign-backdrop{from{opacity:0}to{opacity:1}}
@keyframes campaign-logo{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes campaign-copy{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.gta6-campaign:has(#platforme:target) :is(.campaign-poster,.campaign-logo,.campaign-intro){animation:none}
.gta6-campaign .eyebrow,.gta6-trailer .eyebrow{color:#ffc2d9}
.gta6-campaign h1{font:700 clamp(2.6rem,5.5vw,5.35rem)/1 var(--heading);letter-spacing:-.03em;text-transform:uppercase;margin:10px 0 14px}
.gta6-campaign h1 span{display:block}
.gta6-campaign h1 strong{display:block;font-size:1.25em;line-height:.93;width:max-content;padding-right:.07em;background:var(--sunset);background-clip:text;color:transparent}
:is(.gta6-campaign,.gta6-trailer) .campaign-intro>p:not(.eyebrow){font-size:clamp(1rem,1.75vw,1.35rem);margin:18px 0 20px}
:is(.gta6-campaign,.gta6-trailer) .actions{display:flex;flex-wrap:wrap;gap:10px}
:is(.gta6-campaign,.gta6-trailer) .platforms{position:relative;z-index:1;padding-block:clamp(24px,5vw,62px);scroll-margin-top:20px}
:is(.gta6-campaign,.gta6-trailer) .platforms:focus{outline:none}
:is(.gta6-campaign,.gta6-trailer) .platforms h2,:is(.gta6-campaign,.gta6-trailer) .campaign-editorial h2{font:700 clamp(2rem,4.3vw,3.7rem)/1.04 var(--heading);margin:7px 0 15px}
:is(.gta6-campaign,.gta6-trailer) .campaign-section-lead{max-width:70ch;margin-bottom:18px;color:#eee1ee;line-height:1.55}
:is(.gta6-campaign,.gta6-trailer) .platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;transform:translateY(var(--platform-rise,0px))}
:is(.gta6-campaign,.gta6-trailer) .platform-grid:has(:focus-visible){transform:none}
:is(.gta6-campaign,.gta6-trailer) .platform{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(85px,.78fr) minmax(0,1fr);align-items:center;gap:clamp(17px,3vw,45px);padding:clamp(16px,3vw,42px);border:2px solid #906990;border-radius:16px;background:linear-gradient(105deg,transparent 10%,#29193673 55%,#22182f 96%),linear-gradient(170deg,#222144 9%,#633e77 50%,#ab5d82 79%,#d18178) padding-box;box-shadow:0 18px 50px #12091ab0}
:is(.gta6-campaign,.gta6-trailer) .platform::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#32244822,#291936e6 76%),url('/template/ComputerLandNew/assets/redesign/gta6/vice-city.jpg') 25% 66%/cover;mix-blend-mode:luminosity;opacity:.22}
:is(.gta6-campaign,.gta6-trailer) .platform::after{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-radius:inherit;pointer-events:none;background:linear-gradient(transparent,transparent) padding-box,var(--gta-edge) border-box;background-size:100% 100%,260% 260%;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .22s ease}
:is(.gta6-campaign,.gta6-trailer) .platform:focus-within::after{opacity:1;animation:trailer-edge 5s ease-in-out infinite alternate}
@media(hover:hover){
:is(.gta6-campaign,.gta6-trailer) .platform:hover::after{opacity:1;animation:trailer-edge 5s ease-in-out infinite alternate}
}
:is(.gta6-campaign,.gta6-trailer) .platform-box{position:relative;width:min(100%,180px);aspect-ratio:300/383;justify-self:center;perspective:650px;--case-depth:clamp(9px,1.2vw,16px);--case-light:#4e8cdd;--case-dark:#163773;--case-roll:-3deg}
:is(.gta6-campaign,.gta6-trailer) .platform-xbox .platform-box{aspect-ratio:300/382;--case-light:#63a848;--case-dark:#244b20;--case-roll:3deg}
:is(.gta6-campaign,.gta6-trailer) .platform-case{position:absolute;inset:0;transform-style:preserve-3d;transform:translate(var(--case-x,0px),var(--case-y,0px)) rotateX(var(--case-tilt-x,-5deg)) rotateY(var(--case-tilt-y,-15deg)) rotateZ(var(--case-roll));transition:transform .2s ease-out}
:is(.gta6-campaign,.gta6-trailer) .platform-case-front,:is(.gta6-campaign,.gta6-trailer) .platform-case-spine,:is(.gta6-campaign,.gta6-trailer) .platform-case-top{position:absolute;backface-visibility:hidden;background:linear-gradient(140deg,var(--case-light),var(--case-dark));border:1px solid #ffffff38}
:is(.gta6-campaign,.gta6-trailer) .platform-case-front{inset:0;display:grid;place-items:center;padding:clamp(2px,.4vw,5px);border-radius:6px 4px 4px 6px;box-shadow:8px 16px 24px #0a050ebd;transform:translateZ(calc(var(--case-depth) / 2))}
:is(.gta6-campaign,.gta6-trailer) .platform-case-front img{width:100%;height:auto;border-radius:2px;box-shadow:0 0 0 1px #0804107a}
:is(.gta6-campaign,.gta6-trailer) .platform-case-front::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,#ffffff28,transparent 36%);pointer-events:none}
:is(.gta6-campaign,.gta6-trailer) .platform-case-spine{top:0;right:0;width:var(--case-depth);height:100%;display:grid;place-items:center;writing-mode:vertical-rl;white-space:nowrap;font:700 clamp(4px,.7vw,9px)/1 var(--heading);transform:translateX(50%) rotateY(90deg)}
:is(.gta6-campaign,.gta6-trailer) .platform-case-top{top:0;left:0;width:100%;height:var(--case-depth);transform:translateY(-50%) rotateX(90deg)}
:is(.gta6-campaign,.gta6-trailer) .platform-details{min-width:0}
:is(.gta6-campaign,.gta6-trailer) .platform-details h3{font:700 clamp(1.5rem,3vw,2.4rem)/1.05 var(--heading);margin:4px 0}
:is(.gta6-campaign,.gta6-trailer) .platform-details p:not(.eyebrow){color:#eee1ee;font-size:.88rem;line-height:1.45}
:is(.gta6-campaign,.gta6-trailer) .platform-release{margin-top:10px}
:is(.gta6-campaign,.gta6-trailer) .platform-release time{color:#fff;font-weight:650}
:is(.gta6-campaign,.gta6-trailer) .platform-price{display:block;margin:8px 0 12px;font:700 clamp(1.5rem,3.4vw,2.5rem)/1.05 var(--heading)}
:is(.gta6-campaign,.gta6-trailer) .platform .button:disabled{opacity:.7;cursor:wait}
:is(.gta6-campaign,.gta6-trailer) .campaign-editorial{display:grid;gap:clamp(30px,5vw,66px);padding-bottom:clamp(28px,6vw,76px)}
:is(.gta6-campaign,.gta6-trailer) .campaign-editorial p:not(.eyebrow){max-width:76ch;line-height:1.65;color:#eee1ee}
:is(.gta6-campaign,.gta6-trailer) .campaign-editorial h3{margin:13px 0 4px;font:700 1.45rem/1.15 var(--heading)}
:is(.gta6-campaign,.gta6-trailer) .campaign-places{display:grid;gap:16px}
:is(.gta6-campaign,.gta6-trailer) .campaign-places{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
:is(.gta6-campaign,.gta6-trailer) .campaign-places>div{padding:clamp(17px,2.5vw,30px);border:1px solid #5d3d63;border-radius:13px;background:linear-gradient(137deg,#352040,#251632)}
:is(.gta6-campaign,.gta6-trailer) .campaign-places h3{margin-top:0}
:is(.gta6-campaign,.gta6-trailer) .campaign-characters{min-width:0}
:is(.gta6-campaign,.gta6-trailer) .character-heading{margin-bottom:clamp(12px,2vh,22px)}
:is(.gta6-campaign,.gta6-trailer) .character-heading h2{margin-bottom:0}
:is(.gta6-campaign,.gta6-trailer) .character-chapters{display:grid;gap:clamp(22px,5vw,60px)}
:is(.gta6-campaign,.gta6-trailer) .character-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(18px,5vw,76px)}
:is(.gta6-campaign,.gta6-trailer) .character-portrait{width:100%;height:clamp(245px,53svh,540px);object-fit:cover;border-radius:14px;border:1px solid #a27399;background:#201129}
:is(.gta6-campaign,.gta6-trailer) .character-jason{object-position:50% 21%}
:is(.gta6-campaign,.gta6-trailer) .character-lucia{object-position:50% 18%}
:is(.gta6-campaign,.gta6-trailer) .character-duo{object-position:50% 46%}
:is(.gta6-campaign,.gta6-trailer) .campaign-editorial .character-copy h3{font-size:clamp(2rem,5vw,4.5rem);line-height:.98;margin:8px 0 15px}
:is(.gta6-campaign,.gta6-trailer) .character-copy p+p{margin-top:10px}
:is(.gta6-campaign,.gta6-trailer) .character-story-active::after{content:"";display:block;height:calc(clamp(220px,53svh,420px) * 3)}
:is(.gta6-campaign,.gta6-trailer) .character-story-active .character-sticky{position:sticky;top:0;min-height:100svh;display:grid;align-items:center;isolation:isolate;padding-block:18px}
:is(.gta6-campaign,.gta6-trailer) .character-story-active .character-sticky::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 53% 68% at 42% 50%,#371c42,transparent 78%),#150c1c;box-shadow:0 0 0 100vmax #150c1c;clip-path:inset(0 -100vmax);opacity:var(--story-focus,0)}
:is(.gta6-campaign,.gta6-trailer) .character-story-active .character-stage{width:min(100%,1200px);margin-inline:auto;transform:scale(var(--story-scale,.96))}
:is(.gta6-campaign,.gta6-trailer) .character-story-active .character-chapters{gap:0}
:is(.gta6-campaign,.gta6-trailer) .character-story-active .character-chapter{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .34s ease,transform .34s ease,visibility 0s .34s}
:is(.gta6-campaign,.gta6-trailer) .character-story-active .character-chapter.is-current{z-index:1;opacity:1;visibility:visible;transform:none;transition-delay:0s}
:is(.gta6-campaign,.gta6-trailer) .character-nav{display:flex;align-items:center;gap:8px;margin-top:clamp(12px,3vh,24px)}
:is(.gta6-campaign,.gta6-trailer) .character-nav button{min-width:42px;min-height:42px;border-radius:8px;border:1px solid #ffffff5c;background:#1b1124;color:#fff;font-size:.78rem;font-weight:750}
:is(.gta6-campaign,.gta6-trailer) .character-nav button[aria-pressed=true]{color:#1c0f25;border-color:transparent;background:var(--sunset)}
:is(.gta6-campaign,.gta6-trailer) .character-nav span{margin-left:5px;font-size:.75rem;color:#eed9e8}
:is(.gta6-campaign,.gta6-trailer) .platform-return{position:fixed;z-index:5;left:max(16px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid #ffb1d0;border-radius:999px;background:#25152f;color:#fff;font-size:.83rem;font-weight:750;box-shadow:0 5px 22px #100618a8}
:is(.gta6-campaign,.gta6-trailer) .platform-return span{color:#ffb1d0}
:is(.gta6-campaign,.gta6-trailer) .platform-return:hover{background:#3b2349}
:is(.gta6-campaign,.gta6-trailer) .campaign-countdown{padding:clamp(24px,6vw,84px);border:1px solid #ad6b99;border-radius:clamp(14px,3vw,32px);background:linear-gradient(98deg,#201431 12%,#41294bec 42%,#713d7280 70%,#25203a22),linear-gradient(15deg,#fb977eba,transparent 50%),url('/template/ComputerLandNew/assets/redesign/gta6/vice-city.jpg') 70% center/cover;box-shadow:0 16px 60px #0e061e75}
:is(.gta6-campaign,.gta6-trailer) .campaign-countdown h2{color:#fff1cd}
:is(.gta6-campaign,.gta6-trailer) .campaign-countdown .actions{margin-top:22px}
:is(.gta6-campaign,.gta6-trailer) .launch-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1.5vw,14px);max-width:520px;margin-block:clamp(16px,3vw,26px) 10px}
:is(.gta6-campaign,.gta6-trailer) .launch-countdown div{display:grid;justify-items:center;align-content:center;gap:4px;padding:10px 4px;border:1px solid #ffbbce80;border-radius:10px;background:#20152cd9}
:is(.gta6-campaign,.gta6-trailer) .launch-countdown strong{color:#fff1cd;font:700 clamp(1.8rem,6vw,4.4rem)/.98 var(--heading);font-variant-numeric:tabular-nums}
:is(.gta6-campaign,.gta6-trailer) .launch-countdown span,:is(.gta6-campaign,.gta6-trailer) .countdown-note{font-size:.72rem}
:is(.gta6-campaign,.gta6-trailer) .campaign-finale{position:relative;isolation:isolate;min-width:0}
:is(.gta6-campaign,.gta6-trailer) .finale-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}
:is(.gta6-campaign,.gta6-trailer) .finale-sticky{position:sticky;top:0;height:100svh;isolation:isolate;overflow:hidden;background:#170f20}
:is(.gta6-campaign,.gta6-trailer) .finale-sticky :is(video,canvas),:is(.gta6-campaign,.gta6-trailer) .finale-sticky::after{position:absolute;inset:0;width:100%;height:100%}
:is(.gta6-campaign,.gta6-trailer) .finale-sticky :is(video,canvas){object-fit:cover}
@media(orientation:landscape){
:is(.gta6-campaign,.gta6-trailer) .finale-sticky canvas{object-position:center 36%}
}
:is(.gta6-campaign,.gta6-trailer) .finale-sticky::after{content:"";background:linear-gradient(0deg,#150c1cd9,transparent 32%,transparent 63%,#150c1cbf),rgb(21 12 28 / var(--finale-shade,0))}
:is(.gta6-campaign,.gta6-trailer) .finale-runway{min-height:62svh}
:is(.gta6-campaign,.gta6-trailer) .is-scroll-scene .finale-runway{min-height:220svh}
:is(.gta6-campaign,.gta6-trailer) .finale-heading{position:sticky;top:0;padding-block:clamp(24px,6vh,65px);text-shadow:0 2px 24px #160b20;opacity:var(--finale-copy,1)}
:is(.gta6-campaign,.gta6-trailer) .finale-heading h2{font-size:clamp(2.4rem,7vw,6.4rem);line-height:.94;margin-block:6px 10px}
:is(.gta6-campaign,.gta6-trailer) .finale-caption{display:none;position:absolute;z-index:1;inset:auto 0 clamp(76px,12vh,118px);text-align:right;opacity:var(--finale-copy,1);text-shadow:0 2px 16px #150c1c}
:is(.gta6-campaign,.gta6-trailer) .is-scroll-scene .finale-caption{display:block}
:is(.gta6-campaign,.gta6-trailer) .finale-caption p{margin-bottom:9px}
:is(.gta6-campaign,.gta6-trailer) .finale-progress{display:none}
:is(.gta6-campaign,.gta6-trailer) .is-scroll-scene .finale-progress{display:block;width:min(210px,45vw);height:3px;margin-left:auto;border-radius:999px;background:#fff6}
:is(.gta6-campaign,.gta6-trailer) .finale-progress::after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:var(--sunset);transform:scaleX(var(--finale-progress,0));transform-origin:left}
:is(.gta6-campaign,.gta6-trailer) .campaign-faq{max-width:940px;scroll-margin-top:18px;padding:clamp(20px,5vw,56px);border:1px solid #a36c9a;border-radius:clamp(15px,3vw,28px);background:linear-gradient(155deg,#2e1d3cf2,#1a1123fa);box-shadow:0 20px 70px #0a040ec0}
:is(.gta6-campaign,.gta6-trailer) .campaign-faq details{border-bottom:1px solid #79577b;padding:13px 0}
:is(.gta6-campaign,.gta6-trailer) .campaign-faq summary{cursor:pointer;font-weight:650}
:is(.gta6-campaign,.gta6-trailer) .campaign-faq details p{margin-top:8px}
:is(.gta6-campaign,.gta6-trailer) .campaign-faq details a,:is(.gta6-campaign,.gta6-trailer) .campaign-more>a:not(.button){color:#ffd0e5;text-decoration:underline;text-underline-offset:3px}
:is(.gta6-campaign,.gta6-trailer) .faq-prices{display:grid;gap:5px;margin:9px 0 0;padding-left:20px}
:is(.gta6-campaign,.gta6-trailer) .faq-prices strong{margin-left:7px}
:is(.gta6-campaign,.gta6-trailer) .campaign-more{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}
.gta6-trailer{margin:auto;width:min(calc(100% - 36px),1040px);max-height:calc(100dvh - 36px);padding:0;border:2px solid transparent;border-radius:16px;overflow:auto;color:#fff;background:linear-gradient(#20112a,#20112a) padding-box,var(--gta-edge) border-box;background-size:100% 100%,260% 260%;box-shadow:0 15px 70px #09040dbb}
.gta6-trailer[open]{animation:trailer-edge 5s ease-in-out infinite alternate}
.gta6-trailer::backdrop{background:#12091bb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:trailer-backdrop .36s ease-out both}
@keyframes trailer-edge{from{background-position:center,0% 35%}to{background-position:center,100% 65%}}
@keyframes trailer-backdrop{from{opacity:0}to{opacity:1}}
:is(.gta6-campaign,.gta6-trailer) .trailer-screen:focus{outline:none}
:is(.gta6-campaign,.gta6-trailer) .trailer-close{position:absolute;top:11px;right:11px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:1px solid #fff7;border-radius:50%;background:#111b;color:#fff;font:400 1.65rem/1 Inter,sans-serif}
:is(.gta6-campaign,.gta6-trailer) .trailer-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
:is(.gta6-campaign,.gta6-trailer) .trailer-screen{position:relative;isolation:isolate;display:flex;align-items:flex-end;aspect-ratio:2/1;min-height:360px;max-height:calc(100dvh - 40px);background:#140c19}
:is(.gta6-campaign,.gta6-trailer) .trailer-screen video,:is(.gta6-campaign,.gta6-trailer) .trailer-screen::after{position:absolute;inset:0;width:100%;height:100%}
:is(.gta6-campaign,.gta6-trailer) .trailer-screen video{z-index:-2;display:block;object-fit:cover;pointer-events:none}
:is(.gta6-campaign,.gta6-trailer) .trailer-screen::after{content:"";z-index:-1;background:linear-gradient(0deg,#120818ee 2%,#170d21ad 25%,#170d2133 60%,transparent 78%)}
:is(.gta6-campaign,.gta6-trailer) .trailer-copy{width:100%;padding:clamp(18px,3.3vw,39px)}
:is(.gta6-campaign,.gta6-trailer) .trailer-chapters{min-height:136px}
:is(.gta6-campaign,.gta6-trailer) .trailer-chapter{max-width:590px;animation:trailer-chapter-in .45s ease-out both}
@keyframes trailer-chapter-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
:is(.gta6-campaign,.gta6-trailer) .trailer-chapter h3{margin:6px 0;font:700 clamp(1.8rem,5vw,4rem)/.98 var(--heading)}
:is(.gta6-campaign,.gta6-trailer) .trailer-copy p:not(.eyebrow){font-size:clamp(.86rem,1.6vw,1.05rem);line-height:1.45;color:#fff4fb}
:is(.gta6-campaign,.gta6-trailer) .trailer-actions,:is(.gta6-campaign,.gta6-trailer) .trailer-controls,:is(.gta6-campaign,.gta6-trailer) .trailer-steps{display:flex;align-items:center;gap:10px}
:is(.gta6-campaign,.gta6-trailer) .trailer-actions{justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px}
:is(.gta6-campaign,.gta6-trailer) .trailer-steps{gap:5px}
:is(.gta6-campaign,.gta6-trailer) .trailer-steps button,:is(.gta6-campaign,.gta6-trailer) .trailer-playback{display:inline-grid;place-items:center;min-height:36px;padding:5px 9px;border:1px solid #fff7;border-radius:7px;background:#14091ac9;color:#fff;font-size:.75rem;white-space:nowrap}
:is(.gta6-campaign,.gta6-trailer) .trailer-steps button[aria-pressed=true]{background:#ffe0ef;color:#25122b;border-color:#ffe0ef;font-weight:750}
@media(max-width:767px){
:is(.gta6-campaign,.gta6-trailer) .wrap{width:calc(100% - 28px)}
:is(.gta6-campaign,.gta6-trailer) .campaign-hero{min-height:clamp(440px,calc(100svh - 192px),640px)}
:is(.gta6-campaign,.gta6-trailer) .campaign-art{width:calc(100% - 44px)}
:is(.gta6-campaign,.gta6-trailer) .campaign-sticky::after{background:linear-gradient(0deg,#150c1c 0%,#150c1c9c 29%,transparent 72%),rgb(21 12 28 / var(--scenery-shade,0))}
.gta6-campaign h1{font-size:clamp(2.4rem,10.3vw,4.5rem)}
:is(.gta6-campaign,.gta6-trailer) .campaign-hero-content{padding-bottom:27px}
:is(.gta6-campaign,.gta6-trailer) .campaign-logo{width:135px;margin-bottom:12px}
:is(.gta6-campaign,.gta6-trailer) .actions .button{min-height:42px;padding-inline:10px;font-size:.9rem}
:is(.gta6-campaign,.gta6-trailer) .platform-grid,:is(.gta6-campaign,.gta6-trailer) .campaign-places,:is(.gta6-campaign,.gta6-trailer) .character-chapter{grid-template-columns:minmax(0,1fr)}
:is(.gta6-campaign,.gta6-trailer) .campaign-countdown{background:linear-gradient(93deg,#201431e8,#3f2548cf 68%,#623c719a),linear-gradient(15deg,#fb977ec2,transparent 52%),url('/template/ComputerLandNew/assets/redesign/gta6/vice-city.jpg') 62% center/cover}
:is(.gta6-campaign,.gta6-trailer) .finale-sticky video{object-position:29% center}
:is(.gta6-campaign,.gta6-trailer) .campaign-faq summary{line-height:1.4}
:is(.gta6-campaign,.gta6-trailer) .character-chapter{align-content:start;gap:15px}
:is(.gta6-campaign,.gta6-trailer) .character-portrait{height:clamp(160px,min(33svh,calc(100svh - 425px)),330px)}
:is(.gta6-campaign,.gta6-trailer) .character-story-active .character-sticky{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
:is(.gta6-campaign,.gta6-trailer) .campaign-editorial .character-copy h3{margin:6px 0 8px}
:is(.gta6-campaign,.gta6-trailer) .campaign-editorial .character-copy p:not(.eyebrow){font-size:.91rem;line-height:1.5}
:is(.gta6-campaign,.gta6-trailer) .platform{grid-template-columns:minmax(78px,.62fr) minmax(0,1fr);gap:16px}
:is(.gta6-campaign,.gta6-trailer) .platform-box{width:min(100%,125px)}
.gta6-trailer{width:calc(100% - 16px);max-width:none;max-height:calc(100dvh - 16px);margin:auto;border-radius:13px}
:is(.gta6-campaign,.gta6-trailer) .trailer-screen{aspect-ratio:auto;min-height:min(535px,calc(100dvh - 20px));max-height:none}
:is(.gta6-campaign,.gta6-trailer) .trailer-screen::after{background:linear-gradient(0deg,#120818ee 3%,#170d21bd 33%,#170d2133 67%,transparent 85%)}
:is(.gta6-campaign,.gta6-trailer) .trailer-chapters{min-height:122px}
:is(.gta6-campaign,.gta6-trailer) .trailer-actions .button{width:100%}
:is(.gta6-campaign,.gta6-trailer) .trailer-controls{width:100%;justify-content:space-between;gap:5px}
:is(.gta6-campaign,.gta6-trailer) .trailer-steps button,:is(.gta6-campaign,.gta6-trailer) .trailer-playback{padding-inline:7px}
:is(.gta6-campaign,.gta6-trailer) .trailer-close{top:5px;right:8px}
}
.cln-gta-play{position:absolute;z-index:1;top:17px;right:17px;display:grid;place-items:center;width:58px;aspect-ratio:1;padding:0;border:1px solid #ffe0ef;border-radius:50%;background:linear-gradient(155deg,#7886ff,#bf73ee 27%,#ff79bd 52%,#ffaf6a 76%) 0 0/125% 125%;color:#24132c;box-shadow:0 0 14px #ff90c981;transition:background-position .3s ease,box-shadow .22s ease,transform .22s ease}
.cln-gta-play svg{width:27px;height:27px}
.cln-gta-play::after{content:"";position:absolute;inset:-1px;border:1px solid #ffadd6;border-radius:inherit;pointer-events:none;animation:play-pulse 2.4s ease-out infinite}
@keyframes play-pulse{0%,15%{opacity:.85;transform:scale(1);border-color:#b198ff}45%{border-color:#ff79bd}75%,100%{opacity:0;transform:scale(1.34);border-color:#ffaf6a}}
@media(hover:hover){
 .cln-gta-play:hover{background-position:100% 100%;box-shadow:0 0 23px #ff83c9c9;transform:scale(1.10)}
 .cln-gta-play:hover svg{animation:play-nudge .36s ease-out}
}
@keyframes play-nudge{45%{transform:translateX(3px)}}

.cln-slide .cln-gta-play{cursor:pointer}
@media(max-width:767px){.cln-slide .cln-gta-play{top:10px;right:10px;width:44px}.cln-gta-play svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){
  :is(.gta6-campaign,.gta6-trailer) *, :is(.gta6-campaign,.gta6-trailer) *::before, :is(.gta6-campaign,.gta6-trailer) *::after, .gta6-trailer, .gta6-trailer::backdrop,.cln-gta-play::after,.cln-gta-play:hover svg{animation:none!important;transition:none!important}
}