.hero{position:relative;padding:clamp(70px,11vw,140px) 0 clamp(56px,8vw,96px);overflow:hidden}.hero .container{position:relative;z-index:2;text-align:center}.hero-glow{position:absolute;left:50%;top:-10%;width:1100px;height:620px;transform:translate(-50%);pointer-events:none;z-index:1;background:radial-gradient(50% 50% at 50% 50%,rgba(var(--accent-rgb),.3),transparent 70%);filter:blur(10px);transition:background var(--dur) var(--ease)}[data-theme=light] .hero-glow{top:-20%;height:760px;background:radial-gradient(55% 60% at 50% 40%,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.045) 46%,transparent 72%);filter:blur(26px)}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px}.hero .eyebrow:before,.hero .eyebrow:after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.hero .eyebrow:after{background:linear-gradient(90deg,var(--accent),transparent)}.hero h1{font-family:var(--font-display);font-weight:800;font-size:var(--t-hero);line-height:1.02;letter-spacing:-.025em;margin:22px auto 0;max-width:16ch}.hero p.sub{margin:22px auto 0;max-width:56ch;color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.6}.hero .cta-row{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero .trust{margin-top:30px;display:inline-flex;align-items:center;gap:12px;color:var(--text-faint);font-size:13px}.hero .trust .stars{color:var(--accent)}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(70% 60% at 50% 42%,rgba(8,9,12,calc(var(--scrim,.62) * .72)),transparent 74%),linear-gradient(180deg,rgba(8,9,12,calc(var(--scrim,.62) * .78)) 0%,rgba(8,9,12,var(--scrim,.62)) 55%,rgba(8,9,12,var(--scrim,.62)) 72%,var(--bg) 100%)}.hero.has-media .eyebrow{color:#f4f5f7bd}.hero.has-media h1{color:#f4f5f7}.hero.has-media p.sub{color:#f4f5f7db}.hero.has-media .trust{color:#f4f5f79e}.hero.has-media .hero-glow{opacity:.42}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hero.css.map */