.hero{position:relative;margin-top:var(--hero-mt, 0);margin-bottom:var(--hero-mb, 0);min-height:var(--hero-height, 100svh);overflow:hidden;background-color:var(--color-chrome)}.hero__media,.hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero__image{width:100%;height:100%;object-fit:cover}.hero__placeholder{width:100%;height:100%;background-color:var(--color-chrome)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(ellipse 95% 60% at var(--hero-scrim-x, 50%) var(--hero-scrim-y, 50%),color-mix(in srgb,var(--color-overlay) var(--hero-scrim, 30%),transparent),transparent 100%)}.hero__content{position:relative;z-index:1;display:flex;width:100%;min-height:var(--hero-height, 100svh);padding:96px var(--page-gutter) calc(56px + var(--hero-lift, 0px) * 2);color:var(--hero-text, var(--color-on-image))}.hero__content--x-left{justify-content:flex-start;text-align:left}.hero__content--x-center{justify-content:center;text-align:center}.hero__content--x-right{justify-content:flex-end;text-align:right}.hero__content--y-top{align-items:flex-start}.hero__content--y-center{align-items:center}.hero__content--y-bottom{align-items:flex-end}.hero__content-inner{display:flex;flex-direction:column;gap:var(--hero-gap, 20px);width:100%;max-width:var(--hero-content-width, 960px)}.hero__content--x-left .hero__content-inner{align-items:flex-start}.hero__content--x-center .hero__content-inner{align-items:center}.hero__content--x-right .hero__content-inner{align-items:flex-end}.hero__logo{width:var(--logo-w-m, 148px);max-width:100%}.hero__logo-image{display:block;width:100%;height:auto;filter:brightness(0)}.hero__logo--white .hero__logo-image{filter:brightness(0) invert(1)}.hero__heading{margin:17px 0 0;color:var(--hero-text, var(--color-on-image));font-size:var(--heading-size-m, 60px);font-weight:var(--font-heading-weight);line-height:1.1;text-wrap:balance}.hero__heading--accent{padding-bottom:.1em;font-family:var(--font-accent-serif-family);font-weight:var(--font-accent-serif-weight);font-style:var(--font-accent-serif-style);letter-spacing:-.05em;word-spacing:.16em;line-height:1;text-transform:none}.hero__heading--accent .hero__line{transform:skew(calc(var(--slant, 0) * -1deg))}.hero__line{display:block}.hero__heading--caps{font-family:var(--font-body-family);font-weight:var(--font-body-weight-light);font-style:normal;letter-spacing:var(--heading-tracking, .2em);line-height:1.25;text-transform:uppercase}.hero__heading--caps .hero__line{padding-left:var(--heading-tracking, .2em)}.hero__line+.hero__line .hero__swash{transform:skew(calc((var(--slant, 0) + 8) * 1deg))}.hero__line+.hero__line{margin-top:.18em}.hero__swash{font-family:var(--font-accent-family);font-weight:var(--font-accent-weight);font-style:var(--font-accent-style);font-size:calc(1em * var(--swash-scale, 2.2));display:inline-block;margin-left:calc(.08em - 4px);transform:skew(calc(var(--slant, 0) * 1deg));line-height:.5}.hero__text{margin:0;max-width:36ch;color:var(--hero-text, var(--color-on-image));font-size:var(--text-base);line-height:1.5;text-wrap:balance}.hero__text strong{font-weight:var(--font-body-weight-semibold)}.hero__text--eyebrow{padding-left:.3em;font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);letter-spacing:.3em;text-transform:uppercase}.hero--text-shadow .hero__heading,.hero--text-shadow .hero__text,.hero--text-shadow .hero__button{text-shadow:0 1px 18px color-mix(in srgb,var(--color-overlay) 55%,transparent)}.hero--text-shadow .hero__heading--accent{text-shadow:0 4px 5px rgb(0 0 0 / .4)}.hero--text-shadow .hero__heading--caps,.hero--text-shadow .hero__text{text-shadow:0 1px 3px rgb(0 0 0 / .25),0 2px 16px rgb(0 0 0 / .35)}.hero--text-shadow .hero__logo--white .hero__logo-image{filter:brightness(0) invert(1) drop-shadow(0 3px 5px rgb(0 0 0 / .4))}.hero__buttons{display:flex;flex-direction:column;gap:var(--space-3);max-width:100%;margin-top:var(--space-2)}.hero__button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:48px;padding:12px 28px;border:var(--hero-btn-border, 2px) solid var(--hero-text, var(--color-on-image));border-radius:var(--hero-btn-radius, 8px);background-color:color-mix(in srgb,var(--color-overlay) var(--hero-btn-tint, 35%),transparent);-webkit-backdrop-filter:blur(var(--hero-btn-blur, 8px)) saturate(1.1);backdrop-filter:blur(var(--hero-btn-blur, 8px)) saturate(1.1);color:var(--hero-text, var(--color-on-image));font-family:var(--font-heading-family);font-size:var(--hero-btn-size, 13px);font-weight:var(--font-heading-weight);letter-spacing:.14em;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.hero__buttons--body .hero__button{font-family:var(--font-body-family);font-weight:var(--font-body-weight-medium)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hero__button{background-color:color-mix(in srgb,var(--color-overlay) calc(var(--hero-btn-tint, 35%) + 25%),transparent)}}.hero__button:focus-visible{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--hero-text) 22%,transparent);-webkit-backdrop-filter:blur(calc(var(--hero-btn-blur, 8px) + 4px)) saturate(1.1);backdrop-filter:blur(calc(var(--hero-btn-blur, 8px) + 4px)) saturate(1.1)}@media(hover:hover){.hero__button:hover{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--hero-text) 22%,transparent);-webkit-backdrop-filter:blur(calc(var(--hero-btn-blur, 8px) + 4px)) saturate(1.1);backdrop-filter:blur(calc(var(--hero-btn-blur, 8px) + 4px)) saturate(1.1);transform:translateY(-1px)}}.hero__button:active{transform:scale(.98)}.hero__button:focus-visible{outline:2px solid var(--hero-text, var(--color-on-image));outline-offset:3px}.hero__buttons--link .hero__button{min-width:0;padding:12px 4px;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.45em;text-shadow:0 1px 3px rgb(0 0 0 / .25),0 2px 16px rgb(0 0 0 / .35)}.hero__buttons--link .hero__button:focus-visible{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(hover:hover){.hero__buttons--link .hero__button:hover{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-decoration-thickness:2px}}.hero__cue{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:4px 8px;color:var(--hero-text, var(--color-on-image));font-family:var(--font-heading-family);font-size:var(--hero-btn-size, 13px);font-weight:var(--font-heading-weight);letter-spacing:.14em;line-height:1.2;text-decoration:none;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hero__cue--body{font-family:var(--font-body-family);font-weight:var(--font-body-weight-medium)}.hero__cue-text{padding-left:.14em}.hero--text-shadow .hero__cue{text-shadow:0 1px 3px rgb(0 0 0 / .25),0 2px 16px rgb(0 0 0 / .35)}.hero--text-shadow .hero__cue-arrow{filter:drop-shadow(0 1px 3px rgb(0 0 0 / .3))}.hero__cue:focus-visible{outline:2px solid var(--hero-text, var(--color-on-image));outline-offset:3px}@media(prefers-reduced-motion:no-preference){.hero__cue-arrow{animation:hero-cue-bob 2.4s var(--ease-out) infinite}}@keyframes hero-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hero__end{scroll-margin-top:64px}@media(prefers-reduced-motion:no-preference){.hero--animate .hero__item{animation:hero-rise var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--i, 0) * .11s + 80ms)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(12px)}}@media screen and (min-width:750px){.hero__content{padding:112px var(--page-gutter) calc(72px + var(--hero-lift, 0px) * 2)}.hero__logo{width:var(--logo-w-d, 224px)}.hero__heading{font-size:var(--heading-size-d, 128px)}.hero__text{font-size:var(--text-lg)}.hero__buttons{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero.css.map */