.storefront-hero{position:relative;width:100%;overflow:hidden;height:65vh;min-height:480px;background:var(--snapdragon-1000)}.storefront-hero__stage{position:absolute;inset:0;background:var(--snapdragon-1000)}.storefront-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-out}.storefront-hero__image[data-loaded=true]{opacity:1}.storefront-hero__overlay{position:absolute;inset:0;background:linear-gradient(-62deg,color-mix(in srgb,var(--snapdragon-1000) 60%,transparent) 0,color-mix(in srgb,var(--snapdragon-1000) 38%,transparent) 52%,color-mix(in srgb,var(--snapdragon-1000) 14%,transparent) 100%);transition:background 1.2s ease-out}.storefront-hero__overlay[data-loaded=true]{background:linear-gradient(-62deg,color-mix(in srgb,var(--snapdragon-1000) 92%,transparent) 0,color-mix(in srgb,var(--snapdragon-1000) 55%,transparent) 52%,color-mix(in srgb,var(--snapdragon-1000) 18%,transparent) 100%)}.storefront-hero__content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:var(--rail-max);margin:0 auto;padding-inline:var(--rail-pad);padding-block:clamp(1.5rem,4vh,3rem)}.storefront-hero__block{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.75rem,1.4vh,1.15rem);max-width:44ch}.storefront-hero__cta-slot{margin-top:clamp(.6rem,1.4vh,1.25rem)}.storefront-hero__badge{display:inline-flex;align-self:flex-start;padding:.125rem .75rem;border-radius:9999px;background:var(--snapdragon-50);color:var(--snapdragon-1000);font-size:.75rem;line-height:1.625;white-space:nowrap}.storefront-hero__title{margin:0;color:var(--snapdragon-50);font-family:var(--font-sans);font-weight:400;line-height:1.15;font-size:clamp(1.75rem,.75rem + 2.2vw,2.75rem)}.storefront-hero__subtitle{margin:0;color:var(--snapdragon-100);font-weight:400;line-height:1.625;font-size:clamp(1rem,.55rem + .9vw,1.3125rem)}.storefront-hero__cta{display:inline-block;background:var(--snapdragon-50);color:var(--snapdragon-1000);border-radius:999px;padding:clamp(.7rem,1vw,.9rem) clamp(1.35rem,2.2vw,1.9rem);font-size:clamp(.9rem,.7rem + .35vw,1.0625rem);line-height:1;text-decoration:none;transition:transform .2s ease-out,background .2s ease-out}.storefront-hero__cta:hover{background:var(--snapdragon-200);transform:translateY(-1px)}.storefront-hero__cta:focus-visible{outline:2px solid var(--snapdragon-50);outline-offset:3px}.storefront-hero__skeleton{border-radius:.5rem;background:color-mix(in srgb,var(--snapdragon-50) 8%,transparent);animation:storefront-hero-pulse 1.6s ease-in-out infinite}.storefront-hero__skeleton--badge{align-self:flex-start;width:3.5rem;height:1.5rem;border-radius:9999px}.storefront-hero__skeleton--title{width:min(22rem,70%);height:clamp(2rem,.5rem + 5vw,4.5rem)}.storefront-hero__skeleton--sub{width:min(34rem,88%);height:clamp(2rem,.5rem + 4vw,4rem)}.storefront-hero__skeleton--cta{width:12.5rem;height:clamp(3.1rem,.5rem + 4vw,4.6rem);border-radius:.75rem}@keyframes storefront-hero-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (min-width:640px){.storefront-hero__content{padding:2rem 2.5rem}.storefront-hero__badge{font-size:.875rem}}@media (min-width:768px){.storefront-hero__content{padding:2.5rem 3.5rem}}@media (min-width:1024px){.storefront-hero__content{padding:2.5rem 4rem}}@media (prefers-reduced-motion:reduce){.storefront-hero__cta,.storefront-hero__image,.storefront-hero__overlay{transition:none}.storefront-hero__skeleton{animation:none}}