.maia-hero{--maia-dur: .9s;--maia-ease: cubic-bezier(.22, .61, .36, 1);position:relative;display:block;overflow:clip;min-height:var(--maia-h-mobile, 88svh)}.maia-hero,.maia-hero *,.maia-hero *:before,.maia-hero *:after{box-sizing:border-box}@media screen and (min-width:700px){.maia-hero{min-height:var(--maia-h-desktop, 82vh)}}.maia-hero__track{position:absolute;top:0;right:0;bottom:0;left:0}.maia-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;visibility:hidden;text-decoration:none;transition:opacity var(--maia-dur) var(--maia-ease),visibility 0s linear var(--maia-dur)}.maia-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity var(--maia-dur) var(--maia-ease),visibility 0s}.maia-hero:not([data-ready]) .maia-hero__slide:first-child{opacity:1;visibility:visible}.maia-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.maia-hero__media picture{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.maia-hero__media img,.maia-hero__media video,.maia-hero__media svg{width:100%;height:100%;object-fit:cover;object-position:var(--focal-mobile-x, 50%) var(--focal-mobile-y, 50%);display:block}@media screen and (min-width:700px){.maia-hero__media img,.maia-hero__media video,.maia-hero__media svg{object-position:var(--focal-x, 50%) var(--focal-y, 50%)}}.maia-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(130% 95% at var(--focal-mobile-x, 50%) var(--focal-mobile-y, 50%),transparent 26%,rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .34)) 60%,rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .7)) 100%),var(--maia-scrim-directional, none)}@media screen and (min-width:700px){.maia-hero__scrim{background:radial-gradient(120% 90% at var(--focal-x, 50%) var(--focal-y, 50%),transparent 30%,rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .3)) 62%,rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .66)) 100%),var(--maia-scrim-directional, none)}}.maia-hero__slide[data-scrim=bottom]{--maia-scrim-directional: linear-gradient( to top, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * 1)) 0%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .92)) 35%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .72)) 60%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .32)) 78%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .06)) 92%, transparent 100% )}.maia-hero__slide[data-scrim=top]{--maia-scrim-directional: linear-gradient( to bottom, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * 1)) 0%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .9)) 32%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .68)) 55%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .28)) 74%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .05)) 90%, transparent 100% )}.maia-hero__slide[data-scrim=both]{--maia-scrim-directional: linear-gradient( to bottom, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .95)) 0%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .55)) 25%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .12)) 45%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .14)) 58%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * .62)) 76%, rgb(var(--maia-scrim-rgb) / calc(var(--scrim, .55) * 1)) 100% )}.maia-hero__slide[data-scrim=none] .maia-hero__scrim{background:none}.maia-hero__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.maia-hero__content{position:relative;z-index:2;height:100%;display:grid;padding:clamp(1.5rem,1rem + 4vw,5rem);pointer-events:none}.maia-hero__content{grid-template-areas:"content"}.maia-hero__content>*{grid-area:content;pointer-events:auto}.maia-hero__group{max-width:min(100%,var(--maia-group-w-mobile, 400px))}@media screen and (min-width:700px){.maia-hero__group{max-width:min(100%,var(--maia-group-w, 620px))}}.maia-hero[allow-transparent-header] .maia-hero__content{padding-top:calc(clamp(1.5rem,1rem + 4vw,5rem) + var(--header-height, 0px))}.maia-hero[data-controls] .maia-hero__content{padding-bottom:calc(clamp(1.5rem,1rem + 4vw,5rem) + 3.25rem)}.maia-hero__slide{--maia-shadow-k: var(--maia-shadow-k-mobile, 0)}@media screen and (min-width:700px){.maia-hero__slide{--maia-shadow-k: var(--maia-shadow-k-desktop, 0)}}.maia-hero__content{text-shadow:0 2px calc(6px + 26px * var(--maia-shadow-k)) rgb(var(--maia-shadow-rgb, 26 18 12) / calc(.62 * var(--maia-shadow-k))),0 1px calc(2px + 3px * var(--maia-shadow-k)) rgb(var(--maia-shadow-rgb, 26 18 12) / calc(.48 * var(--maia-shadow-k)))}.maia-hero__content .button-group{gap:var(--maia-button-gap, 1rem)}.maia-hero__content .button,.maia-hero__content .btn,.maia-hero__content [class*=button]{text-shadow:none}.maia-hero__content .prose>*:not(style){margin-block:0}.maia-hero__content .prose>*:not(style)~*:not(style){margin-top:var(--maia-stack-gap, 1.25rem)}.maia-hero__content .prose :is(h1,h2,h3,h4,h5,h6,p,span,li),.maia-hero__content .prose>*:not(style):not(.button-group){text-box:trim-both cap alphabetic}.maia-hero__content .prose :is(h1,h2,h3,h4,h5,h6,p,span,li,.heading,.subheading){text-wrap:balance}.maia-hero__group[data-heading-wrap=normal] .prose :is(h1,h2,h3,.heading){text-wrap:normal}.maia-hero__group[data-heading-wrap=pretty] .prose :is(h1,h2,h3,.heading){text-wrap:pretty}.maia-hero__group[data-body-wrap=normal] .prose :is(p,span,li,.subheading){text-wrap:normal}.maia-hero__group[data-body-wrap=pretty] .prose :is(p,span,li,.subheading){text-wrap:pretty}.maia-hero__content .prose p{margin-block:0}.maia-hero__content .prose p+p{margin-top:.6em}.maia-hero__content .prose>*:not(style){opacity:0;transform:translateY(16px);transition:transform var(--maia-dur) var(--maia-ease),opacity calc(var(--maia-dur) * .7) var(--maia-ease)}.maia-hero__slide.is-active .maia-hero__content .prose>*:not(style){opacity:1;transform:translateY(0);transition-delay:calc(var(--maia-i, 0) * .11s)}.maia-hero:not([data-ready]) .maia-hero__content .prose>*:not(style){opacity:1;transform:none}.maia-hero__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:1rem;padding:0 clamp(1.5rem,1rem + 4vw,5rem) clamp(1rem,.75rem + 1vw,1.75rem);pointer-events:none;color:rgb(var(--color-foreground, 255 255 255))}.maia-hero__progress{position:relative;flex:1;height:1px;background:currentColor;opacity:.28}.maia-hero__progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:currentColor}.maia-hero[data-playing] .maia-hero__progress-fill{animation:maia-hero-progress var(--maia-interval, 6s) linear forwards}@keyframes maia-hero-progress{0%{width:0}to{width:100%}}.maia-hero__count{font-family:var(--subheading-font-family, inherit);font-size:.6875rem;letter-spacing:.1em;font-variant-numeric:tabular-nums;opacity:.75}.maia-hero__nav{display:flex;gap:.25rem;pointer-events:auto}.maia-hero__nav button{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:currentColor;cursor:pointer;opacity:.75;transition:opacity .2s var(--maia-ease)}.maia-hero__nav button:hover{opacity:1}.maia-hero__nav button:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.maia-hero__slide,.maia-hero__content .prose>*{transition-duration:1ms!important;transition-delay:0ms!important}.maia-hero__content .prose>*{opacity:1;transform:none}.maia-hero[data-playing] .maia-hero__progress-fill{animation:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/maia-hero.css.map */