.shop-hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px;margin:24px 24px 0;border-radius:24px;background:#060609;color:#fff;display:flex;align-items:center}
.shop-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;z-index:-3;animation:hero-drift 14s ease-in-out infinite alternate;will-change:transform}
.shop-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,3,7,.8),rgba(3,3,7,.1) 54%,transparent 75%)}
.shop-hero-glow{position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.5;background:radial-gradient(ellipse at 76% 48%,#1687ca50,transparent 36%),radial-gradient(ellipse at 80% 80%,#fb65202b,transparent 30%);mix-blend-mode:screen;animation:hero-light 8s ease-in-out infinite alternate}
.shop-hero-copy{padding:72px 5.5%;max-width:58%;position:relative;z-index:2}
.shop-hero-kicker{font-size:12px;letter-spacing:.22em;font-weight:800;color:#85d9ff;margin:0 0 26px}
.shop-hero h1{font-size:clamp(54px,6.6vw,108px);line-height:.94;letter-spacing:-.06em;font-weight:900;margin:0 0 26px;color:#fff;max-width:700px}
.shop-hero h1 span{color:#c49af0}
.shop-hero-description{font-size:18px;line-height:1.6;max-width:360px;color:#d6d4df;margin:0 0 30px}
.shop-hero-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.shop-hero-primary{display:inline-flex;align-items:center;gap:26px;background:#fff;color:#111;padding:17px 24px;border-radius:999px;font-weight:800;transition:background .2s,transform .2s}
.shop-hero-primary:hover{background:#c9eefa;transform:translateY(-2px)}
.shop-hero-secondary{color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:15px}
.shop-hero-caption{position:absolute;right:32px;bottom:32px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#e0d7eb}
.shop-hero-motion{position:absolute;right:22px;top:22px;z-index:4;background:#09091399;color:#fff;border:1px solid #ffffff50;border-radius:999px;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(8px)}
.shop-hero a:focus-visible,.shop-hero button:focus-visible{outline:3px solid #88dfff;outline-offset:5px}
.shop-hero[data-paused="true"] .shop-hero-art,.shop-hero[data-paused="true"] .shop-hero-glow{animation-play-state:paused}
@keyframes hero-drift{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.7%,-.4%,0)}}
@keyframes hero-light{from{opacity:.25;transform:translate3d(-1%,0,0)}to{opacity:.7;transform:translate3d(2%,-2%,0)}}
@media(min-width:1600px){.shop-hero{min-height:720px}.shop-hero-copy{max-width:50%}}
@media(max-width:800px){.shop-hero{min-height:760px;margin:12px 12px 0;border-radius:18px;align-items:flex-start}.shop-hero-art{object-fit:cover;object-position:72% bottom;height:62%;top:auto;bottom:0}.shop-hero:before{background:linear-gradient(180deg,#060609 0%,#060609 31%,#06060988 50%,transparent 69%)}.shop-hero-copy{padding:54px 26px 0;max-width:100%}.shop-hero h1{font-size:clamp(52px,11vw,78px)}.shop-hero-kicker{margin-bottom:18px;font-size:10px}.shop-hero-description{font-size:15px;max-width:320px;margin-bottom:22px}.shop-hero-motion{top:auto;bottom:20px;right:18px}.shop-hero-caption{left:24px;bottom:24px;right:auto;font-size:9px}.shop-hero-primary{padding:14px 20px}.shop-hero-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.shop-hero-art,.shop-hero-glow{animation:none!important}.shop-hero-primary{transition:none}}