.gn-hero{padding:clamp(3rem,6vw,5rem) var(--ps-gutter) clamp(4rem,8vw,7rem);background-color:var(--ps-canvas)}.gn-hero__container{max-width:var(--ps-container-max);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media(min-width:990px){.gn-hero__container{grid-template-columns:1fr 1fr;gap:4rem}.gn-hero__text{justify-self:center}}.gn-hero__text{display:flex;flex-direction:column;gap:1.5rem;max-width:36rem}.gn-hero__kicker{margin:0}.gn-hero__headline{font-family:var(--ps-font-display);font-weight:800;font-size:clamp(3.25rem,9vw,7rem);letter-spacing:var(--ps-tracking-tight);line-height:.98;color:var(--ps-ink);margin:0}.gn-hero__headline em{display:inline-block;font-style:normal;color:var(--ps-honey);transform-origin:center bottom;animation:gn-hero-slam .7s cubic-bezier(.22,1,.36,1) .15s both}@keyframes gn-hero-slam{0%{transform:translateY(-.4em) scale(1.9);opacity:0;filter:blur(6px)}55%{transform:translateY(0) scale(.9);opacity:1;filter:blur(0)}75%{transform:translateY(0) scale(1.06)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.gn-hero__headline em{animation:none}}.gn-hero__lede{font-family:var(--ps-font-body);font-size:1.4375rem;line-height:var(--ps-leading-body);color:var(--ps-mute);margin:0;max-width:30em}.gn-hero__ctas{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.5rem}.gn-hero__media{position:relative;aspect-ratio:4 / 5;border-radius:var(--ps-radius-card);overflow:hidden;background-color:var(--ps-cream)}@media(min-width:990px){.gn-hero__media{aspect-ratio:5 / 6}}.gn-hero__media img,.gn-hero__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gn-hero__media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--ps-cream) 0%,color-mix(in srgb,var(--ps-honey) 30%,var(--ps-canvas)) 100%);color:var(--ps-honey);font-family:var(--ps-font-kicker);font-style:italic;letter-spacing:var(--ps-tracking-kicker);text-transform:uppercase;font-size:.875rem}@media(max-width:749px){.gn-hero{padding:2rem var(--ps-gutter) 2.5rem}.gn-hero__container{gap:1.5rem}.gn-hero__media{aspect-ratio:3 / 2}.gn-hero__lede{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/goodnight-section-hero.css.map */