.hero{background-color:var(--color-background, #FAFAF7);overflow:hidden}.hero__wrapper{display:grid;grid-template-columns:1fr;width:100%;align-items:stretch}@media(min-width:1024px){.hero__wrapper{grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px)}}.hero__content{position:relative;padding:var(--space-16) var(--space-10) var(--space-16) clamp(var(--space-8),10vw,100px);display:flex;flex-direction:column;justify-content:center;z-index:2;max-width:680px}@media(max-width:1023px){.hero__content{padding:var(--space-12) var(--space-6) var(--space-10)}}.hero__bg-botanicals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.038;mix-blend-mode:soft-light}.hero__bg-leaf{position:absolute;color:#1b3b36}.hero__bg-leaf--main{width:400px;height:auto;opacity:.07;top:-65px;right:10px;transform:rotate(6deg)}.hero__bg-leaf--accent{width:230px;height:auto;opacity:.055;bottom:-25px;left:-30px;transform:rotate(-32deg)}.hero__content:before{content:"";position:absolute;top:5%;left:15%;width:65%;aspect-ratio:1;background:radial-gradient(ellipse at 40% 40%,rgba(224,123,76,.07) 0%,rgba(224,123,76,.025) 45%,transparent 72%);border-radius:50%;z-index:-1;pointer-events:none}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:#e07b4c1a;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:8px var(--space-5);border-radius:100px;border:1px solid rgba(224,123,76,.3);margin-bottom:var(--space-10);width:fit-content}.hero__badge-dot{width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;flex-shrink:0}.hero__heading{font-family:var(--font-heading);font-size:clamp(3.4rem,5.5vw,6rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--color-text);margin:0 0 var(--space-8)}.hero__heading-line{display:block;opacity:0;animation:hero-slide-up .7s cubic-bezier(.16,1,.3,1) forwards}.hero__heading-line:nth-child(1){animation-delay:.05s}.hero__heading-line:nth-child(2){animation-delay:.18s}.hero__heading-line:nth-child(3){animation-delay:.31s}@keyframes hero-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero__heading-accent{display:inline;font-style:italic;color:var(--color-primary);font-weight:800;opacity:0;animation:hero-slide-up .7s cubic-bezier(.16,1,.3,1) .18s forwards}.hero__body{font-size:var(--text-lg);line-height:1.7;color:var(--color-text-muted);margin:0 0 var(--space-8);max-width:500px;opacity:0;animation:hero-fade .6s ease .4s forwards}@keyframes hero-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero__rating{display:flex;align-items:center;gap:var(--space-3);margin-top:0;margin-bottom:var(--space-8);opacity:0;animation:hero-fade .6s ease .65s forwards}.hero__stars{display:flex;gap:2px;color:#f59e0b}.hero__rating-text{font-size:var(--text-base);color:var(--color-text-muted)}.hero__rating-text strong{color:var(--color-text);font-weight:600}.hero__ctas{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;opacity:0;animation:hero-fade .6s ease .56s forwards}.hero__btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-secondary);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;padding:var(--space-5) var(--space-10);border-radius:100px;text-decoration:none;transition:background-color .2s,transform .2s}.hero__btn-primary:hover{background-color:#142e2a;transform:translateY(-2px)}.hero__btn-secondary{display:inline-flex;align-items:center;color:var(--color-text);font-size:var(--text-base);font-weight:500;text-decoration:none;border-bottom:1.5px solid var(--color-text);padding-bottom:2px;transition:color .2s,border-color .2s}.hero__btn-secondary:hover{color:var(--color-primary);border-color:var(--color-primary)}.hero__categories{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid rgba(0,0,0,.08);opacity:0;animation:hero-fade .6s ease .65s forwards}.hero__category-link{display:inline-flex;align-items:center;background-color:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-5);border-radius:100px;text-decoration:none;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s}.hero__category-link:hover{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.hero__media{position:relative;min-height:560px;overflow:hidden;align-self:stretch;background-color:#e8f0ee;border-radius:20px}@media(max-width:1023px){.hero__media{min-height:400px}}.hero__media-bg{position:absolute;bottom:-10%;right:-15%;width:85%;aspect-ratio:1;background:radial-gradient(ellipse at 40% 60%,#c8ddd8 0%,#d8e8e4 40%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.hero__media-arc{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.hero__media-arc:before{content:"";position:absolute;top:8%;left:-20%;width:80%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(27,59,54,.08)}.hero__media-arc:after{content:"";position:absolute;top:20%;left:-30%;width:100%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(27,59,54,.05)}.hero__plant-main{position:absolute;bottom:0;right:0;left:0;top:0;z-index:3;opacity:0;animation:hero-plant-up .9s cubic-bezier(.16,1,.3,1) .45s forwards;margin:0;padding:0}@keyframes hero-plant-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.hero__plant-main img{width:100%;height:100%;display:block;object-fit:cover;object-position:66% center;margin:0;padding:0}@keyframes hero-pill-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes hero-pill-float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hero-pill-float-b{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hero-pill-float-c{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__pill{position:absolute;z-index:5;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;padding:10px 18px 10px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f;border:1.5px solid rgba(255,255,255,.85);opacity:0;white-space:nowrap;cursor:default;transition:box-shadow .25s ease,border-color .25s ease,background .25s ease}.hero__pill:hover{background:#fff;box-shadow:0 12px 40px #0000002e,0 2px 8px #00000014;border-color:#e07b4c73;animation-play-state:paused}.hero__pill--1{top:22%;left:8%;animation:hero-pill-in .5s ease 1s forwards,hero-pill-float-a 4s ease-in-out 1.5s infinite}.hero__pill--2{top:46%;left:4%;animation:hero-pill-in .5s ease 1.15s forwards,hero-pill-float-b 4.8s ease-in-out 1.65s infinite}.hero__pill--3{bottom:22%;left:6%;animation:hero-pill-in .5s ease 1.3s forwards,hero-pill-float-c 3.8s ease-in-out 1.8s infinite}.hero__pill-icon{width:32px;height:32px;border-radius:50%;background-color:#1b3b361a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);transition:background-color .2s ease,color .2s ease,transform .2s ease}.hero__pill:hover .hero__pill-icon{background-color:var(--color-primary);color:#fff;transform:scale(1.1)}.hero__pill strong{display:block;font-size:.74rem;font-weight:700;color:var(--color-text);line-height:1.2}.hero__pill span{font-size:.64rem;color:var(--color-text-muted);line-height:1.2}.hero__pill div{display:flex;flex-direction:column}.hero__pill-detail{display:block;font-size:.6rem;color:var(--color-primary);font-weight:600;letter-spacing:.02em;max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease;line-height:1.3}.hero__pill:hover .hero__pill-detail{max-height:20px;opacity:1;margin-top:3px}@media(max-width:1023px){.hero__pill{display:none}}@media(prefers-reduced-motion:reduce){.hero__pill--1,.hero__pill--2,.hero__pill--3{animation:hero-pill-in .3s ease .5s forwards}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hero.css.map */