.gn-hero{--hero-pt: 30px;--hero-pb: 38px;--hero-min: 655px;--hero-art-h: 590px;--hero-copy-max: 550px;--hero-swatch-dot: 22px;--hero-pad-copy: 12px 0 20px;padding-top:var(--hero-pt);padding-bottom:var(--hero-pb);overflow:clip}.gn-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:var(--gn-sp-6);align-items:center;min-height:calc(var(--hero-min) - var(--hero-pt) - var(--hero-pb))}.gn-hero__copy{position:relative;z-index:2;max-width:var(--hero-copy-max);padding:var(--hero-pad-copy)}.gn-hero .gn-hero__eyebrow{margin:0 0 var(--gn-sp-15);color:var(--gn-scheme-foreground)}.gn-hero__title{max-width:var(--hero-copy-max);margin:0;text-wrap:balance}.gn-hero__hl{position:relative;display:inline-block;white-space:nowrap;isolation:isolate}.gn-hero__hl:after{content:"";position:absolute;z-index:-1;left:3%;right:-3%;bottom:-5px;height:7px;border-radius:60%;background:color-mix(in srgb,var(--gn-color-sage-600) 28%,var(--gn-color-bg));transform:rotate(-3deg)}.gn-hero__lede{max-width:390px;margin-top:var(--gn-sp-12);font-size:var(--gn-fs-lead);line-height:var(--gn-lh-lead);color:var(--gn-color-ink-2)}.gn-hero__actions{display:flex;align-items:center;gap:var(--gn-sp-10);margin-top:var(--gn-sp-12)}.gn-hero__actions .gn-btn{min-width:216px;justify-content:space-between;gap:var(--gn-sp-14);font-size:var(--gn-fs-ui)}.gn-hero__from{font-size:var(--gn-fs-xs);line-height:1.8;color:var(--gn-scheme-muted-foreground);white-space:nowrap}.gn-hero__from strong{font-weight:600;color:var(--gn-scheme-foreground)}.gn-hero__palette{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gn-sp-1) var(--gn-sp-5);margin-top:var(--gn-sp-7)}.gn-hero__swatches{display:flex;margin:0;padding:0;list-style:none}.gn-hero__sw{display:grid;place-items:center;width:var(--gn-tap-min);height:var(--gn-tap-min);border-radius:var(--gn-radius-round)}.gn-hero__sw[aria-current=true]:before{box-shadow:0 0 0 2px var(--gn-scheme-background),0 0 0 4px var(--gn-color-ink)}.gn-hero__sw:before{content:"";width:var(--hero-swatch-dot);height:var(--hero-swatch-dot);border-radius:var(--gn-radius-round);background:var(--gn-swatch-color);border:2px solid var(--gn-scheme-background);box-shadow:var(--gn-shadow-ring)}@media(prefers-reduced-motion:no-preference){.gn-hero__sw:before{transition:transform var(--gn-dur-fast)}}@media(hover:hover){.gn-hero__sw:hover:before{transform:translateY(-4px)}}.gn-hero__palette-note{margin:0;font-size:var(--gn-fs-xs);line-height:1.5;color:var(--gn-scheme-muted-foreground)}.gn-hero__art{position:relative;isolation:isolate;min-width:0;height:var(--hero-art-h)}.gn-hero__halo{position:absolute;display:block;z-index:-1;top:38px;right:0;bottom:40px;left:18px;border-radius:var(--gn-radius-round);background:var(--gn-color-surface);transform:rotate(-12deg)}.gn-hero__orbits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.gn-hero__orbits:before,.gn-hero__orbits:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--gn-color-sage-600) 29%,transparent);border-radius:var(--gn-radius-round)}.gn-hero__orbits:before{top:7%;right:2%;bottom:13%;left:2%;transform:rotate(-25deg)}.gn-hero__orbits:after{top:13%;right:0;bottom:17%;left:0;transform:rotate(17deg);border-color:color-mix(in srgb,var(--gn-color-sage-600) 18%,transparent)}.gn-hero__drift{z-index:1;position:absolute;top:8px;right:3%;bottom:0;left:0;transform-origin:50% 60%}.gn-hero__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 17px 14px color-mix(in srgb,var(--gn-color-ink) 13%,transparent))}.gn-hero__note{z-index:2;position:absolute;top:0;right:4%;font-size:var(--gn-fs-eyebrow);letter-spacing:var(--gn-ls-caps);line-height:1.7;text-align:center;text-transform:uppercase;transform:rotate(7deg)}.gn-hero__pill{z-index:2;position:absolute;left:1%;bottom:36px;display:flex;align-items:center;gap:var(--gn-sp-5);padding:var(--gn-sp-4) var(--gn-sp-7) var(--gn-sp-4) var(--gn-sp-4);border:1px solid var(--gn-color-line);border-radius:var(--gn-radius-pill);background:var(--gn-color-card);box-shadow:var(--gn-shadow-card);font-size:var(--gn-fs-xs);text-decoration:none;transform:rotate(-5deg)}.gn-hero__pill-num{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--gn-radius-round);background:var(--gn-color-mauve-200);font:900 20px / 1 var(--gn-font-display)}.gn-hero__pill .gn-ico{width:20px;height:20px;margin-left:var(--gn-sp-2)}.gn-hero__motion{position:absolute;right:3%;bottom:var(--gn-sp-4);z-index:3;display:none;align-items:center;gap:var(--gn-sp-5);min-height:var(--gn-tap-min);padding:0 var(--gn-sp-7);border:1px solid var(--gn-color-line);border-radius:var(--gn-radius-pill);background:color-mix(in srgb,var(--gn-color-bg) 92%,transparent);color:var(--gn-scheme-foreground);font-size:var(--gn-fs-xs);cursor:pointer}.gn-hero__motion .gn-ico{width:14px;height:14px}.gn-hero__ico-play,.gn-hero__motion[aria-pressed=true] .gn-hero__ico-pause{display:none}.gn-hero__motion[aria-pressed=true] .gn-hero__ico-play{display:block}@media(prefers-reduced-motion:no-preference){.gn-js .gn-hero__motion{display:flex}.gn-hero__drift{animation:gn-hero-drift 9s ease-in-out infinite;will-change:transform}.gn-hero[data-paused=true] .gn-hero__drift{animation-play-state:paused}}@keyframes gn-hero-drift{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(0)}}@media(min-width:1500px){.gn-hero{--hero-min: 710px;--hero-art-h: 630px}}@media(max-width:1150px)and (min-width:901px){.gn-hero{--hero-min: 600px;--hero-art-h: 520px}.gn-hero__grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}.gn-hero__lede{max-width:340px;font-size:var(--gn-fs-body)}.gn-hero__actions{gap:var(--gn-sp-8)}.gn-hero__actions .gn-btn{min-width:196px;gap:var(--gn-sp-10)}.gn-hero__sw{width:40px}.gn-hero .gn-hero__eyebrow{margin-bottom:var(--gn-sp-11)}}@media(max-width:900px){.gn-hero{--hero-art-h: 450px;--hero-pad-copy: 0;--hero-pt: 25px;--hero-pb: 30px}.gn-hero__grid{display:flex;flex-direction:column;gap:var(--gn-sp-6);min-height:0;max-width:calc(650px + 2 * var(--gn-gutter))}.gn-hero__copy{width:100%;max-width:600px;text-align:center}.gn-hero .gn-hero__eyebrow{margin-bottom:var(--gn-sp-10)}.gn-hero__title{margin-inline:auto;font-size:var(--gn-fs-h1-tablet)}.gn-hero__lede{max-width:440px;margin:var(--gn-sp-10) auto 0;padding-inline:var(--gn-sp-7);font-size:var(--gn-fs-lead-mobile)}.gn-hero__actions{justify-content:center;max-width:420px;margin:var(--gn-sp-11) auto 0;gap:var(--gn-sp-9)}.gn-hero__actions .gn-btn{min-width:205px;gap:var(--gn-sp-10)}.gn-hero__from{text-align:left}.gn-hero__palette{justify-content:center;margin-top:var(--gn-sp-9)}.gn-hero__sw{width:40px}.gn-hero__palette-note{text-align:left}.gn-hero__art{width:min(100%,560px);margin-inline:auto}.gn-hero__drift{top:5px;right:9%;bottom:0;left:9%}.gn-hero__halo{top:20px;right:9%;bottom:25px;left:9%}.gn-hero__note{top:12px;right:3%}.gn-hero__pill{bottom:25px;left:2%}.gn-hero__motion{right:5%;bottom:0}}@media(max-width:500px){.gn-hero{--hero-art-h: 350px}.gn-hero__title{font-size:var(--gn-fs-h1-phone)}.gn-hero__lede{font-size:var(--gn-fs-ui);padding-inline:var(--gn-sp-3);margin-top:var(--gn-sp-9)}.gn-hero__art{margin-top:var(--gn-sp-2)}.gn-hero__drift{top:3px;right:4%;bottom:0;left:4%}.gn-hero__halo{top:18px;right:2%;bottom:20px;left:2%}.gn-hero__note{top:5px;right:0}.gn-hero__pill{left:0;bottom:17px;gap:var(--gn-sp-3)}.gn-hero__pill-num{width:30px;height:30px;font-size:17px}.gn-hero__motion{right:0}.gn-hero__actions .gn-btn{min-width:193px}.gn-hero__actions{gap:var(--gn-sp-7)}.gn-hero__hl:after{height:5px;bottom:-3px}}@media(hover:hover){.gn-hero__art:hover .gn-hero__drift{animation-play-state:paused}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/gn-hero.css.map */