/* The welcome hero remains slide one; Spotlight is a second, optional slide. */
.hero{isolation:isolate}
.hero-copy,.hero-art{transition:opacity .45s ease,transform .45s ease}
.hero[data-hero-slide="1"] .hero-copy,.hero[data-hero-slide="1"] .hero-art{opacity:0;transform:translateX(-28px);pointer-events:none;visibility:hidden}
.hero-spotlight-slide{position:absolute;inset:18px 24px 56px;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:center;padding:clamp(28px,4vw,54px) clamp(24px,5vw,76px);border:1px solid #b39462;border-radius:26px;background:radial-gradient(circle at 75% 45%,#664a3555,transparent 43%),linear-gradient(120deg,#28232a,#322936 65%,#211e2a);box-shadow:0 22px 70px #0008,0 0 45px #d7a65d24,inset 0 0 0 1px #ffffff0c;opacity:0;transform:translateX(28px);visibility:hidden;pointer-events:none;transition:opacity .45s ease,transform .45s ease,visibility .45s}
.hero[data-hero-slide="1"] .hero-spotlight-slide{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.hero-spotlight-copy{min-width:0;max-height:100%;overflow-y:auto;scrollbar-width:thin;position:relative;z-index:1}
.hero-spotlight-kicker{display:inline-block;color:#f2d393;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.hero-spotlight-copy h2{margin:20px 0 12px;color:#fff;font-size:clamp(38px,4.8vw,72px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere}
.hero-spotlight-copy p{max-width:490px;color:#c7bec8;font-size:15px;line-height:1.7}
.hero-spotlight-byline{display:block;margin:0 0 22px;color:#f1ba99;font-size:15px;font-weight:800}
.hero-spotlight-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.hero-spotlight-art{position:relative;justify-self:center;width:min(400px,100%);aspect-ratio:1;filter:drop-shadow(0 26px 55px #000a)}
.hero-spotlight-art .hero-spotlight-cover{display:block;width:100%;height:100%;object-fit:contain;border:1px solid #f0c98855;border-radius:18px;background:#14131b}
.hero-spotlight-art .cover-fallback{display:grid;place-items:center;color:#fff;font:italic 110px Georgia,serif}
.hero-spotlight-art .award-badge{position:absolute;top:12px;right:12px}
.spotlight-selection-note{display:flex;align-items:flex-start;gap:12px;max-width:490px;margin:20px 0;padding:14px 16px;border:1px solid #d7ad6966;border-radius:13px;background:linear-gradient(115deg,#e8c46816,#ffffff08);box-shadow:inset 0 1px #ffffff12}
.spotlight-selection-symbol{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:#e8c46826;color:#f2d393;font-size:17px}
.spotlight-selection-note>div{display:grid;gap:4px;min-width:0}
.spotlight-selection-note strong{color:#f5d89c;font-size:12px;letter-spacing:.02em}
.spotlight-selection-note span:not(.spotlight-selection-symbol){color:#f3ebe2;font-size:13px;font-weight:700;line-height:1.35}
.spotlight-selection-note small{color:#bfb8bd;font-size:11px;line-height:1.4}
.spotlight-hero-copy .spotlight-selection-note{max-width:560px;margin:22px 0}
.hero-carousel-controls{position:absolute;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:5px 8px;border:1px solid #ffffff2b;border-radius:999px;background:#17161bc9;box-shadow:0 8px 24px #0008;backdrop-filter:blur(12px)}
.hero-carousel-controls.hidden{display:none!important}
.hero-carousel-controls button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:25px;line-height:1}
.hero-carousel-controls button:hover,.hero-carousel-controls button:focus-visible{background:#e9a381;color:#241923}
.hero-carousel-controls .hero-carousel-dot{width:9px;height:9px;background:#ffffff70}
.hero-carousel-controls .hero-carousel-dot.active{width:20px;border-radius:99px;background:#e9a381}
@media(max-width:800px){.hero-spotlight-slide{inset:12px 14px 54px;grid-template-columns:1fr 1fr;padding:26px}.hero-spotlight-copy h2{font-size:clamp(31px,5vw,54px)}.hero-spotlight-art{width:min(280px,100%)}}
@media(max-width:600px){.hero-spotlight-slide{inset:10px 10px 54px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:23px 18px 18px;border-radius:18px}.hero-spotlight-copy h2{font-size:clamp(31px,9vw,46px);margin:10px 0 4px}.hero-spotlight-copy p{font-size:12px;margin:0}.hero-spotlight-byline{font-size:12px;margin-bottom:5px}.hero-spotlight-actions{margin-top:12px}.hero-spotlight-actions .btn{min-height:38px}.hero-spotlight-art{width:min(36vh,50vw,205px)}.spotlight-selection-note{gap:8px;margin:10px 0;padding:9px}.spotlight-selection-symbol{width:24px;height:24px;font-size:14px}.spotlight-selection-note strong{font-size:11px}.spotlight-selection-note span:not(.spotlight-selection-symbol){font-size:12px}.spotlight-selection-note small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-art,.hero-spotlight-slide{transition:none}}
