.gta-slideshow{width:100%;min-width:0;margin-top:24px;border:1px solid #302a20;background:#080808}.gta-slides{aspect-ratio:4/5;overflow:hidden}.gta-slides img,.gta-feature .gta-slides img{display:block;width:100%;height:100%;object-fit:contain}.gta-slides img[hidden]{display:none!important}.gta-slide-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;color:#d6b86e}.gta-slide-controls button{min-width:44px;min-height:44px;background:transparent;border:1px solid #776138;color:#f4e3b4;cursor:pointer;font:inherit;padding:8px}.gta-slide-controls button:focus-visible,.gta-slideshow:focus-visible{outline:2px solid #d6b86e;outline-offset:3px}.gta-small-video{width:min(100%,220px);margin:24px auto}.gta-small-video video{display:block;width:100%;height:auto;max-height:340px;background:#080808;object-fit:contain}.gta-small-video figcaption{font-size:.8rem;color:#c3bcae;margin-top:8px;text-align:center}.gta-feature-product{min-width:0}.gta-slides{touch-action:pan-y}@media(max-width:600px){.gta-small-video{width:180px}.gta-small-video video{max-height:280px}}
.gta-slides>video{display:block;width:100%;height:100%;object-fit:contain;background:#080808}.gta-slides>[hidden]{display:none!important}

/* Featured gallery runs behind the product copy, like the opening film. */
#gta{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-height:680px;padding:64px 6vw}
#gta .gta-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border:0;pointer-events:none}
#gta .gta-background .gta-slides{width:100%;height:100%;aspect-ratio:auto}
#gta .gta-background .gta-slides>img,#gta .gta-background .gta-slides>video{width:100%;height:100%;object-fit:cover;object-position:center}
#gta .gta-background .gta-slide-controls{display:none}
#gta .gta-background-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.7),transparent);pointer-events:none}
#gta .gta-feature-copy,#gta .gta-feature-product{position:relative;width:100%;max-width:540px}
#gta .concept-note{color:#d3d0cb}
@media(max-width:700px){#gta{padding:44px 6vw;min-height:660px}#gta .gta-background-shade{background:rgba(0,0,0,.64)}}

/* Blend the opening film into the GTA film without a hard horizontal edge. */
.hero .hero-shade{background:linear-gradient(to top,#080808 0%,rgba(8,8,8,.92) 5%,rgba(8,8,8,.48) 15%,rgba(8,8,8,0) 29%),linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
#gta .gta-background-shade{background:linear-gradient(to bottom,#080808 0%,rgba(8,8,8,.94) 3%,rgba(8,8,8,.65) 10%,rgba(8,8,8,.22) 20%,rgba(8,8,8,0) 30%),linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.7),transparent)}
@media(max-width:700px){#gta .gta-background-shade{background:linear-gradient(to bottom,#080808 0%,rgba(8,8,8,.94) 3%,rgba(8,8,8,.65) 10%,rgba(8,8,8,.22) 20%,rgba(8,8,8,0) 30%),rgba(0,0,0,.64)}}
@media(max-width:580px){.hero .hero-shade{background:linear-gradient(to top,#080808 0%,rgba(8,8,8,.92) 5%,rgba(8,8,8,.48) 15%,rgba(8,8,8,0) 29%),rgba(0,0,0,.68)}}

/* Soft black transition from navigation, with a subtle shade behind the CT mark. */
.site-top .header{background:#080808;border-bottom:0}
.hero::before{content:"";position:absolute;inset:0 0 auto;height:220px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#080808 0%,rgba(8,8,8,.9) 15%,rgba(8,8,8,.45) 50%,rgba(8,8,8,0) 100%)}
.hero .hero-copy{mix-blend-mode:normal;z-index:2}
.hero .hero-copy::before{content:"";position:absolute;top:-45px;left:50%;transform:translateX(-50%);width:min(440px,100%);height:280px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.48) 0%,rgba(0,0,0,.25) 42%,rgba(0,0,0,0) 72%)}
/* Blend away the logo canvas; keep only a soft central black backdrop. */
.hero .hero-copy{mix-blend-mode:screen}
.hero .hero-copy::before{content:none}
.hero .hero-logo{mix-blend-mode:normal}
.hero::after{content:"";position:absolute;top:25px;left:7vw;width:min(650px,86vw);height:300px;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 22%,rgba(0,0,0,.22) 45%,rgba(0,0,0,0) 72%)}
@media(max-width:580px){.hero::after{top:0;left:6vw;width:88vw;height:250px}}
@media(max-width:580px){.hero::before{height:170px}.hero .hero-copy::before{top:-40px;width:min(360px,100%);height:230px}}

/* Match the two hero lines at their rendered sizes and weights. */
#gta .gta-feature-copy .gta-matched-heading{margin:12px 0 16px;font-size:inherit;line-height:normal;font-weight:400;letter-spacing:normal}
#gta .gta-welcome-line{display:block;font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.24em;line-height:normal;text-transform:uppercase;color:var(--gold)}
#gta .gta-identity-line{display:block;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:900;letter-spacing:.12em;line-height:1.65;text-transform:uppercase;color:#d3d0cb;margin-top:0}

#gta .gta-matched-heading .gta-welcome-line{margin-top:.8rem}

/* Fade the GTA film into the dark upper edge of the sports background. */
#gta .gta-background-shade::after{content:"";position:absolute;inset:auto 0 0;height:clamp(180px,22vw,280px);pointer-events:none;background:linear-gradient(to bottom,rgba(8,8,8,0) 0%,rgba(8,8,8,.35) 35%,rgba(8,8,8,.85) 75%,#080808 100%)}