.hero{position:relative;height:100svh;min-height:620px;background:#27140b;overflow:hidden;outline-offset:-4px}.hero-media,.hero-picture{position:absolute;inset:0}.hero-picture img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b1210b8 0%,#0b121070 32%,transparent 62%),linear-gradient(0deg,#0b1210c7 0%,#0b121052 22%,transparent 45%);pointer-events:none;transition:background .8s}.hero.is-legacy .hero-shade{background:linear-gradient(0deg,#1a0d06a6 0%,transparent 24%)}.hero-copy{position:absolute;z-index:2;left:7%;bottom:23%;max-width:550px}.hero-copy p{font-size:14px;color:#f3e6cc;letter-spacing:.05em;margin-bottom:15px;text-shadow:0 1px 14px #000c}.hero-copy h2{font-size:clamp(42px,4.5vw,70px);color:#fff8e8;line-height:1.05;text-shadow:0 2px 28px #0009,0 1px 3px #0006}.hero-controls{position:absolute;right:6%;bottom:35px;z-index:3;display:flex;align-items:center;gap:30px;max-width:75%}.hero-tabs{display:flex;gap:20px}.hero-tabs button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 0 11px;background:none;border:0;border-bottom:1px solid #fff5;color:#ece4d4d9;white-space:nowrap;font-size:11px;text-shadow:0 1px 10px #000b}.hero-tabs button>span:first-child{font-size:9px}.hero-tabs button[aria-pressed=true]{color:#fff6e2;border-color:#d5bc8e}.hero-tabs button:hover{color:white}.hero-arrows{display:flex;align-items:center;gap:10px;padding-left:22px;border-left:1px solid #fff4;color:#fff0d8}.hero-count{font-size:10px;white-space:nowrap;margin-right:8px;color:#e2d7c2;text-shadow:0 1px 10px #000b}.hero-count #hero-count{font-family:var(--serif);font-size:27px}.hero-arrows button{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid #f3e3c280;background:#0d151247;backdrop-filter:blur(6px);color:#fff1d5;cursor:pointer;transition:background .35s,border-color .35s,color .35s}.hero-arrows button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}.hero-arrows button:hover{background:#d9c096;border-color:#d9c096;color:#1d2420}#hero-prev:hover svg{transform:translateX(-3px)}#hero-next:hover svg{transform:translateX(3px)}.hero-arrows button:focus-visible{outline:2px solid #d9c096;outline-offset:3px}.hero-progress{position:absolute;left:0;right:0;bottom:-9px;height:1px;background:#fff2}.hero-progress span{display:block;height:100%;background:#d9c096;transform-origin:left;transform:scaleX(0)}.hero-ghost{z-index:1;pointer-events:none}
@media(max-width:991px){.hero-controls{left:5%;right:5%;max-width:none;justify-content:space-between;gap:15px}.hero-tabs{gap:17px}.hero-count{display:none}.hero-arrows{gap:8px;padding-left:14px}.hero-tab-label{font-size:10px}}
@media(max-width:600px){.hero{height:94svh;min-height:600px}.hero-picture img{object-position:center}.hero-copy{left:7%;bottom:20%;max-width:85%}.hero-copy p{font-size:11px;line-height:1.6;max-width:250px}.hero-copy h2{font-size:46px}.hero-controls{left:6%;right:6%;bottom:27px;gap:12px}.hero-tabs{flex:1;gap:9px}.hero-tabs button{flex:1;justify-content:center;min-width:0;padding-bottom:10px;min-height:32px}.hero-tabs button>span:first-child{font-size:11px}.hero-tab-label{display:none}.hero-arrows button{width:38px;height:38px}.hero-arrows button svg{width:16px;height:16px}.hero-arrows{padding-left:10px;gap:6px}}
/* Legacy campaign banner has its headline and launch pricing baked into the artwork: keep the left edge (pricing) in view on desktop, and show the whole banner on phones over its own brown background. */
.hero.is-legacy .hero-picture img{object-position:left center}
@media(max-width:600px){.hero.is-legacy .hero-media{background:linear-gradient(#341105,#2e150d)}.hero.is-legacy .hero-picture img{object-fit:contain;object-position:center}}