.myop-hero{position:relative;overflow:hidden;padding-top:var(--hero-top, 0px)}.myop-hero__viewport{display:flex;gap:var(--hero-gap, 1.5rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-inline:calc(var(--hero-pad, 2rem) + var(--hero-peek, 0rem));scroll-padding-inline:calc(var(--hero-pad, 2rem) + var(--hero-peek, 0rem))}.myop-hero__viewport::-webkit-scrollbar{display:none}.myop-hero__viewport{cursor:grab}.myop-hero__viewport.myop-bs--grabbing{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.myop-hero__viewport.myop-bs--grabbing a{pointer-events:none}.myop-hero__slide{position:relative;flex:0 0 100%;scroll-snap-align:center;display:grid;border-radius:var(--hero-radius, 2.4rem);overflow:hidden}.myop-hero--small .myop-hero__slide{min-height:40rem}.myop-hero--medium .myop-hero__slide{min-height:52rem}.myop-hero--large .myop-hero__slide{min-height:62rem}.myop-hero--adapt .myop-hero__slide{min-height:0}.myop-hero--banner .myop-hero__slide{min-height:0;aspect-ratio:var(--hero-ratio, 2.4)}.myop-hero--viewport .myop-hero__slide{min-height:calc(100svh - var(--hero-top, 0px) - var(--hero-fit-offset, 9rem))}.myop-hero__slide[data-custom-height]{min-height:var(--slide-custom-height)}.myop-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.myop-hero__media img,.myop-hero__media svg{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.myop-hero__viewport.myop-bs--grabbing,.myop-hero__viewport.myop-bs--grabbing *{-webkit-user-select:none;user-select:none}@keyframes myop-hero-settle{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes myop-hero-settle-mobile{0%{transform:scale(1.18) translateY(2%);filter:blur(8px) brightness(1.08)}55%{filter:blur(0) brightness(1)}to{transform:scale(1) translateY(0);filter:blur(0) brightness(1)}}.myop-hero__slide.is-active .myop-hero__media img{animation:myop-hero-settle 1.4s cubic-bezier(.16,.84,.28,1) both;will-change:transform}@media(prefers-reduced-motion:reduce){.myop-hero__slide.is-active .myop-hero__media img{animation:none}}.myop-hero--adapt .myop-hero__media{position:relative}.myop-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:1}.myop-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.6rem;padding:clamp(2.4rem,5vw,7rem);width:100%;max-width:var(--page-width);margin-inline:auto}.myop-hero__content[data-pos$=left]{align-items:flex-start;text-align:left}.myop-hero__content[data-pos$=center]{align-items:center;text-align:center}.myop-hero__content[data-pos$=right]{align-items:flex-end;text-align:right}.myop-hero__content[data-pos^=top]{justify-content:flex-start}.myop-hero__content[data-pos^=middle]{justify-content:center}.myop-hero__content[data-pos^=bottom]{justify-content:flex-end}.myop-hero__eyebrow{font-family:var(--font-heading-family);font-size:clamp(1.6rem,2.2vw,2.6rem);letter-spacing:.04em;margin:0;opacity:.95}.myop-hero__heading{margin:0;font-family:var(--font-heading-family);line-height:.95;font-weight:var(--font-heading-weight)}.myop-hero__heading--display{font-size:clamp(5rem,11vw,13rem);letter-spacing:-.01em}.myop-hero__heading--standard{font-size:clamp(3.2rem,6vw,6rem)}.myop-hero__heading--script{font-size:clamp(5rem,11vw,13rem);font-style:italic;text-transform:none;letter-spacing:-.01em}.myop-hero__subheading{margin:0;font-size:clamp(1.5rem,1.8vw,2rem);max-width:52ch}.myop-hero__cta{margin-top:1rem}.myop-hero__controls{position:absolute;z-index:4;bottom:clamp(1.6rem,2.4vw,3rem);left:calc(var(--hero-pad, 2rem) + var(--hero-peek, 0rem));right:calc(var(--hero-pad, 2rem) + var(--hero-peek, 0rem));color:var(--hero-controls-color, #fff);padding-inline:clamp(1.6rem,3vw,4rem);pointer-events:none;transition:color var(--duration-fast,.3s) var(--ease-primary)}.myop-hero__rule{height:1px;background:currentColor;opacity:.35;margin-bottom:clamp(1rem,1.6vw,1.8rem)}.myop-hero__controls-row{display:flex;align-items:center;gap:1rem}.myop-hero__dots{flex:1 1 auto;display:flex;gap:1.4rem;justify-content:center;align-items:center;pointer-events:auto}.myop-hero__dot{width:.7rem;height:.7rem;border-radius:999px;padding:0;border:0;background:#fff;cursor:pointer;opacity:.6;outline:1.5px solid transparent;outline-offset:3px;box-shadow:0 0 3px #00000059;transition:opacity var(--duration-fast,.3s) var(--ease-primary),outline-color var(--duration-fast,.3s) var(--ease-primary)}.myop-hero__dot:hover{opacity:.9}.myop-hero__dot[aria-current=true]{opacity:1;outline-color:#fff}.myop-hero__arrow{flex:0 0 auto;width:4.4rem;height:4.4rem;border-radius:999px;cursor:pointer;display:grid;place-items:center;background:transparent;border:0;color:inherit;pointer-events:auto;transition:transform var(--duration-fast,.3s) var(--ease-primary),opacity var(--duration-fast,.3s);opacity:.85}.myop-hero__arrow:hover{opacity:1}.myop-hero__arrow svg{width:3.4rem;height:1.6rem}.myop-hero__arrow--prev:hover{transform:translate(-4px)}.myop-hero__arrow--next:hover{transform:translate(4px)}.myop-hero__pause{position:absolute;z-index:4;top:2rem;right:clamp(1.6rem,4vw,5rem);width:3.6rem;height:3.6rem;border-radius:999px;cursor:pointer;display:grid;place-items:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:0;opacity:.85}@media(max-width:749px){.myop-hero__viewport{--hero-peek: 0rem;padding-inline:var(--hero-pad-mobile, 1.2rem);scroll-padding-inline:var(--hero-pad-mobile, 1.2rem);gap:var(--hero-gap-mobile, 1rem)}.myop-hero__slide{transform:scale(.94);transition:transform .7s cubic-bezier(.22,.61,.36,1)}.myop-hero__slide .myop-hero__media{filter:brightness(.82);transition:filter .7s cubic-bezier(.22,.61,.36,1)}.myop-hero__slide.is-active{transform:scale(1)}.myop-hero__slide.is-active .myop-hero__media{filter:brightness(1)}.myop-hero__slide.is-active .myop-hero__media img{animation:myop-hero-settle-mobile 1.6s cubic-bezier(.16,.84,.28,1) both;will-change:transform,filter}@media(prefers-reduced-motion:reduce){.myop-hero__slide,.myop-hero__slide .myop-hero__media{transition:none;transform:none;filter:none}.myop-hero__slide.is-active .myop-hero__media img{animation:none}}.myop-hero__slide{flex-basis:100%}.myop-hero--small .myop-hero__slide,.myop-hero--medium .myop-hero__slide,.myop-hero--large .myop-hero__slide{min-height:52rem}.myop-hero--viewport .myop-hero__slide{min-height:calc(100svh - var(--hero-top, 0px) - var(--hero-fit-offset-mobile, 7rem))}.myop-hero--banner .myop-hero__slide{aspect-ratio:var(--hero-ratio-mobile, 1)}.myop-hero__heading--display,.myop-hero__heading--script{font-size:clamp(4.4rem,16vw,8rem)}.myop-hero__controls{right:var(--hero-pad-mobile, 1.2rem);left:var(--hero-pad-mobile, 1.2rem);padding-inline:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-myop-hero.css.map */