.preview2-page .site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: rgba(16, 16, 16, var(--hero-nav-opacity, .04));
    border-bottom-color: transparent;
    box-shadow: none;
}

.preview2-page .site-header.is-past-hero,
.preview2-page.nav-open .site-header {
    background: #101010;
    border-bottom-color: var(--line);
}

.preview2-page .site-header:not(.is-past-hero) .site-nav a {
    color: #fff;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .85);
}

.preview2-hero {
    background: #111;
}

.preview2-page .preview2-hero {
    height: 100svh;
    min-height: 620px;
    max-height: none;
}

.preview2-hero-slides,
.preview2-hero-slides img,
.preview2-hero-slides video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.preview2-hero-slides img,
.preview2-hero-slides video {
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: opacity .9s ease;
}

.preview2-hero-slides .is-active {
    opacity: 1;
}

.preview2-hero-slides .mobile-only-hero-slide {
    display: none;
}

.preview2-page .social-arrow {
    width: 11px;
    height: 11px;
    margin-left: 3px;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: square;
    stroke-linejoin: miter;
}

.preview2-page .studio-editorial {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    grid-template-rows: auto;
    align-items: center;
    gap: clamp(48px, 7vw, 120px);
    min-height: 0;
    padding: clamp(88px, 9vw, 140px) 7vw;
}

.studio-editorial-copy {
    max-width: 620px;
}

.studio-editorial-copy h2 {
    margin: 22px 0 30px;
    font-size: clamp(2.8rem, 4.8vw, 5.5rem);
    line-height: .94;
    letter-spacing: -.065em;
    text-transform: uppercase;
    text-wrap: balance;
}

.studio-editorial-copy p {
    max-width: 480px;
    margin: 0 0 32px;
    color: #aaa;
    line-height: 1.8;
}

.studio-editorial-photo {
    width: 100%;
    margin: 0;
}

.studio-editorial-photo img {
    width: 100%;
    height: clamp(480px, 48vw, 700px);
    object-fit: cover;
    object-position: 62% center;
}

.preview2-hero .hero-shade {
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .38), transparent 32%);
    pointer-events: none;
}

.preview2-hero .hero-copy {
    z-index: 2;
    top: 31%;
    right: 3vw;
    left: auto;
    width: min(38vw, 560px);
    transform: translateY(-50%);
    text-shadow: 0 2px 24px rgba(0, 0, 0, .85);
    transition: opacity .2s ease;
}

.preview2-hero .hero-copy.is-changing {
    opacity: 0;
}

.preview2-hero .hero-copy h1 {
    font-size: clamp(3.3rem, 6.5vw, 7rem);
}

.preview2-hero .hero-copy .eyebrow,
.preview2-hero .hero-copy .text-link {
    color: #fff;
}

.preview2-hero .hero-slide-controls {
    z-index: 2;
    position: absolute;
    right: clamp(18px, 3vw, 40px);
    bottom: clamp(18px, 3vw, 34px);
    display: flex;
    gap: 10px;
}

.preview2-hero .hero-slide-control {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 4px;
    background: rgba(12, 12, 12, .3);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.preview2-hero .hero-slide-control:hover,
.preview2-hero .hero-slide-control:focus-visible {
    background: rgba(192, 57, 43, .78);
    border-color: rgba(255, 255, 255, .75);
    transform: translateY(-1px);
}

.preview2-hero .hero-slide-control:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .85);
    outline-offset: 3px;
}

.preview2-hero .hero-slide-control:active {
    transform: translateY(0);
}

.preview2-hero[data-slide="2"] .hero-copy,
.preview2-hero[data-slide="3"] .hero-copy {
    right: auto;
    left: 5vw;
}

/* Pista */
.preview2-hero[data-slide="2"] .hero-copy {
    top: 38%;
}

/* GT3RS-18 */
.preview2-hero[data-slide="3"] .hero-copy {
    top: 27%;
}

/* STO-6 */
.preview2-hero[data-slide="4"] .hero-copy {
    top: 70%;
    width: min(32vw, 470px);
}

/* RSG-36 */
.preview2-hero[data-slide="5"] .hero-copy {
    top: 64%;
    width: min(32vw, 470px);
}

.preview2-hero[data-slide="4"] .hero-copy h1,
.preview2-hero[data-slide="5"] .hero-copy h1 {
    font-size: clamp(3rem, 5.5vw, 6rem);
}

@media (max-width: 900px) {
    .preview2-hero-slides .desktop-only-hero-slide {
        display: none;
    }

    .preview2-page .studio-editorial {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 80px 7vw;
    }

    .studio-editorial-copy h2 {
        max-width: 650px;
        font-size: clamp(2.8rem, 8vw, 5rem);
    }

    .studio-editorial-photo img {
        height: clamp(430px, 72vw, 620px);
    }

    .preview2-hero-slides .mobile-only-hero-slide {
        display: block;
    }

    .preview2-page .preview2-hero {
        min-height: 600px;
    }

    .preview2-hero .hero-shade {
        background: linear-gradient(0deg, rgba(0, 0, 0, .82), rgba(0, 0, 0, .15) 68%);
    }

    .preview2-hero .hero-copy,
    .preview2-hero[data-slide="2"] .hero-copy,
    .preview2-hero[data-slide="3"] .hero-copy,
    .preview2-hero[data-slide="4"] .hero-copy,
    .preview2-hero[data-slide="5"] .hero-copy {
        top: auto;
        right: 20px;
        bottom: 86px;
        left: 20px;
        width: auto;
        transform: none;
    }

    .preview2-hero[data-slide="1"] .hero-copy {
        right: 12px;
        left: 28px;
    }

    .preview2-hero .hero-slide-controls {
        right: 20px;
        bottom: 24px;
    }

    .preview2-hero[data-slide="4"] .hero-copy {
        right: 20px;
        left: auto;
        width: min(78vw, 360px);
        text-align: right;
    }

    .preview2-hero .hero-copy h1,
    .preview2-hero[data-slide="4"] .hero-copy h1,
    .preview2-hero[data-slide="5"] .hero-copy h1 {
        font-size: clamp(2.8rem, 12vw, 5rem);
    }
}

@media (max-width: 600px) {
    .preview2-page .studio-editorial {
        gap: 32px;
        padding: 64px 20px;
    }

    .studio-editorial-copy h2 {
        margin: 18px 0 24px;
        font-size: clamp(2.6rem, 12vw, 3.5rem);
    }

    .studio-editorial-copy p {
        margin-bottom: 26px;
        line-height: 1.7;
    }

    .studio-editorial-photo img {
        height: min(120vw, 500px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .preview2-hero-slides img,
    .preview2-hero-slides video,
    .preview2-hero .hero-copy {
        transition: none;
    }
}