.hero{--hero-screen: 100svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"media";min-height:var(--hero-min, 0px);aspect-ratio:var(--hero-ratio, auto);border-radius:var(--hero-radius, 0px);overflow:hidden;overflow:clip;isolation:isolate;background-attachment:scroll}#MainContent>.shopify-section:first-child .hero{--hero-screen: calc(100svh - var(--announcement-height, 0px) - var(--header-height, 0px))}body:has(.header[data-transparent]) #MainContent>.shopify-section:first-child .hero,body:has(.header[data-transparent-auto]) #MainContent>.shopify-section:first-child:has([data-header-hero]) .hero{--hero-screen: calc(100svh - var(--announcement-height, 0px));--hero-header-offset: var(--header-height, 0px)}.hero-frame>.hero{width:100%}.hero__media,.hero__inner,.hero__video-toggle,.hero__scroll{grid-area:media}.hero__media{position:relative;z-index:0;min-width:0;overflow:hidden;overflow:clip}.hero__media-inner,.hero__layer{position:absolute;top:0;right:0;bottom:0;left:0}.hero__picture{display:contents}.hero__image,.hero__video,.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal, 50% 50%)}.hero__placeholder{background-color:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.4)}.hero__video{object-position:50% 50%;opacity:0;transition:opacity .6s ease}.hero__video[data-playing],.no-js .hero__video{opacity:1}.hero__layer--external{container-type:size}.hero__iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);border:0;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .8s ease}.hero__iframe[data-ready]{opacity:1}@media screen and (max-width:749px){.hero__layer--desktop{display:none}.hero__image{object-position:var(--hero-focal-mobile, var(--hero-focal, 50% 50%))}}@media screen and (min-width:750px){.hero__layer--mobile{display:none}}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--hero-overlay-opacity, .3)}.hero__overlay--solid{background:var(--hero-overlay)}.hero__overlay--bottom{background:linear-gradient(to top,var(--hero-overlay),transparent 90%)}.hero__overlay--top{background:linear-gradient(to bottom,var(--hero-overlay),transparent 90%)}.hero__overlay--left{background:linear-gradient(to right,var(--hero-overlay),transparent 90%)}.hero__overlay--right{background:linear-gradient(to left,var(--hero-overlay),transparent 90%)}.hero__overlay--vignette{background:radial-gradient(ellipse at center,transparent 25%,var(--hero-overlay) 100%)}.hero__overlay--custom{background:var(--hero-overlay-image)}.hero__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero__inner{position:relative;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;width:100%;min-width:0;max-width:var(--hero-inner-max, none);margin-inline:auto;padding:calc(var(--hero-pad, 20px) + var(--hero-header-offset, 0px)) var(--hero-pad, 20px) var(--hero-pad, 20px);pointer-events:none}.hero__content{box-sizing:border-box;display:flex;gap:var(--hero-gap, 16px);min-width:0;max-width:min(100%,var(--hero-content-width, 680px));pointer-events:auto}.hero__box.hero__box{padding:var(--hero-box-padding, 24px);border:var(--content-container-border, none);border-radius:var(--hero-box-radius, 0px);box-shadow:var(--content-container-shadow, none);background-attachment:scroll}.hero__box.hero__box--translucent{background:rgba(var(--color-background),.78)}.hero__box.hero__box--blur{background:rgba(var(--color-background),.28);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}@media screen and (max-width:749px){.hero--m-below,.hero--m-above{min-height:0;aspect-ratio:auto}.hero--m-below{grid-template-areas:"media" "content"}.hero--m-above{grid-template-areas:"content" "media"}.hero--m-below .hero__inner,.hero--m-above .hero__inner{grid-area:content;max-width:none}.hero--m-below .hero__media,.hero--m-above .hero__media{min-height:var(--hero-min, 0px);aspect-ratio:var(--hero-ratio, auto)}.hero--m-below .hero__inner{padding-top:var(--hero-pad, 20px)}}@media screen and (min-width:750px){.hero--d-split{grid-template-columns:var(--hero-media-width, 50%) minmax(0,1fr);grid-template-areas:"media content";aspect-ratio:auto}.hero--d-split.hero--media-right{grid-template-columns:minmax(0,1fr) var(--hero-media-width, 50%);grid-template-areas:"content media"}.hero--d-split .hero__inner{grid-area:content;max-width:none}.hero--d-split .hero__media{aspect-ratio:var(--hero-ratio, auto)}}.hero__video-toggle,.hero__scroll{z-index:3;display:grid;place-items:center;padding:0;border:0;color:rgb(var(--color-foreground));cursor:pointer}.hero__video-toggle{align-self:end;justify-self:end;width:4rem;height:4rem;margin:1.6rem;border-radius:50%;background:rgba(var(--color-background),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .2s ease}.hero__video-toggle:hover{background:rgba(var(--color-background),.5)}.hero__video-toggle[hidden]{display:none}.hero__video-toggle svg{width:1.4rem;height:1.4rem;fill:currentColor}.hero__video-toggle .hero__icon-play,.hero__video-toggle[data-paused] .hero__icon-pause{display:none}.hero__video-toggle[data-paused] .hero__icon-play{display:block}.hero__scroll{align-self:end;justify-self:center;width:4.4rem;height:4.4rem;margin-bottom:.8rem;background:none}.hero__scroll svg{width:2.8rem;height:2.8rem}.hero:has(.hero__scroll) .hero__inner{padding-bottom:calc(var(--hero-pad, 20px) + 4.4rem)}.hero__content>:nth-child(2 of:not(style,script,link)){--hero-i: 1}.hero__content>:nth-child(3 of:not(style,script,link)){--hero-i: 2}.hero__content>:nth-child(4 of:not(style,script,link)){--hero-i: 3}.hero__content>:nth-child(5 of:not(style,script,link)){--hero-i: 4}.hero__content>:nth-child(6 of:not(style,script,link)){--hero-i: 5}.hero__content>:nth-child(7 of:not(style,script,link)){--hero-i: 6}.hero__content>:nth-child(n+8 of:not(style,script,link)){--hero-i: 7}.hero[data-animate=fade]{--hero-animation: hero-fade}.hero[data-animate=fade_up]{--hero-animation: hero-fade-up}.hero[data-animate=zoom]{--hero-animation: hero-zoom}.hero[data-animate=blur]{--hero-animation: hero-blur}.hero[data-animate=rise]{--hero-animation: hero-rise}@media(prefers-reduced-motion:no-preference){.js .hero[data-animate]:not([data-revealed]) .hero__content>*{opacity:0}.js .hero[data-animate][data-revealed]:not(.slideshow__slide) .hero__content>*,.js .hero[data-animate][data-revealed][data-active] .hero__content>*{animation:var(--hero-animation) .9s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(var(--hero-enter-delay, 0ms) + var(--hero-stagger, 0ms) * var(--hero-i, 0))}.hero--effect-zoom .hero__media-inner{animation:hero-slow-zoom 18s ease-in-out infinite alternate}.hero--effect-zoom.slideshow__slide:not([data-active],[data-leaving]) .hero__media-inner{animation:none}.hero__scroll svg{animation:hero-nudge 2.2s ease-in-out infinite}@supports (animation-timeline: view()){.hero--effect-parallax .hero__media-inner{animation:hero-parallax linear both;animation-timeline:view();animation-range:cover}.hero--effect-zoom_scroll .hero__media-inner{animation:hero-zoom-scroll linear both;animation-timeline:view();animation-range:cover 50% cover 100%}}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-fade-up{0%{opacity:0;transform:translate3d(0,2.4rem,0)}}@keyframes hero-zoom{0%{opacity:0;transform:scale(.94)}}@keyframes hero-blur{0%{opacity:0;filter:blur(1.2rem);transform:scale(1.03)}}@keyframes hero-rise{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,1.6rem,0)}to{clip-path:inset(0 0 0 0)}}@keyframes hero-slow-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes hero-parallax{0%{transform:translate3d(0,-12%,0) scale(1.25)}to{transform:translate3d(0,12%,0) scale(1.25)}}@keyframes hero-zoom-scroll{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes hero-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-hero.css.map */