.wg-hero{position:relative;overflow:hidden;padding:100px 0;background:linear-gradient(180deg,#fff,#fafcfc)}.wg-hero:before{content:"";position:absolute;top:-350px;right:-250px;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(15,91,58,.08),transparent 70%);pointer-events:none}.wg-hero__grid{display:grid;grid-template-columns:minmax(0,620px) 1fr;align-items:center;gap:80px;min-height:720px}.wg-hero__content{max-width:620px;z-index:2}.wg-hero__eyebrow{display:inline-flex;align-items:center;margin-bottom:24px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wg-green)}.wg-hero__eyebrow:before{content:"";width:48px;height:1px;margin-right:16px;background:var(--wg-green);opacity:.35}.wg-hero__title{margin:0;font-size:clamp(54px,6vw,82px);line-height:.94;letter-spacing:-.05em;font-weight:700;color:var(--wg-heading);max-width:10ch}.wg-hero__description{margin-top:30px;font-size:18px;line-height:1.9;color:var(--wg-text);max-width:520px}.wg-hero__buttons{display:flex;align-items:center;gap:16px;margin-top:36px;flex-wrap:wrap}.wg-btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 30px;border-radius:999px;background:#fff;border:1px solid rgba(15,91,58,.1);font-weight:600;transition:var(--transition)}.wg-btn-secondary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #00000014}.wg-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;height:760px}.wg-hero__background-glow{position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(233,244,239,.95) 0%,rgba(233,244,239,.45) 55%,transparent 75%);filter:blur(35px)}.wg-hero__product{position:relative;z-index:3;width:min(760px,100%)}.wg-hero__product-image{display:block;width:100%;height:auto;filter:drop-shadow(0 45px 65px rgba(15,23,42,.08)) drop-shadow(0 90px 120px rgba(15,91,58,.1));transition:transform .6s cubic-bezier(.22,.61,.36,1)}.wg-hero:hover .wg-hero__product-image{transform:translateY(-8px) scale(1.02)}.wg-hero__badge{position:absolute;width:260px;padding:26px;border-radius:26px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(15,91,58,.08);box-shadow:var(--shadow-lg);z-index:5;transition:transform .35s ease,box-shadow .35s ease}.wg-hero__badge:hover{transform:translateY(-6px);box-shadow:0 40px 80px #0f172a24}.wg-hero__badge--top{top:8%;left:0}.wg-hero__badge--bottom{bottom:8%;right:0}.wg-hero__badge-label{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wg-green)}.wg-hero__badge strong{display:block;margin-bottom:12px;font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--wg-heading)}.wg-hero__badge p{margin:0;font-size:15px;line-height:1.7;color:var(--wg-text)}.wg-hero__content{animation:wgFadeUp .8s cubic-bezier(.22,.61,.36,1)}.wg-hero__visual{animation:wgFadeRight 1s cubic-bezier(.22,.61,.36,1)}@keyframes wgFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes wgFadeRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.wg-hero:hover .wg-hero__badge--top{transform:translateY(-10px) rotate(-2deg)}.wg-hero:hover .wg-hero__badge--bottom{transform:translateY(-10px) rotate(2deg)}@media(max-width:1400px){.wg-hero{padding:100px 0}.wg-hero__grid{gap:60px}.wg-hero__visual{height:650px}.wg-hero__product{width:620px}.wg-hero__badge{width:230px;padding:22px}}@media(max-width:1024px){.wg-hero{padding:80px 0}.wg-hero__grid{grid-template-columns:1fr;gap:70px}.wg-hero__content{max-width:620px;margin:auto;text-align:center}.wg-hero__buttons{justify-content:center}.wg-hero__visual{height:600px}.wg-hero__badge{display:none}}@media(max-width:767px){.wg-hero{padding:64px 0}.wg-hero__title{font-size:38px;line-height:1}.wg-hero__description{font-size:16px}.wg-hero__buttons{flex-direction:column}.wg-hero__buttons .wg-btn,.wg-btn-secondary{width:100%}.wg-hero__visual{height:420px}.wg-hero__product{width:100%;max-width:360px}}.wg-hero__product-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;backface-visibility:hidden;will-change:transform}.wg-hero a:focus-visible{outline:2px solid var(--wg-green);outline-offset:4px}@media(prefers-reduced-motion:reduce){.wg-hero *{animation:none!important;transition:none!important}}.wg-hero__content,.wg-hero__visual{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/wg-hero.css.map */
