:root{--mdh-ink: #1c1c1e;--mdh-ease: cubic-bezier(.22, 1, .36, 1)}@media screen and (min-width:750px){.hero .hero__container{border-end-start-radius:28px;border-end-end-radius:28px}}.hero .hero__media-wrapper{isolation:isolate}.hero .hero__media-wrapper>img.hero__media{filter:saturate(1.08) contrast(1.03);transform-origin:55% 45%;will-change:transform;animation:mdh-kenburns 26s ease-in-out infinite alternate}@keyframes mdh-kenburns{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.09) translate3d(-1.2%,1%,0)}}.hero .hero__media-grid>.overlay{background:linear-gradient(to top,#16121c80,#16121c2e 35%,#16121c00 65%),radial-gradient(125% 95% at 50% 42%,#0000 55%,#00000038)}.hero .hero__content-wrapper>.text-block.text-block--background{position:relative;color:var(--mdh-ink);background:#fff9;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgb(255 255 255 / .7);border-radius:28px;box-shadow:0 30px 70px -28px #0f0c1973,0 8px 22px -12px #0f0c192e,inset 0 1px #ffffffd9;padding-block:clamp(1.35rem,1rem + 1.4vw,2.1rem) clamp(1.5rem,1.1rem + 1.4vw,2.25rem);padding-inline:clamp(1.4rem,1rem + 3vw,3.4rem);max-width:min(100%,46rem);animation:mdh-rise .95s var(--mdh-ease) .1s both}.hero .hero__content-wrapper>.text-block.custom-typography,.hero .hero__content-wrapper>.text-block.custom-typography>*{font-family:var(--font-subheading--family, var(--font-heading--family));font-weight:var(--font-subheading--weight, 400);font-size:clamp(1.35rem,1rem + 1.5vw,2.15rem);line-height:1.3;letter-spacing:-.01em;text-wrap:balance}.hero .hero__content-wrapper>.text-block.custom-typography>*{max-inline-size:min(100%,32ch)}.hero .hero__content-wrapper>.text-block.custom-typography>p+p{font-family:var(--font-body--family, inherit);font-weight:500;font-size:clamp(.95rem,.8rem + .55vw,1.2rem);line-height:1.45;letter-spacing:.01em;margin-block-start:.65em;opacity:.88;max-inline-size:min(100%,44ch)}.hero .hero__content-wrapper>.button{position:relative;overflow:hidden;isolation:isolate;border-radius:999px;padding-block:1rem;padding-inline:2.2rem;font-weight:700;font-size:.82rem;letter-spacing:.14em;box-shadow:0 14px 30px -12px #ea97a7d9,0 2px 6px #00000014;transition:transform .4s var(--mdh-ease),box-shadow .4s var(--mdh-ease),background-color .3s ease,color .3s ease;animation:mdh-rise .95s var(--mdh-ease) .35s both}.hero .hero__content-wrapper>.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgb(255 255 255 / .55) 50%,transparent 65%);translate:-130% 0;transition:translate .9s var(--mdh-ease)}.hero .hero__content-wrapper>.button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 22px 40px -14px #ea97a7f2,0 4px 10px #0000001a}.hero .hero__content-wrapper>.button:hover:after{translate:130% 0}.hero .hero__content-wrapper>.button:active{transform:translateY(-1px) scale(.99)}@keyframes mdh-rise{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}@supports (animation-timeline: scroll()){.hero{view-timeline:--mdh-hero block}.hero .hero__media-wrapper--desktop{animation:mdh-parallax linear both;animation-timeline:--mdh-hero;animation-range:exit 0% exit 100%}.hero .hero__content-wrapper{animation:mdh-content-exit linear both;animation-timeline:--mdh-hero;animation-range:exit 0% exit 60%}}@keyframes mdh-parallax{to{translate:0 22%}}@keyframes mdh-content-exit{to{opacity:0;transform:translateY(-48px)}}@media screen and (min-width:750px){.hero .hero__container:after{content:"";position:absolute;left:50%;bottom:1.75rem;z-index:2;width:18px;height:18px;margin-left:-9px;border-right:3px solid rgb(255 255 255 / .95);border-bottom:3px solid rgb(255 255 255 / .95);border-radius:0 0 3px;transform:rotate(45deg);filter:drop-shadow(0 2px 6px rgb(0 0 0 / .35));pointer-events:none;animation:mdh-arrow-down 1.7s cubic-bezier(.4,0,.2,1) infinite}}@keyframes mdh-arrow-down{0%{transform:translateY(-12px) rotate(45deg);opacity:0}35%{opacity:1}to{transform:translateY(12px) rotate(45deg);opacity:0}}@media screen and (max-width:749px){.hero .hero__content-wrapper>.text-block.text-block--background{border-radius:22px}}@media(prefers-reduced-motion:reduce){.hero .hero__media-wrapper>img.hero__media,.hero .hero__media-wrapper--desktop,.hero .hero__content-wrapper,.hero .hero__content-wrapper>.text-block.text-block--background,.hero .hero__content-wrapper>.button,.hero .hero__container:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hero-modern.css.map */