.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;aspect-ratio:390 / 519;width:100%;min-height:26rem;max-height:40rem;padding:2rem 1.5rem;background-color:var(--color-sky);color:var(--color-white);font-family:var(--font-primary);text-align:center}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:18.4375rem}.hero__text{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.hero__heading{margin:0;font-size:clamp(2rem,10.26vw,2.5rem);font-weight:400;line-height:1.1;letter-spacing:-.02em}.hero__heading em{display:block;font-family:var(--font-display);font-style:normal;font-weight:300}.hero__subtitle{max-width:16.625rem;font-size:.875rem;font-weight:400;line-height:1.5}.hero__subtitle p{margin:0}.hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;height:2.5rem;padding:0 1rem;border-radius:6.25rem;background-color:var(--color-yellow);color:var(--color-blue);font-size:.875rem;font-weight:500;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:filter .2s ease}@media(hover:hover){.hero__cta:hover{filter:brightness(.94)}}.hero__cta:focus-visible{outline:.125rem solid var(--color-white);outline-offset:.25rem}@media(prefers-reduced-motion:reduce){.hero__cta{transition:none}}@media(min-width:700px){.hero{aspect-ratio:1440 / 450;min-height:25rem;max-height:34.375rem;padding:3.5rem 2.5rem 0}.hero__content{gap:1.8125rem;max-width:51.75rem}.hero__text{gap:1rem}.hero__heading{max-width:37.8125rem;font-size:clamp(3rem,5vw,4.5rem);line-height:1}.hero__heading em{line-height:1.1}.hero__subtitle{max-width:none;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.6}.hero__cta{height:3rem;padding:0 1.25rem;font-size:1rem;letter-spacing:.02em}}@media(min-width:700px)and (max-height:31.25rem){.hero{min-height:18.75rem;padding-top:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero.css.map */