.hero,.slide-rotator{--height-small: calc(var(--height-phone-px) * 1px);--height-large: calc(var(--height-large-px) * 1px);--height-now: var(--height-small)}@media screen and (min-width:600px){.hero,.slide-rotator{--height-now: clamp( var(--height-small), calc(var(--height-small) + (var(--height-large-px) - var(--height-phone-px)) * (100vw - 600px) / 936), var(--height-large) )}}.hero{--hero-pad: var(--gutter);--hero-room: var(--space-48);--hero-box-min: calc(400 * var(--px));position:relative;display:flex;flex-direction:column;isolation:isolate;min-width:0}@media screen and (min-width:600px){.hero{--hero-room: calc(56 * var(--px))}}.hero--fixed{min-height:var(--height-now)}.hero--adapt{aspect-ratio:var(--ratio-phone, 16 / 9)}.hero--screen{min-height:min(100svh,var(--screen-max))}.content-for-layout>.shopify-section:nth-child(1 of.shopify-section) .hero--screen{min-height:min(calc(100svh - var(--sticky-offset, var(--header-height, 0px))),var(--screen-max))}@media screen and (min-width:769px){.hero--banner.hero--fixed{min-height:var(--height-large)}.hero--adapt{aspect-ratio:var(--media-ratio, 16 / 9)}}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;background-color:rgba(var(--color-foreground),var(--alpha-8))}.hero__pic{position:relative;flex:1;min-width:0;min-height:0}@media screen and (max-width:768px){.hero__media--stacked{flex-direction:column}}.hero__media picture{display:block;width:100%;height:100%}.hero__media:after{z-index:2}.hero__content{position:relative;z-index:3;pointer-events:none;display:flex;flex:1;width:100%;max-width:var(--page-width);margin-inline:auto;padding:var(--hero-room) var(--hero-pad);box-sizing:border-box;align-items:var(--align-y, center);justify-content:var(--align-x, center)}.hero--top{--align-y: flex-start}.hero--bottom{--align-y: flex-end}.hero--left{--align-x: flex-start}.hero--right{--align-x: flex-end}@media screen and (max-width:768px){.hero__content{--align-x: stretch}}.hero__box{pointer-events:auto;box-sizing:border-box;width:100%;min-width:0;text-align:var(--align, center);overflow-wrap:anywhere;--btn: var(--fill, var(--color-button));--btn-text: var(--fill-text, var(--color-button-text));--btn-hover: var(--fill-hover, var(--color-button-hover));--btn-press: var(--fill-press, var(--color-button-press))}.hero__box.content-container{padding:var(--space-40) var(--space-16)}@media screen and (min-width:769px){.hero__box{width:auto;min-width:var(--hero-box-min);max-width:65%}.hero__box.content-container{padding:var(--space-40) var(--space-32)}}@media screen and (min-width:1024px){.hero__box{max-width:50%}}.hero--a-left{--align: left;--justify: flex-start}.hero--a-center{--align: center;--justify: center}.hero--a-right{--align: right;--justify: flex-end}@media screen and (max-width:768px){.hero--pa-left{--align: left;--justify: flex-start}.hero--pa-center{--align: center;--justify: center}.hero--pa-right{--align: right;--justify: flex-end}}.hero__box>*{margin-block:0}.hero__box>*+*{margin-block-start:var(--space-16)}.hero__box>*+.copy__buttons{margin-block-start:var(--space-24)}.hero__cover{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero__content--through,.hero__content--through .hero__box{pointer-events:none}.hero__content--through :is(a,button,.copy__buttons,.countdown-timer){pointer-events:auto}.hero--bare{--text: rgb(var(--ink, 255, 255, 255));--fill: var(--ink, 255, 255, 255);--fill-text: var(--ink-label, 0, 0, 0);--fill-hover: var(--ink-hover, var(--color-button-hover));--fill-press: var(--ink-press, var(--color-button-press))}.hero--bare .hero__box{color:var(--text, inherit)}.hero--bare .copy__heading{color:var(--text, rgb(var(--color-heading)))}.hero--bare .text-style--subtitle{color:var(--text, rgba(var(--color-foreground), var(--alpha-70)))}.hero--bare .hero__box a:not(.button){color:inherit}.hero--bare .copy__buttons .button{--color-button: var(--btn);--color-button-text: var(--btn-text);--color-button-hover: var(--btn-hover);--color-button-press: var(--btn-press)}.hero--bare .copy__buttons .button--secondary{--color-button-text: var(--btn);--alpha-button-background: 0}@media screen and (max-width:599px){.hero--stack.hero--bare{--text: initial;--fill: initial;--fill-text: initial;--fill-hover: initial;--fill-press: initial}.hero--stack{min-height:0;aspect-ratio:auto}.hero--stack .hero__media{position:relative;inset:auto;flex:none}.hero--stack.hero--fixed .hero__media{height:var(--height-now)}.hero--stack.hero--adapt .hero__media{aspect-ratio:var(--ratio-phone, 16 / 9)}.hero--stack.hero--screen .hero__media{height:min(100svh,var(--screen-max))}.content-for-layout>.shopify-section:nth-child(1 of.shopify-section) .hero--stack.hero--screen .hero__media{height:min(calc(100svh - var(--sticky-offset, var(--header-height, 0px))),var(--screen-max))}.hero--stack .hero__content{flex:1;align-items:flex-start;padding-inline:0;padding-block:var(--space-32) 0}.hero--stack .hero__box.content-container{border-radius:0;padding-inline:var(--hero-pad);max-width:none;height:100%}.hero.hero--stack.hero--joined .hero__media{border-end-start-radius:0;border-end-end-radius:0}.hero.hero--stack.hero--joined .hero__box.content-container{border-radius:0 0 var(--radius) var(--radius)}.hero--stack .hero__box:not(.content-container){padding-inline:var(--hero-pad);max-width:none}.hero--stack .hero__content:has(.content-container){padding-block:0}}.hero--band.hero--adapt{aspect-ratio:auto}.hero__media--plain{background-color:var(--picture-tint-color, rgb(var(--color-foreground)))}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-hero.css.map */