.modern-hero{padding:var(--mh-gutter);box-sizing:border-box}.modern-hero *,.modern-hero *:before,.modern-hero *:after{box-sizing:border-box}.modern-hero__container{position:relative;width:100%;height:var(--mh-height-m);overflow:hidden;isolation:isolate;border-radius:var(--mh-radius);box-shadow:var(--mh-shadow)}.modern-hero__media,.modern-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.modern-hero__media picture,.modern-hero__image,.modern-hero__placeholder{display:block;width:100%;height:100%}.modern-hero__image{object-fit:cover;object-position:var(--mh-pos-m)}.modern-hero__placeholder{background:#e8e8e8;fill:#b5b5b5}.modern-hero__overlay{background:var(--mh-overlay-m);pointer-events:none}.modern-hero--zoom .modern-hero__image{animation:modern-hero-zoom 14s ease-out forwards;will-change:transform}@keyframes modern-hero-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.modern-hero__content{position:relative;z-index:2;display:flex;height:100%;padding:clamp(20px,5vw,64px);color:var(--mh-text)}.modern-hero__inner{width:100%;max-width:var(--mh-maxw)}.modern-hero__content--left{justify-content:flex-start;text-align:left}.modern-hero__content--center{justify-content:center;text-align:center}.modern-hero__content--right{justify-content:flex-end;text-align:right}.modern-hero__content--v-top{align-items:flex-start}.modern-hero__content--v-center{align-items:center}.modern-hero__content--v-bottom{align-items:flex-end}.modern-hero__eyebrow{margin:0 0 12px;font-size:.875rem;letter-spacing:.06em;opacity:.85}.modern-hero__heading{margin:0;font-size:var(--mh-title-m);line-height:1.05;font-weight:600;color:inherit;text-wrap:balance}.modern-hero__subheading{max-width:34em;margin-top:16px;font-size:calc(var(--mh-sub) - 2px);line-height:1.55}.modern-hero__subheading p{margin:0}.modern-hero__content--center .modern-hero__subheading{margin-inline:auto}.modern-hero__content--right .modern-hero__subheading{margin-inline-start:auto}.modern-hero__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.modern-hero__content--center .modern-hero__buttons{justify-content:center}.modern-hero__content--right .modern-hero__buttons{justify-content:flex-end}.modern-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:var(--mh-btn-h);padding:0 var(--mh-btn-pad);border:1px solid transparent;border-radius:var(--mh-btn-radius);font-size:.875rem;font-weight:600;letter-spacing:.04em;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}.modern-hero__button:hover{transform:translateY(-2px)}.modern-hero__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.modern-hero__button--primary{background:var(--mh-btn-bg);color:var(--mh-btn-fg);box-shadow:var(--mh-btn-shadow)}.modern-hero__button--primary:hover{background:var(--mh-btn-fg);color:var(--mh-btn-bg)}.modern-hero__button--secondary{color:var(--mh-text);border-color:currentColor;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modern-hero__button--secondary:hover{background:#fff3}.modern-hero__arrow{transition:transform .3s ease}.modern-hero__button:hover .modern-hero__arrow{transform:translate(4px)}.modern-hero--animate .modern-hero__inner>*{animation:modern-hero-rise .9s cubic-bezier(.2,.65,.3,1) both}.modern-hero--animate .modern-hero__inner>:nth-child(2){animation-delay:.1s}.modern-hero--animate .modern-hero__inner>:nth-child(3){animation-delay:.2s}.modern-hero--animate .modern-hero__inner>:nth-child(4){animation-delay:.3s}@keyframes modern-hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(min-width:750px){.modern-hero__container{height:var(--mh-height-d)}.modern-hero__image{object-position:var(--mh-pos-d)}.modern-hero__overlay{background:var(--mh-overlay-d)}.modern-hero__heading{font-size:var(--mh-title-d)}.modern-hero__subheading{font-size:var(--mh-sub)}}@media(prefers-reduced-motion:reduce){.modern-hero__image,.modern-hero--animate .modern-hero__inner>*{animation:none}.modern-hero__button,.modern-hero__arrow{transition:none}.modern-hero__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */