.hero{position:relative;isolation:isolate;padding-block-end:clamp(4rem,10vh,8rem);overflow:clip}.hero__shell{position:relative;z-index:1}.hero__grid{align-items:center;row-gap:clamp(2.5rem,6vw,4rem)}.hero__copy{grid-column:1 / span 6;display:grid;gap:1.75rem;align-content:start;padding-inline-start:clamp(0rem,1.5vw,1.5rem)}.hero__heading{margin-inline-start:-.04em}.hero__lead{max-width:38ch}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-block-start:.5rem}.hero__badges{--cluster-gap: .75rem}.hero__facts{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,3rem);margin:.75rem 0 0;padding-block-start:1.75rem;border-block-start:1px solid var(--rule)}.hero__fact dt{margin:0}.hero__fact dd{margin:.25rem 0 0;font-size:var(--step-micro);letter-spacing:.06em;text-transform:uppercase}.hero__figure{grid-column:8 / span 5;margin:0;position:relative}.hero__media{position:relative;display:grid;place-items:center}.hero__glow{position:absolute;top:6%;right:-12%;bottom:10%;left:-12%;z-index:0;border-radius:50%;background:radial-gradient(52% 46% at 50% 46%,var(--brand-wash) 0%,transparent 72%),radial-gradient(38% 34% at 66% 70%,rgba(255,174,127,.18) 0%,transparent 74%);filter:blur(6px);transition:background var(--theme-fade) var(--ease-in-out)}.hero__img{position:relative;z-index:1;inline-size:100%;block-size:auto;filter:drop-shadow(0 34px 46px rgba(39,39,42,.18))}.hero__caption{margin-block-start:.9rem;font-size:var(--step-micro);text-align:end}.hero__cue{position:absolute;inset-block-end:1.75rem;inset-inline-start:var(--gutter);display:flex;align-items:center;gap:.85rem;font-size:var(--step-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;z-index:1}.hero__cue-line{inline-size:3.5rem;block-size:1px;background:currentColor;transform-origin:left;animation:cue-draw 2.4s var(--ease-in-out) infinite}@keyframes cue-draw{0%,to{transform:scaleX(.35);opacity:.4}50%{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){.hero__cue-line{animation:none}}@media(max-width:900px){.hero__copy{grid-column:1 / -1;padding-inline-start:0}.hero__figure{grid-column:1 / -1}.hero__media{max-inline-size:26rem;margin-inline:auto}.hero__cue{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero.css.map */