.hero-banner{position:relative;overflow:hidden;text-align:center;padding:clamp(60px,8vw,100px) var(--gutter);background-color:var(--color-surface-warm);background-image:var(--gradient-hero-banner)}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none;z-index:0;background-position:center bottom;background-size:contain;background-repeat:no-repeat}.hero-banner .eyebrow{position:relative;z-index:1;font-size:12px;letter-spacing:2.5px;margin:0 0 var(--space-4)}.hero-banner h1{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.15;color:var(--color-text-primary);max-width:700px;margin:0 auto}.hero-banner-subtitle{position:relative;z-index:1;font-size:clamp(15px,1.8vw,18px);color:var(--color-text-secondary);line-height:1.7;max-width:520px;margin:var(--space-5) auto 0}.doodle{position:absolute;z-index:0;pointer-events:none}.doodle--swirl{width:72px;top:15%;left:8%;opacity:.5;animation:doodle-float 8s ease-in-out infinite alternate}.doodle--flower{width:36px;top:25%;right:10%;opacity:.45;animation:doodle-spin 20s linear infinite}.doodle--star{width:28px;bottom:20%;left:14%;opacity:.4;animation:doodle-wobble 4s ease-in-out infinite alternate}.doodle--sparkle{width:24px;bottom:30%;right:15%;opacity:.35;animation:doodle-twinkle 3s ease-in-out infinite alternate}.doodle--splat{width:48px;top:40%;right:5%;opacity:.15}@keyframes doodle-float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-18px) rotate(6deg)}}@keyframes doodle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes doodle-wobble{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes doodle-twinkle{0%{transform:scale(1);opacity:.35}to{transform:scale(1.3);opacity:.6}}@media(prefers-reduced-motion:reduce){.doodle{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/hero-banner.css.map */
