@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&display=swap";:root{--background: hsl(40, 33%, 96%);--foreground: hsl(220, 20%, 20%);--card: hsl(40, 40%, 98%);--card-foreground: hsl(220, 20%, 20%);--primary: hsl(210, 25%, 45%);--primary-foreground: hsl(40, 33%, 96%);--secondary: hsl(10, 40%, 88%);--secondary-foreground: hsl(220, 20%, 20%);--muted: hsl(40, 20%, 90%);--muted-foreground: hsl(220, 10%, 45%);--accent: hsl(43, 60%, 65%);--accent-foreground: hsl(220, 20%, 20%);--border: hsl(40, 20%, 85%);--cream: hsl(40, 33%, 96%);--blush: hsl(10, 40%, 88%);--mist-blue: hsl(210, 25%, 45%);--soft-gold: hsl(43, 60%, 65%);--parchment: hsl(40, 40%, 92%);--deep-slate: hsl(220, 20%, 20%);--radius: .75rem}body.dark{--background: hsl(220, 20%, 12%);--foreground: hsl(40, 33%, 96%);--card: hsl(220, 20%, 15%);--card-foreground: hsl(40, 33%, 96%);--primary: hsl(210, 35%, 60%);--primary-foreground: hsl(220, 20%, 12%);--secondary: hsl(10, 30%, 25%);--secondary-foreground: hsl(40, 33%, 96%);--muted: hsl(220, 15%, 20%);--muted-foreground: hsl(40, 20%, 70%);--accent: hsl(43, 50%, 55%);--border: hsl(220, 15%, 25%)}*{box-sizing:border-box;border-color:var(--border)}body{margin:0;background-color:var(--background);color:var(--foreground);font-family:Lora,serif;line-height:1.6;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;margin:0}.font-heading{font-family:Playfair Display,serif}.font-body{font-family:Lora,serif}.text-muted{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.bg-parchment{background-color:var(--parchment)}.bg-blush{background-color:var(--blush)}.bg-card{background-color:var(--card)}.text-shadow-soft{text-shadow:0 2px 10px rgba(0,0,0,.3)}.bg-mist-overlay{background:linear-gradient(to bottom,#fff8eb1a,#fff8eb66,#fff8ebe6)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;display:block!important}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#f1ece44d,#f1ece480,#f1ece4f2);z-index:1;display:block!important}.hero-content{position:relative;z-index:2;max-width:900px;padding:0 24px;text-align:center;animation:fadeIn 1.2s ease forwards}.hero-title{font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:0 4px 12px rgba(0,0,0,.25)}@media(min-width:768px){.hero-title{font-size:72px}}@media(min-width:1024px){.hero-title{font-size:96px}}.hero-subtitle{font-size:20px;font-style:italic;color:#8a5128;margin-bottom:24px}@media(min-width:768px){.hero-subtitle{font-size:24px}}.hero-taglines{margin-bottom:40px}.hero-tagline,.hero-taglines p{font-size:18px;color:#000000e6}.hero-tagline+.hero-tagline{margin-top:8px}@media(min-width:768px){.hero-tagline,.hero-taglines p{font-size:20px}}.hero-actions{display:flex;flex-direction:column;gap:16px;justify-content:center}@media(min-width:640px){.hero-actions{flex-direction:row}}.hero-button{display:inline-block;font-size:18px;padding:24px 32px;border-radius:999px;text-decoration:none;transition:all .25s ease;font-weight:500;line-height:0;display:flex;align-items:center}.hero-button-primary{background:#8a5128;color:#fff;box-shadow:0 8px 20px #00000026}.hero-button-primary:hover{background:#8a5128e6;box-shadow:0 12px 28px #0003}.hero-button-outline{border:2px solid #8a5128;color:#8a5128}.hero-button-outline:hover{background:#8a51281a}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:2;animation:float 2.5s ease-in-out infinite}.scroll-mouse{width:24px;height:40px;border:2px solid #8a512880;border-radius:999px;display:flex;justify-content:center}.scroll-dot{width:4px;height:12px;background:#8a512880;border-radius:999px;margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kid-hero-section.css.map */