@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400&display=swap";:root{--oslym-white: #F5F3EE;--oslym-black: #0A0A0A;--oslym-white-mid: rgba(245, 243, 238, .5);--oslym-white-dim: rgba(245, 243, 238, .25);--oslym-font-display: "Cormorant Garamond", Georgia, serif;--oslym-font-ui: "Inter", system-ui, sans-serif;--oslym-ease: cubic-bezier(.65, 0, .35, 1);--oslym-ease-out: cubic-bezier(.16, 1, .3, 1)}.oslym-hero{position:relative;width:100%;height:var(--hero-height, 100vh);min-height:420px;overflow:hidden;background:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.oslym-hero[data-height-mode=aspect]{height:auto;aspect-ratio:var(--hero-aspect-ratio, 16 / 9);min-height:420px;max-height:none}.oslym-hero__track{position:relative;width:100%;height:100%}.oslym-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:var(--content-valign-desktop, flex-end);opacity:0;pointer-events:none;transition:opacity var(--fade-duration, .9s) var(--easing, cubic-bezier(.65, 0, .35, 1));will-change:opacity;z-index:0}.oslym-hero__slide.is-active{opacity:1;pointer-events:auto;z-index:1}.oslym-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--slide-overlay-color, var(--overlay-color, #000));opacity:var(--slide-overlay-opacity, var(--overlay-opacity, .1));z-index:2;pointer-events:none}.oslym-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--slide-glow-x, 68%) var(--slide-glow-y, 55%),var(--garment-glow-color, rgba(255, 250, 240, .9)) 0%,transparent var(--garment-glow-size, 55%));opacity:var(--garment-glow-opacity, .35);mix-blend-mode:soft-light}.oslym-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:transform .4s var(--easing-out, cubic-bezier(.16, 1, .3, 1))}.oslym-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(var(--zoom-scale-start, 1.05));transition:transform var(--zoom-duration, 12s) var(--easing-out, cubic-bezier(.16, 1, .3, 1))}.oslym-hero__slide.is-active .oslym-hero__img,.oslym-hero[data-zoom-direction=in] .oslym-hero__img{transform:scale(var(--zoom-scale-end, 1))}.oslym-hero[data-zoom-direction=in] .oslym-hero__slide.is-active .oslym-hero__img{transform:scale(var(--zoom-scale-start, 1.05))}.oslym-hero__img--mobile{display:none}.oslym-hero__img--desktop{display:block}@media(max-width:767px){.oslym-hero__img--desktop{display:none}.oslym-hero__img--mobile{display:block}}.oslym-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#1a1a1a,#222)}.oslym-hero__content{position:relative;z-index:3;width:100%;display:flex;justify-content:var(--content-align-desktop, flex-start);padding:var(--content-padding-y-desktop, 0px) var(--content-padding-x-desktop, 90px) var(--content-padding-bottom-desktop, 110px)}.oslym-hero__content-inner{max-width:var(--content-maxwidth-desktop, 720px);display:flex;flex-direction:column;align-items:var(--content-align-desktop, flex-start);text-align:var(--content-text-align-desktop, left)}.oslym-hero[data-content-bg=blur] .oslym-hero__content-inner{background:#00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:2rem 2.5rem;border-radius:2px}.oslym-hero[data-content-bg=pill] .oslym-hero__content-inner{background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2.5rem 3rem;border-radius:100px 100px 100px 0}.oslym-hero__subtitle{font-family:var(--subtitle-font-desktop, var(--oslym-font-ui));font-size:var(--subtitle-size-desktop, 14px);font-weight:var(--subtitle-weight-desktop, 300);letter-spacing:var(--subtitle-spacing-desktop, 3px);text-transform:var(--subtitle-transform-desktop, uppercase);color:var(--subtitle-color, rgba(245, 243, 238, .5));margin:0 0 var(--subtitle-margin-desktop, 16px);opacity:0;transform:translateY(14px);transition:opacity var(--subtitle-duration, .6s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--subtitle-delay, .15s),transform var(--subtitle-duration, .6s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--subtitle-delay, .15s)}.oslym-hero__heading{font-family:var(--heading-font-desktop, var(--oslym-font-display));font-size:var(--heading-size-desktop, 72px);font-weight:var(--heading-weight-desktop, 300);line-height:var(--heading-lineheight-desktop, .95);letter-spacing:var(--heading-spacing-desktop, -.02em);color:var(--heading-color, #F5F3EE);margin:0 0 var(--heading-margin-desktop, 24px);opacity:0;transform:translateY(26px);transition:opacity var(--heading-duration, .85s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--heading-delay, .25s),transform var(--heading-duration, .85s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--heading-delay, .25s)}.oslym-hero__heading p{margin:0}.oslym-hero__heading em,.oslym-hero__heading i{font-style:italic}.oslym-hero__description{font-family:var(--description-font-desktop, var(--oslym-font-ui));font-size:var(--description-size-desktop, 16px);font-weight:var(--description-weight-desktop, 300);line-height:var(--description-lineheight-desktop, 1.75);letter-spacing:var(--description-spacing-desktop, 0px);color:var(--description-color, rgba(245, 243, 238, .5));max-width:var(--description-maxwidth-desktop, 360px);margin:0 0 var(--description-margin-desktop, 36px);opacity:0;transform:translateY(14px);transition:opacity var(--description-duration, .6s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--description-delay, .4s),transform var(--description-duration, .6s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--description-delay, .4s)}.oslym-hero__slide.is-active .oslym-hero__subtitle,.oslym-hero__slide.is-active .oslym-hero__heading,.oslym-hero__slide.is-active .oslym-hero__description{opacity:1;transform:translateY(0)}.oslym-hero__btn{display:inline-block;font-family:var(--btn-font, var(--oslym-font-ui));font-size:var(--btn-size-desktop, 14px);font-weight:var(--btn-weight, 400);letter-spacing:var(--btn-spacing, 2px);text-transform:var(--btn-transform, uppercase);text-decoration:none;color:var(--btn-color, #F5F3EE);background:var(--btn-bg, transparent);border:var(--btn-border-width, 1px) solid var(--btn-border-color, rgba(245, 243, 238, .4));padding:var(--btn-padding-y, 14px) var(--btn-padding-x, 28px);border-radius:var(--btn-radius, 0px);margin-top:var(--btn-margin-desktop, 0px);position:relative;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity var(--btn-duration, .6s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--btn-delay, .5s),transform var(--btn-duration, .6s) var(--easing, cubic-bezier(.65, 0, .35, 1)) var(--btn-delay, .5s),color .25s var(--oslym-ease),border-color .25s var(--oslym-ease),background .25s var(--oslym-ease)}.oslym-hero__slide.is-active .oslym-hero__btn{opacity:1;transform:translateY(0)}.oslym-hero__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--btn-hover-bg, #F5F3EE);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--oslym-ease);z-index:0}@media(hover:hover){.oslym-hero__btn:hover{color:var(--btn-hover-color, #0A0A0A);border-color:var(--btn-hover-border, #F5F3EE)}.oslym-hero__btn:hover:before{transform:scaleX(1)}}.oslym-hero__btn-text{position:relative;z-index:1}.oslym-hero__btn:focus-visible{outline:2px solid var(--oslym-white);outline-offset:3px}.oslym-hero__nav{position:absolute;right:var(--nav-position-right, 55px);top:50%;transform:translateY(-50%);z-index:10}.oslym-hero__nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--nav-spacing, 28px);padding:0;margin:0}.oslym-hero__nav-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.6rem;padding:.25rem 0}.oslym-hero__nav-number{font-family:var(--oslym-font-ui);font-size:var(--nav-size, 9px);font-weight:300;letter-spacing:.08em;color:var(--nav-color, rgba(245, 243, 238, .25));min-width:1.4rem;text-align:right;transition:color .25s var(--oslym-ease)}.oslym-hero__nav-track{display:block;width:1px;height:2rem;background:var(--nav-track-color, rgba(245, 243, 238, .15));position:relative;overflow:hidden}.oslym-hero__nav-fill{display:block;position:absolute;top:0;left:0;width:100%;height:0;background:var(--nav-fill-color, #F5F3EE);transition:height .25s var(--oslym-ease)}.oslym-hero__nav-btn.is-active .oslym-hero__nav-number{color:var(--nav-active-color, #F5F3EE)}.oslym-hero__nav-btn.is-active .oslym-hero__nav-fill{height:100%}.oslym-hero__nav-btn:hover .oslym-hero__nav-number{color:var(--nav-hover-color, rgba(245,243,238,.65))}.oslym-hero__nav-btn:hover .oslym-hero__nav-fill{height:50%}.oslym-hero__nav-btn:focus-visible{outline:none}.oslym-hero__nav-btn:focus-visible .oslym-hero__nav-number{outline:1px solid var(--oslym-white);outline-offset:3px}.oslym-hero__nav--dots{display:none}@media(max-width:767px){.oslym-hero__nav{display:none}.oslym-hero__nav--dots{display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;gap:.5rem}.oslym-hero__nav-dot{width:6px;height:6px;border-radius:50%;background:var(--nav-color, rgba(245, 243, 238, .25));border:none;padding:0;cursor:pointer;transition:background .25s var(--oslym-ease),transform .25s var(--oslym-ease)}.oslym-hero__nav-dot.is-active{background:var(--nav-active-color, #F5F3EE);transform:scale(1.3)}.oslym-hero__nav-dot:focus-visible{outline:2px solid var(--oslym-white);outline-offset:2px}}.oslym-hero__progress{position:absolute;bottom:0;left:0;width:100%;height:var(--progress-height, 1px);background:var(--progress-bg, rgba(245, 243, 238, .12));z-index:10;overflow:hidden}.oslym-hero__progress-bar{height:100%;width:0%;background:var(--progress-bar-color, rgba(245, 243, 238, .65))}@media(max-width:767px){.oslym-hero__progress{display:none}}.oslym-hero__scroll{position:absolute;bottom:var(--scroll-position-bottom, 55px);left:var(--scroll-position-left, 80px);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem}.oslym-hero__scroll-label{font-family:var(--oslym-font-ui);font-size:var(--scroll-size, 8px);font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:var(--scroll-color, rgba(245, 243, 238, .25));writing-mode:vertical-rl}.oslym-hero__scroll-line{display:block;width:1px;height:3rem;background:var(--scroll-line-color, rgba(245, 243, 238, .25));position:relative;overflow:hidden}.oslym-hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--scroll-line-fill, rgba(245, 243, 238, .6));animation:oslym-drip 2s var(--oslym-ease-out) infinite}@keyframes oslym-drip{0%{top:-100%}65%{top:100%}to{top:100%}}@media(max-width:767px){.oslym-hero__scroll{display:none}}@media(max-width:767px){.oslym-hero[data-height-mode=aspect]{aspect-ratio:var(--hero-aspect-ratio-mobile, 3 / 4);min-height:500px}.oslym-hero__slide{align-items:var(--content-valign-mobile, flex-end)}.oslym-hero__content{justify-content:var(--content-align-mobile, flex-start);padding:var(--content-padding-y-mobile, 0px) var(--content-padding-x-mobile, 24px) var(--content-padding-bottom-mobile, 56px)}.oslym-hero__content-inner{max-width:var(--content-maxwidth-mobile, 100%);align-items:var(--content-align-mobile, flex-start);text-align:var(--content-text-align-mobile, left)}.oslym-hero__subtitle{font-size:var(--subtitle-size-mobile, 12px);font-weight:var(--subtitle-weight-mobile, 300);letter-spacing:var(--subtitle-spacing-mobile, 2px);text-transform:var(--subtitle-transform-mobile, uppercase);margin-bottom:var(--subtitle-margin-mobile, 12px)}.oslym-hero__heading{font-size:var(--heading-size-mobile, 36px);font-weight:var(--heading-weight-mobile, 300);line-height:var(--heading-lineheight-mobile, 1.05);letter-spacing:var(--heading-spacing-mobile, -.01em);margin-bottom:var(--heading-margin-mobile, 18px)}.oslym-hero__description{font-size:var(--description-size-mobile, 14px);font-weight:var(--description-weight-mobile, 300);line-height:var(--description-lineheight-mobile, 1.6);letter-spacing:var(--description-spacing-mobile, 0px);max-width:var(--description-maxwidth-mobile, 320px);margin-bottom:var(--description-margin-mobile, 28px)}.oslym-hero__btn{font-size:var(--btn-size-mobile, 13px);margin-top:var(--btn-margin-mobile, 0px)}}@media(prefers-reduced-motion:reduce){.oslym-hero__slide{transition:none}.oslym-hero__img,.oslym-hero__media{transition:none;transform:none!important}.oslym-hero__subtitle,.oslym-hero__heading,.oslym-hero__description,.oslym-hero__btn{transition:none;opacity:1;transform:none}.oslym-hero__nav-fill{transition:none}.oslym-hero__scroll-line:after{animation:none}.oslym-hero__progress-bar{width:100%}.oslym-hero__slide:not(.is-active){display:none}.oslym-hero__nav,.oslym-hero__progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/oslym-hero.css.map */