/* Motion enhances an already-visible page; no content depends on animation. */
.storefront .shop-hero{display:block;text-align:center;padding-block:42px 36px;position:relative;isolation:isolate;overflow:hidden}
.storefront .hero-text{max-width:880px;margin:auto;padding:0}
.storefront .hero-text h1{font-size:clamp(44px,6vw,76px);margin-bottom:20px}
.storefront .hero-text>p:not(.eyebrow):not(.hero-price){max-width:580px;margin-inline:auto;font-size:17px}
.storefront .shop-actions{justify-content:center}.storefront .hero-price{margin-top:20px}
.storefront .shop-hero::before,.storefront .shop-hero::after{content:'✳';position:absolute;z-index:-1;line-height:1;pointer-events:none}
.storefront .shop-hero::before{left:2%;top:35%;font-size:76px;color:#2450dd;transform:rotate(-15deg)}
.storefront .shop-hero::after{right:2%;top:18%;font-size:108px;color:#ffb800;transform:rotate(15deg)}
.shelf-intro{font-size:14px;color:#dce5ff;margin:12px 0 0;max-width:530px}
.scroll-reading{position:fixed;left:0;top:0;width:100%;height:3px;border:0;appearance:none;z-index:30;pointer-events:none;background:transparent;color:#f4511e}
.scroll-reading::-webkit-progress-bar{background:transparent}.scroll-reading::-webkit-progress-value{background:#f4511e}.scroll-reading::-moz-progress-bar{background:#f4511e}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.shop-card,.magazine-card{transition:translate .25s ease,box-shadow .25s ease}.shop-card:hover,.magazine-card:hover{translate:0 -5px;box-shadow:0 12px 25px #14244720}.storefront .button{transition:translate .2s ease,background .2s ease}.storefront .button:hover{translate:0 -2px}}
@media(max-width:760px){.storefront .shop-hero{padding-block:28px 24px}.storefront .hero-text h1{font-size:clamp(42px,8vw,58px)}.storefront .hero-text>p:not(.eyebrow):not(.hero-price){font-size:15px}.storefront .shop-hero::before{font-size:27px;left:0;top:12px}.storefront .shop-hero::after{font-size:34px;right:0;top:15px}.storefront .hero-text .eyebrow{padding-inline:35px}.shelf-intro{font-size:13px}.storefront .shop-actions{gap:10px 20px}.storefront .hero-price{font-size:11px}.magazine-preview span{left:8%;right:8%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.scroll-reading{display:none}.shop-card,.magazine-card,.storefront .button{transition:none!important;translate:none!important}}
.storefront .hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:9px;background:#2450dd;color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s,translate .2s}.storefront .hero-secondary:hover{background:#183ab0}@media(hover:hover) and (prefers-reduced-motion:no-preference){.storefront .hero-secondary:hover{translate:0 -2px}}@media(max-width:400px){.storefront .hero-secondary{font-size:12px;padding:12px 17px}}