.hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-bg-inverse);color:var(--color-fg-inverse)}.hero--full{min-height:100svh}.hero--large{min-height:75svh}.hero--medium{min-height:60svh}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media picture{display:block;width:100%;height:100%}.hero__media img,.hero__media video,.hero__media .placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus, 50% 50%)}.hero--mono .hero__media img,.hero--mono .hero__media video{filter:grayscale(1)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:var(--hero-overlay, .2);pointer-events:none}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-8) var(--gutter) var(--space-7);text-align:center}.hero--align-bottom-left .hero__content{align-items:flex-start;justify-content:flex-end;margin-top:auto;text-align:left}.hero__overline{font-size:var(--text-utility);letter-spacing:var(--tracking-utility);text-transform:uppercase}.hero__wordmark{max-width:100%;font-size:var(--text-display);font-weight:var(--font-weight-medium);line-height:.9;letter-spacing:var(--tracking-display);text-transform:uppercase;text-wrap:balance}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.hero--align-bottom-left .hero__actions{justify-content:flex-start}.hero .button--ghost:hover,.hero .button--ghost:focus-visible{background-color:var(--color-fg-inverse);color:var(--color-bg-inverse);border-color:var(--color-fg-inverse)}@media screen and (max-width:749px){.hero__content{padding-top:var(--space-7);gap:var(--space-4)}}.hero__logo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding-inline:var(--gutter);pointer-events:none}.hero__logo{display:block;font-family:var(--font-logo);font-size:var(--hero-logo-size, 12vw);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--color-fg-inverse)}.hero__logo-image{display:block;width:var(--hero-logo-width, 70vw);max-width:100%;height:auto}@media screen and (max-width:749px){.hero__logo{font-size:var(--hero-logo-size-sm, var(--hero-logo-size, 12vw))}.hero__logo-image{width:calc(100vw - (var(--gutter) * 2))}}.hero__logo-wrap--art{--hero-logo-w: var(--hero-logo-width, 70vw);--hero-logo-h: calc(var(--hero-logo-w) / var(--wordmark-aspect))}.hero__logo--art{width:var(--hero-logo-w)}.hero__logo--art .wordmark-svg{display:block;width:100%;height:auto}@media screen and (max-width:749px){.hero__logo-wrap--art{--hero-logo-w: calc((100vw - (var(--gutter) * 2)) * .86)}}.hero__tagline{position:absolute;left:0;right:0;top:calc(50% + var(--hero-logo-h, var(--hero-logo-size, 12vw)) / 2 + var(--hero-logo-h, var(--hero-logo-size, 12vw)) * .16);margin:0;padding-inline:var(--gutter);font-family:var(--font-tagline);font-weight:400;font-size:max(1.4rem,calc(var(--hero-logo-h, var(--hero-logo-size, 12vw)) * .4));line-height:1.2;letter-spacing:0;text-align:center;color:var(--color-fg-inverse);pointer-events:none}.logo-morph--active .hero__logo{position:fixed;top:0;left:0;transform-origin:0 0;will-change:transform}.logo-morph--docked .hero__logo{visibility:hidden}.hero--text-dark,.hero--text-dark .hero__logo,.hero--text-dark .hero__tagline{color:var(--color-fg)}.hero--text-dark .hero__overlay{background-color:var(--color-bg)}.hero--text-dark .button--ghost:hover,.hero--text-dark .button--ghost:focus-visible{background-color:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.hero:has(.hero__logo-wrap).hero--align-center .hero__content{justify-content:flex-end;margin-top:auto}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hero.css.map */
