.ad-hero{--_header-offset: calc(var(--ad-header-height) * (1 - var(--ad-header-overlay, 0)));--_header-clearance: calc(var(--ad-header-height) * var(--ad-header-overlay, 0));--_min-height: calc(var(--ad-hero-height-full) - var(--_header-offset));position:relative;display:grid;min-block-size:var(--_min-height);overflow:hidden}.ad-hero--large{--_min-height: calc(var(--ad-hero-height-large) - var(--_header-offset))}.ad-hero__media,.ad-hero__media:after{position:absolute;top:0;right:0;bottom:0;left:0}.ad-hero__media--overlay-light:after,.ad-hero__media--overlay-medium:after{content:""}.ad-hero__media--overlay-light:after{background-color:var(--overlay-light)}.ad-hero__media--overlay-medium:after{background-color:var(--overlay-medium)}ad-video-hero{display:grid}.ad-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.ad-hero.is-playing .ad-hero__video{opacity:1}@media(prefers-reduced-motion:reduce){.ad-hero__video{transition:none}}.ad-hero__control{position:absolute;inset-inline-end:var(--page-gutter);inset-block-end:var(--space-5);display:inline-flex;align-items:center;justify-content:flex-end;min-inline-size:var(--tap-target);min-block-size:var(--tap-target);padding:0;border:0;background:none;color:var(--color-text);cursor:pointer}.ad-hero__control[hidden]{display:none}@media screen and (min-width:990px){.ad-hero__control{inset-block-end:var(--space-7)}}.ad-hero__content{position:relative;display:grid;align-items:end;justify-items:start;padding-block:calc(var(--_header-clearance) + var(--space-7)) var(--space-7)}.ad-hero__text{display:grid;justify-items:start;max-inline-size:100%}.ad-hero__overline{margin-block-end:var(--stack-text)}.ad-hero__heading{max-inline-size:100%;overflow-wrap:break-word}.ad-hero__heading--emblem{--tracking: 0px;inline-size:var(--ad-hero-emblem-width);margin:0}.ad-hero__body{max-inline-size:var(--width-text);margin-block-start:var(--stack-heading);text-wrap:balance}.ad-hero__body>*{margin:0}.ad-hero__body>*+*{margin-block-start:var(--stack-text)}.ad-hero__body a{color:inherit}.ad-hero__after{display:contents}.ad-hero__cta{margin-block-start:var(--stack-cta)}.ad-hero--bottom-center .ad-hero__content,.ad-hero--center .ad-hero__content{justify-items:center}.ad-hero--bottom-center .ad-hero__text,.ad-hero--center .ad-hero__text{justify-items:center;text-align:center}.ad-hero--center .ad-hero__content{align-items:center}.ad-hero--bottom-center .ad-hero__overline,.ad-hero--bottom-center .ad-hero__heading,.ad-hero--center .ad-hero__overline,.ad-hero--center .ad-hero__heading{margin-inline-end:0;padding-inline-start:var(--tracking)}@media screen and (min-width:990px){.ad-hero__content{padding-block:calc(var(--_header-clearance) + var(--space-8)) var(--space-8)}}.ad-hero--leather{container-type:inline-size;overflow:clip}.ad-hero--leather .ad-hero__media,.ad-hero--leather .ad-hero__content{--_fit: min( var(--_min-height) / var(--ad-hero-leather-height), 100cqw / var(--ad-hero-leather-column) )}.ad-hero__leather{position:absolute;inset-block-start:calc(var(--ad-hero-depth-leather) * -1);inset-inline-start:calc(var(--ad-hero-depth-leather) * -1);inline-size:calc(100% + var(--ad-hero-depth-leather) * 2);max-inline-size:none;block-size:calc(100% + var(--ad-hero-depth-leather) * 2);object-fit:cover;translate:calc(var(--px, 0) * var(--ad-hero-depth-leather) * -1) calc(var(--py, 0) * var(--ad-hero-depth-leather) * -1)}.ad-hero__oval{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:calc(var(--_fit) * var(--ad-hero-leather-oval-width));max-inline-size:none;block-size:calc(var(--_fit) * var(--ad-hero-leather-oval-height));margin:auto;translate:calc(var(--px, 0) * var(--ad-hero-depth-oval)) calc(var(--py, 0) * var(--ad-hero-depth-oval))}.ad-hero--leather .ad-hero__content{align-items:stretch;justify-items:center;padding-block:0}.ad-hero--leather .ad-hero__text{grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);inline-size:100%;justify-items:center;text-align:center}.ad-hero--leather .ad-hero__overline{grid-row:1;align-self:end;margin-block:var(--_header-clearance) calc(var(--_fit) * var(--ad-hero-leather-above))}.ad-hero--leather .ad-hero__heading--emblem{grid-row:2;inline-size:calc(var(--_fit) * var(--ad-hero-leather-emblem));translate:calc(var(--px, 0) * var(--ad-hero-depth-emblem)) calc(var(--py, 0) * var(--ad-hero-depth-emblem))}.ad-hero--leather .ad-hero__after{grid-row:3;align-self:start;display:grid;grid-template-columns:minmax(0,1fr);inline-size:100%;justify-items:center;padding-block:calc(var(--_fit) * var(--ad-hero-leather-below)) var(--space-2)}.ad-hero--leather .ad-hero__body{max-inline-size:min(100%,calc(var(--_fit) * var(--ad-hero-leather-text)));margin-block-start:0}.ad-hero--leather .ad-hero__body>*+*{margin-block-start:0}.ad-hero--leather .ad-hero__cta{margin-block-start:calc(var(--_fit) * var(--ad-hero-leather-cta))}.ad-write{display:inline-block;padding-inline:.2em;margin-inline:-.2em}@media(prefers-reduced-motion:no-preference){.ad-hero{--_t0: var(--ad-intro, 0s)}.ad-hero__media .ad-image img{animation:ad-settle var(--duration-slow) var(--ease-out) var(--_t0) both}.ad-hero__overline,.ad-hero__heading,.ad-hero__body,.ad-hero__cta{animation:ad-rise var(--duration-slow) var(--ease-out) both}.ad-hero__overline{animation-delay:calc(var(--_t0) + var(--duration-fast))}.ad-hero__heading{animation-delay:calc(var(--_t0) + var(--duration-fast) * 2)}.ad-hero__body{animation-delay:calc(var(--_t0) + var(--duration-fast) * 3)}.ad-hero__cta{animation-delay:calc(var(--_t0) + var(--duration-fast) * 4)}.ad-hero__leather{animation:ad-fade var(--duration-slow) var(--ease-out) var(--_t0) both}.ad-hero__oval{animation:ad-settle var(--duration-slow) var(--ease-out) calc(var(--_t0) + var(--duration-fast)) both}.ad-hero--leather .ad-hero__heading{animation-name:ad-settle}.ad-loading .ad-hero--leather .ad-hero__heading{animation-name:ad-fade}.ad-hero--leather .ad-hero__overline,.ad-hero--leather .ad-hero__body{animation:none}.ad-hero--leather .ad-hero__overline{--_char: var(--write-char-lg);--_from: calc(var(--_t0) + var(--duration-fast) * 3)}.ad-hero--leather .ad-hero__body{--_char: var(--write-char);--_from: calc(var(--_t0) + var(--duration-fast) * 4 + var(--_overline-chars, 0) * var(--write-char-lg))}.ad-hero--leather .ad-hero__cta{animation-delay:calc(var(--_t0) + var(--duration-fast) * 4 + var(--_overline-chars, 0) * var(--write-char-lg) + var(--_body-chars, 0) * var(--write-char))}@supports (mask-image: linear-gradient(currentColor,transparent)){.ad-hero--leather .ad-write{-webkit-mask-image:linear-gradient(to right,currentColor 45%,transparent 55%);mask-image:linear-gradient(to right,currentColor 45%,transparent 55%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;animation:ad-write calc(var(--n) * var(--_char)) linear calc(var(--_from) + var(--s) * var(--_char)) both}}.shopify-design-mode .ad-hero__media .ad-image img,.shopify-design-mode :is(.ad-hero__overline,.ad-hero__heading,.ad-hero__body,.ad-hero__cta),.shopify-design-mode :is(.ad-hero__leather,.ad-hero__oval),.shopify-design-mode .ad-hero--leather .ad-write{animation:none}.shopify-design-mode .ad-hero__video{transition:none}}@keyframes ad-write{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ad-hero--leather .ad-hero__content{animation:ad-hero-leave linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.ad-hero--leather .ad-hero__media{animation:ad-hero-leather-leave linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.shopify-design-mode .ad-hero--leather :is(.ad-hero__content,.ad-hero__media){animation:none}}}@keyframes ad-hero-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--reveal-distance))}}@keyframes ad-hero-leather-leave{0%{transform:scale(1)}to{transform:scale(var(--reveal-scale))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ad-section-hero.css.map */