.intro.hero-carousel{display:block;position:relative;padding:32px 38px 62px;min-height:380px;overflow:clip}
.hero-slide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;min-height:266px;position:relative;z-index:1}
.hero-slide[hidden]{display:none!important}
.hero-welcome{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:16px 36px}
.hero-welcome .intro-values{grid-column:1/-1;padding-top:16px;font-size:1.2rem}
.hero-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.1;letter-spacing:-.04em;max-width:650px;color:#fff;margin:0}
.hero-description{font-size:1rem;color:#d5e2fc;line-height:1.5;max-width:460px;margin:16px 0}
.hero-cta{font:inherit;font-size:.9rem;font-weight:700;border:1px solid #ffe079;border-radius:9px;padding:12px 20px;background:#ffcf32;color:#12203d;cursor:pointer}
.hero-products{display:flex;gap:12px;justify-content:center;align-items:center;min-width:0}
.hero-product{margin:0;flex:1;min-width:0;max-width:210px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 12px 28px #06163235}
.hero-product img{display:block;width:100%;height:200px;object-fit:contain}
.hero-product figcaption{text-align:center;color:#23416d;font-family:monospace;font-size:.8rem;padding:6px 0 2px}
.hero-controls{position:absolute;bottom:16px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;z-index:2}
.hero-dots{display:flex;gap:4px}.hero-dot{width:32px;height:28px;border:0;background:transparent;cursor:pointer;padding:9px 4px}
.hero-dot::after{content:'';display:block;height:7px;border-radius:8px;background:#ffffff65}.hero-dot[aria-pressed=true]::after{background:#ffcf32}
.hero-accent{display:block;color:#ffda42}
@media(prefers-reduced-motion:no-preference){.hero-slide:not([hidden]){animation:hero-reveal .45s ease both}@keyframes hero-reveal{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}}
@media(max-width:700px){.intro.hero-carousel{padding:24px 22px 58px;min-height:530px}.hero-slide,.hero-welcome{grid-template-columns:1fr;gap:18px;min-height:448px;align-content:center}.hero-title{font-size:2rem}.hero-description{font-size:.95rem;margin:12px 0}.hero-product img{height:150px}.hero-products{gap:8px}.hero-product{padding:6px}.hero-controls{left:20px;right:20px}.hero-welcome .intro-values{grid-column:1;font-size:1.1rem}.hero-welcome .price-note{font-size:1rem;margin:0}.hero-welcome h1{font-size:2.3rem}}
/* Featured collection: stronger typography and a shared product display. */
.intro.hero-carousel{padding:38px 42px 56px;min-height:410px;background:radial-gradient(ellipse at 70% 0%,#285dd4 0%,transparent 58%),linear-gradient(115deg,#0b1b3e,#1b3f8b 70%,#163574);border:1px solid #5475b5;box-shadow:0 20px 50px #030c2838}
.intro.hero-carousel::before{opacity:.12}
.intro.hero-carousel::after{content:'';position:absolute;width:39%;height:150%;right:-20%;top:-22%;background:#ffcf32;transform:rotate(22deg);z-index:0;pointer-events:none}
.hero-slide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;min-height:310px}
.hero-copy .eyebrow{display:inline-block;margin:0 0 17px;padding:7px 11px;border:1px solid #ffcf3260;border-radius:5px;background:#081f4c55;color:#ffda49;font-size:.72rem;letter-spacing:.16em}
.hero-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
.hero-description{max-width:410px;margin:18px 0 22px}
.hero-cta{font-weight:700;padding:13px 21px;box-shadow:0 5px 0 #b4870c}
.hero-cta::after{content:' →';margin-left:20px}
.hero-cta:hover{background:#ffe477}
.hero-products{gap:0;background:radial-gradient(ellipse at 50% 0%,#fff 10%,#edf3fa 65%,#d8e3f1 100%);border-radius:10px;padding:18px 12px 16px;border:1px solid #ffffffb3;box-shadow:0 16px 30px #030e3733,inset 0 1px 0 #fff;transform:none}
.hero-product{max-width:none;padding:5px 10px;box-shadow:none;transform:none;border-radius:0;background:transparent;text-align:center}
.hero-product+.hero-product{border-left:1px solid #23416d18}
.hero-product img{height:260px;mix-blend-mode:multiply}
.hero-product figcaption{display:inline-flex;flex-direction:column;gap:4px;align-items:center;min-width:84px;max-width:100%;font-family:inherit;font-size:.875rem;line-height:1.2;padding:9px 12px;margin-top:10px;background:#172c50;color:#fff;border:1px solid #35547a;border-top:2px solid #ffcf32;border-radius:6px;box-shadow:0 3px 8px #172c5014}
.hero-code-label{font-size:.625rem;letter-spacing:.14em;color:#b7c8e0}
.hero-code-value{font-size:.875rem;font-weight:600;letter-spacing:.05em;overflow-wrap:anywhere}
.hero-welcome{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:16px 36px}
.hero-welcome h1{font-size:clamp(2rem,3.7vw,3.65rem);font-weight:400;line-height:1.12}
.hero-welcome .price-note{background:#091a4080;border-left:3px solid #ffcf32;padding:22px;border-radius:0 12px 12px 0}
.hero-dot:focus-visible,.hero-cta:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:700px){.intro.hero-carousel{padding:25px 24px 48px;min-height:570px}.intro.hero-carousel::after{right:-39%;width:60%}.hero-slide,.hero-welcome{grid-template-columns:1fr;gap:24px;min-height:490px;align-content:center}.hero-title{font-size:2rem}.hero-description{font-size:.9rem;margin:12px 0 16px}.hero-products{padding:10px 6px 6px;border-radius:10px}.hero-product img{height:180px}.hero-product{padding:3px}.hero-product figcaption{padding-top:5px}.hero-welcome h1{font-size:2.3rem}}