.page-home .home-campaign .spotlight {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: max(620px, calc(100vh - 34px));
    min-height: max(620px, calc(100svh - 34px));
    padding-block: calc(var(--campaign-header-space, 97px) + clamp(24px, 5vh, 60px)) 94px;
}
.page-home .home-campaign .spotlight-media { --spotlight-crop: 58% center; }
.page-home .home-campaign .spotlight-media::after {
    background:
        linear-gradient(90deg, #170d09f0, #21110abd 35%, #24140b36 70%, transparent 100%),
        linear-gradient(0deg, #190e0a7d, transparent 23%);
}
.page-home .home-campaign .spotlight-intro {
    width: min(100%, 800px);
    max-width: none;
    padding: 0;
}
.page-home .home-campaign .spotlight-intro::before { content: none; }
.page-home .home-campaign .spotlight-intro > .eyebrow {
    margin-bottom: clamp(18px, 2vw, 30px);
    font-size: clamp(10px, 1vw, 13px);
}
.page-home .home-campaign .spotlight h1 {
    font-size: clamp(54px, 7.25vw, 112px);
    line-height: .98;
    text-wrap: initial;
    overflow-wrap: anywhere;
}
.page-home .home-campaign .spotlight h1 em {
    margin-top: 14px;
    font-size: .66em;
}
.page-home .home-campaign .spotlight-description {
    max-width: 42ch;
    margin-block: clamp(19px, 2.4vw, 32px);
    font-size: clamp(14px, 1.25vw, 17px);
    line-height: 1.65;
}
.page-home .home-campaign .spotlight-journeys > .button {
    min-height: 52px;
    font-size: 14px;
}
.page-home .home-campaign .spotlight-scroll {
    inset-block-end: 18px;
}
.home-campaign .spotlight-video-toggle {
    inset-block: auto 18px;
}

.page-home .home-spotlight-rail {
    --spotlight-rail-gap: clamp(12px, 1.6vw, 24px);
    background: #faf6ed;
    scroll-margin-top: 10px;
}
.spotlight-rail-inner {
    padding-block: clamp(32px, 5vw, 76px) clamp(28px, 4vw, 64px);
}
.spotlight-rail-inner > .eyebrow { margin-bottom: 10px; }
.spotlight-rail-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px clamp(14px, 2.4vw, 36px);
    margin-bottom: clamp(17px, 2.3vw, 30px);
}
.spotlight-rail-toolbar h2 {
    margin: 0;
    color: #342419;
    font: 400 clamp(32px, 4vw, 58px)/1.02 var(--serif);
    letter-spacing: -.05em;
}
.spotlight-rail-filters, .spotlight-rail-controls { display: flex; flex-wrap: wrap; gap: 6px; }
.spotlight-rail-controls { margin-inline-start: auto; }
.home-spotlight-rail [hidden] { display: none !important; }
.spotlight-rail-toolbar button {
    min-height: 44px;
    border: 1px solid #ccb28d;
    border-radius: 3px;
    background: transparent;
    color: #613e1b;
    font-size: 12px;
    font-weight: 650;
    transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.spotlight-rail-filters button { padding: 6px clamp(10px, 1.2vw, 18px); }
.spotlight-rail-toolbar button:hover { background: #f1e5ce; border-color: #a4773a; }
.spotlight-rail-toolbar button[aria-pressed="true"] {
    background: #472d1c;
    border-color: #472d1c;
    color: #fff6e6;
}
.spotlight-rail-controls button {
    display: grid;
    place-items: center;
    width: 44px;
    padding: 0;
}
.spotlight-rail-controls button[aria-disabled="true"] {
    background: transparent;
    opacity: .46;
    cursor: default;
}
.spotlight-rail-controls .icon { width: 19px; height: 19px; }
.spotlight-rail-controls [data-spotlight-prev] .icon { transform: rotate(180deg); }
.spotlight-rail-toolbar button:focus-visible, .spotlight-rail-track:focus-visible {
    outline: 2px solid #986629;
    outline-offset: 3px;
}
.page-home .spotlight-rail-track.product-grid {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 3 * var(--spotlight-rail-gap)) / 4);
    gap: var(--spotlight-rail-gap);
    align-items: stretch;
    overflow-x: auto;
    padding: 0 0 10px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: #a87c3b #f0e7d8;
}
/* Keep native dragging and keyboard scrolling, with a lighter gold rail. */
@supports selector(::-webkit-scrollbar) {
    .page-home .spotlight-rail-track.product-grid {
        scrollbar-width: auto;
        scrollbar-color: auto;
    }
    .page-home .spotlight-rail-track::-webkit-scrollbar {
        height: 16px;
    }
    .page-home .spotlight-rail-track::-webkit-scrollbar-track {
        background: linear-gradient(transparent 7px, #d8c5a3 7px 9px, transparent 9px);
    }
    .page-home .spotlight-rail-track::-webkit-scrollbar-thumb {
        min-width: 48px;
        border: 5px solid transparent;
        border-radius: 20px;
        background: linear-gradient(100deg, #98692d, #d3b270 48%, #b3894a) padding-box;
    }
    .page-home .spotlight-rail-track::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(100deg, #855823, #c6a05b 48%, #9c7034) padding-box;
    }
    .page-home .spotlight-rail-track::-webkit-scrollbar-thumb:active {
        background: #855823 padding-box;
    }
    .page-home .spotlight-rail-track::-webkit-scrollbar-button {
        display: none;
        width: 0;
        height: 0;
    }
    .page-home .spotlight-rail-track::-webkit-scrollbar-corner {
        background: transparent;
    }
}
@media (forced-colors: active) {
    .page-home .spotlight-rail-track.product-grid {
        scrollbar-width: auto;
        scrollbar-color: auto;
    }
}
.page-home .spotlight-rail-track > .product-card {
    scroll-snap-align: start;
    min-width: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
}
.page-home .spotlight-rail-track .product-visual {
    margin: 0;
    border: 1px solid #e2d2b5;
    background: #fff9ee;
    box-shadow: none;
}
.page-home .spotlight-rail-track .product-image-link {
    aspect-ratio: 1;
    background: radial-gradient(ellipse at 50% 30%, #fffcf5 10%, #eee0c4 100%);
}
.page-home .spotlight-rail-track .product-image-link img {
    padding: clamp(11px, 1.35vw, 22px);
    mix-blend-mode: multiply;
    transition: transform 440ms var(--ease);
}
.page-home .spotlight-rail-track .product-card-info { padding: 13px 0 8px; }
.page-home .spotlight-rail-track .product-card h3 {
    margin: 5px 0 0;
    min-height: 2.5em;
    font-size: clamp(17px, 1.65vw, 24px);
    line-height: 1.25;
    -webkit-line-clamp: 2;
}
.page-home .spotlight-rail-track .product-card-bottom { padding-top: 3px; }
.spotlight-rail-message { margin: 18px 0; color: var(--muted); }
.spotlight-rail-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #e1d1b7;
}
.spotlight-rail-footer p { margin: 0; color: #6f4f2c; }
.spotlight-rail-footer .text-link { min-height: 44px; }

@media (prefers-reduced-motion: no-preference) {
    .home-campaign .spotlight-intro > * {
        animation: campaign-copy-in 650ms var(--ease) both;
    }
    .home-campaign .spotlight-intro > h1 { animation-delay: 65ms; }
    .home-campaign .spotlight-intro > .spotlight-description { animation-delay: 130ms; }
    .home-campaign .spotlight-intro > .spotlight-journeys { animation-delay: 195ms; }
    .home-campaign .spotlight-scroll > .icon { transition: transform 220ms var(--ease); }
    .home-campaign .spotlight-scroll:hover > .icon { transform: translateY(3px); }
}
@keyframes campaign-copy-in {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .page-home .spotlight-rail-track .product-card:hover .product-image-link img { transform: scale(1.055); }
}
@media (max-width: 1090px) {
    .page-home .spotlight-rail-track.product-grid {
        grid-auto-columns: calc((100% - 2 * var(--spotlight-rail-gap)) / 3);
    }
}
@media (max-width: 780px) {
    .page-home .home-campaign .spotlight {
        min-height: max(580px, calc(100svh - 34px));
        padding-block: calc(var(--campaign-header-space, 83px) + 28px) 74px;
    }
    .page-home .home-campaign .spotlight-media { --spotlight-crop: 64% center; }
    .page-home .home-campaign .spotlight-media::after {
        background: linear-gradient(90deg, #190e09dd, #190e0970), linear-gradient(0deg, #190e097a, transparent 45%);
    }
    .page-home .home-campaign .spotlight h1 { font-size: clamp(45px, 10.2vw, 70px); }
    .page-home .home-campaign .spotlight-scroll { display: inline-flex; inset-block-end: 10px; }
    .page-home .spotlight-rail-track.product-grid {
        grid-auto-columns: calc((100% - var(--spotlight-rail-gap)) / 2);
    }
}
@media (max-width: 520px) {
    .spotlight-rail-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; }
    .spotlight-rail-filters { grid-column: 1 / -1; grid-row: 2; }
    .spotlight-rail-controls { margin-inline-start: 0; }
    .page-home .spotlight-rail-track.product-grid { grid-auto-columns: 76%; }
}
@media (prefers-reduced-motion: reduce) {
    .page-home .spotlight-rail-track .product-image-link img { transition: none; }
}
