.hero--homepage{padding:var(--space-section-xl) 0;background:var(--gradient-watercolor-hero);position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center;grid-column:1 / -1}.hero__background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero__accent{position:absolute;border-radius:50%;opacity:var(--opacity-80);filter:blur(var(--blur-sm))}.hero__accent--sage{width:350px;height:350px;background:radial-gradient(circle,rgba(180,212,85,.08) 0%,transparent 65%);top:-5%;right:15%;animation:float-slow 25s ease-in-out infinite}.hero__accent--cream{width:280px;height:280px;background:radial-gradient(circle,rgba(250,218,94,.06) 0%,transparent 70%);bottom:10%;left:10%;animation:float-slow 30s ease-in-out infinite 8s}.hero__accent--forest{width:200px;height:200px;background:radial-gradient(circle,rgba(80,125,42,.05) 0%,transparent 75%);top:60%;left:35%;animation:float-slow 22s ease-in-out infinite 15s}.hero__container{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-layout-xl);align-items:center;position:relative;z-index:var(--z-10)}.hero__badge{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.hero__badge span{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);color:var(--brand-700);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.hero__title{font-size:var(--font-size-display-lg);line-height:var(--line-height-display-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-6) 0;letter-spacing:var(--letter-spacing-display-lg)}.hero__text{font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.hero__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-6);margin-bottom:var(--space-8);padding:var(--space-6);background:#fff6;border-radius:var(--radius-organic-lg);border:1px solid rgba(180,212,85,.1)}.hero__feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-organic-sm);transition:var(--transition-colors)}.hero__feature:hover{background:#b4d4550d}.hero__icon{font-size:var(--font-size-display-xs);line-height:1;margin-bottom:var(--space-1)}.hero__label{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.hero__actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.hero__social{display:flex;flex-direction:column;gap:var(--space-6)}.hero__reviews{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3)}.hero__stars{font-size:var(--font-size-text-lg);line-height:1;letter-spacing:1px}.hero__rating{font-size:var(--font-size-text-sm);color:var(--text-secondary)}.hero__rating strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.hero__shipping{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}.hero__shipping .hero__icon{font-size:var(--font-size-text-lg);line-height:1;color:var(--text-secondary)}.hero__shipping .hero__text{font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.hero__media{position:relative;display:flex;justify-content:center;align-items:center}.hero__showcase{position:relative;width:100%;max-width:500px}.hero__image{border-radius:var(--radius-organic-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative;z-index:var(--z-30);transition:var(--transition-transform)}.hero__image:hover{transform:scale(1.02)}.hero__image img{width:100%;height:auto;display:block}.hero__floats{position:absolute;top:0;left:0;right:0;bottom:0}.hero__float{position:absolute;border-radius:var(--radius-organic-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--bg-paper);padding:var(--space-2);transition:var(--transition-transform)}.hero__float:hover{transform:scale(1.05)}.hero__float--brush{top:-20px;left:-40px;width:80px;z-index:var(--z-20);animation:float 6s var(--ease-watercolor) infinite}.hero__float--palette{bottom:40px;right:-60px;width:120px;z-index:var(--z-10);animation:float 6s var(--ease-watercolor) infinite 2s}.hero__float--artwork{top:20px;right:-80px;width:100px;z-index:var(--z-20);animation:float 6s var(--ease-watercolor) infinite 4s}.hero__float img{width:100%;height:auto;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-10px) scale(1.05)}66%{transform:translate(-10px,10px) scale(.95)}}@media (max-width: 1024px){.hero__container{grid-template-columns:1fr;gap:var(--space-layout-lg);text-align:center}.hero__media{order:-1}.hero__float{display:none}.hero__features,.hero__actions,.hero__social{justify-content:center}}@media (max-width: 768px){.hero--homepage{padding:var(--space-section-md) 0;min-height:auto}.hero__title{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);letter-spacing:var(--letter-spacing-display-md)}.hero__text{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg)}.hero__features{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.hero__feature{flex-direction:row;text-align:left;justify-content:flex-start}.hero__icon{font-size:var(--font-size-text-xl)}.hero__actions{flex-direction:column;align-items:center;width:100%}.hero__actions .btn{width:100%;max-width:300px;min-height:44px}.hero__social{gap:var(--space-4)}.hero__reviews,.hero__shipping{justify-content:center}.hero__accent{display:none}}@media (prefers-reduced-motion: reduce){.hero__float,.hero__accent{animation:none}.hero__image:hover{transform:none}}.hero__actions .btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-contrast: high){.hero__title{color:var(--color-black)}.hero__text{color:var(--gray-800)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-homepage-hero.css.map */