.tnh-hero{padding-block:64px;background:var(--tnh-color-canvas)}.tnh-hero__grid{display:grid;gap:48px}.tnh-hero__content{max-width:576px;align-self:center}.tnh-hero__eyebrow,.tnh-hero__overlay-eyebrow{margin:0 0 24px;color:var(--tnh-color-muted);font-size:1.152rem;font-weight:400;letter-spacing:.22em;line-height:1.5;text-transform:uppercase}.tnh-hero__heading{max-width:620px;margin:0;color:var(--tnh-color-text);font-size:4.8rem;font-weight:400;letter-spacing:-.025em;line-height:1.02}.tnh-hero__heading-line{display:block}.tnh-hero__emphasis{color:var(--tnh-color-accent);letter-spacing:-.01em}.tnh-hero__body{max-width:448px;margin:28px 0 0;color:var(--tnh-color-muted);font-size:1.6rem;line-height:1.625}.tnh-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.tnh-button__arrow{width:14px;height:14px;transition:transform .18s ease}.tnh-button:hover .tnh-button__arrow{transform:translate(4px)}.tnh-hero__microcopy{margin:32px 0 0;color:var(--tnh-color-muted);font-size:1.1rem;letter-spacing:.22em;line-height:1.5;text-transform:uppercase}.tnh-hero__visual{position:relative}.tnh-hero__media{overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--tnh-radius-media);background:var(--tnh-color-muted-surface)}.tnh-hero__image,.tnh-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover}.tnh-hero__placeholder{color:var(--tnh-color-border)}.tnh-hero__overlay{display:none}.tnh-hero__overlay-eyebrow{margin-bottom:8px;color:var(--tnh-color-muted);font-size:1.152rem}.tnh-hero__overlay-body{margin:0;color:var(--tnh-color-text);font-family:var(--tnh-font-heading);font-size:1.8rem;line-height:1.375}@media screen and (min-width:768px){.tnh-hero{padding-block:112px}.tnh-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}.tnh-hero__heading{font-size:6rem}.tnh-hero__body{font-size:1.8rem}.tnh-hero__overlay{position:absolute;display:block;right:auto;bottom:-24px;left:-24px;width:min(220px,calc(100% - 24px));padding:20px;border:1px solid var(--tnh-color-border);border-radius:var(--tnh-radius-media);background:var(--tnh-color-surface)}}@media screen and (min-width:1024px){.tnh-hero__heading{font-size:7.2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tnh-hero.css.map */