.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:var(--hero-pad, 2rem);scroll-padding-inline:var(--hero-pad, 2rem)}.myop-hero__viewport::-webkit-scrollbar{display:none}.myop-hero__slide{position:relative;flex:0 0 calc(100% - (var(--hero-pad, 2rem) * 2) - var(--hero-peek, 0rem));scroll-snap-align:start;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--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}.myop-hero__media img,.myop-hero__media svg{width:100%;height:100%;object-fit:cover;display:block}.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:var(--hero-pad, 2rem);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:1rem;justify-content:center;align-items:center;pointer-events:auto}.myop-hero__dot{width:.9rem;height:.9rem;border-radius:999px;padding:0;border:1px solid currentColor;background:transparent;cursor:pointer;opacity:.5;transition:opacity var(--duration-fast,.3s),transform var(--duration-fast,.3s)}.myop-hero__dot[aria-current=true]{opacity:1;background:currentColor;transform:scale(1.1)}.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{flex-basis:calc(100% - var(--hero-pad-mobile, 1.2rem) * 2)}.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__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/2/assets/section-myop-hero.css.map */