.osh{display:block;position:relative;width:100%;background:#eef0f2;--osh-ease: cubic-bezier(.22, 1, .36, 1)}.osh__stage{position:relative;isolation:isolate;height:clamp(480px,calc(100svh - var(--header-height, 82px)),1000px);overflow:hidden;touch-action:pan-y pinch-zoom}body:has(.och[data-overlay=true]) .osh__stage{height:clamp(562px,100svh,1082px)}.osh.is-scroll-story{height:calc(var(--osh-track-height) + var(--osh-cover-distance, 0px))}.osh.is-scroll-story .osh__stage{position:sticky;top:var(--osh-sticky-top, 0px);height:calc(100svh - var(--osh-sticky-top, 0px));min-height:480px}.osh.is-cover-target:not(.is-scroll-story){height:calc(var(--osh-stage-height, 100svh) + var(--osh-cover-distance, 0px))}.osh.is-cover-target .osh__stage{position:sticky;top:var(--osh-sticky-top, 0px)}html:not([data-olsun-static-product]) .osh.is-cover-target .osh__slide{filter:blur(var(--osh-cover-blur, 0px))}html:not([data-olsun-static-product]) .osh.is-cover-target:focus-within .osh__slide{filter:none}@media(prefers-reduced-motion:reduce){.osh.is-cover-target .osh__slide{filter:none!important}}.osh__slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--osh-text);background:var(--osh-background);opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.025);transition:opacity var(--osh-duration) var(--osh-ease),transform var(--osh-duration) var(--osh-ease),visibility 0s var(--osh-duration)}.osh__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition-delay:0s;z-index:1}.osh__picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.osh__image{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.osh__copy{position:absolute;inset-block-start:28%;inset-inline-start:6.1%;width:45%;max-width:780px;font-family:var(--font-body--family, sans-serif)}.osh .osh__heading{margin:0;font-family:inherit;font-size:clamp(64px,7.8vw,150px);font-weight:300;line-height:1.03;letter-spacing:-.055em;color:var(--osh-text)}.osh__line{display:block}.osh__line--secondary{color:var(--osh-secondary)}.osh .osh__eyebrow{margin:24px 0 0;font-size:clamp(14px,1.45vw,26px);line-height:1.4;font-weight:400;letter-spacing:.26em}.osh .osh__description{margin:9px 0 0;font-size:clamp(14px,1.35vw,24px);line-height:1.5;font-weight:300;letter-spacing:.07em}.osh .osh__button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;margin-top:30px;padding:12px 26px;border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--osh-text);font:400 clamp(15px,1.3vw,22px)/1.25 var(--font-body--family, sans-serif);letter-spacing:.04em;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease}.osh__button svg{width:26px;height:20px;flex-shrink:0}.osh .osh__button:hover{background:#ffffff5c;box-shadow:0 6px 22px #00000008}.osh__button:focus-visible,.osh__dot:focus-visible{outline:2px solid currentColor;outline-offset:5px}.osh__slide.is-active .osh__reveal{animation:osh-reveal var(--osh-duration) var(--osh-ease) var(--osh-delay, 0ms) both}.osh__controls{position:absolute;inset-inline:0;bottom:20px;display:flex;justify-content:center;gap:2px;z-index:2}.osh .osh__dot{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#26282b;cursor:pointer}.osh__dot span{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.3}.osh__dot[aria-pressed=true] span{opacity:1}.osh__setup-note{font-size:14px}.osh__slide--multivitamin .osh__copy{inset-block-start:25%;inset-inline-start:5%;width:49%}.osh .osh__slide--multivitamin .osh__heading{font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6.1vw,112px);font-weight:400;letter-spacing:-.055em}.osh__slide--multivitamin .osh__line--secondary{color:var(--osh-text)}.osh .osh__slide--multivitamin .osh__eyebrow{margin:0 0 28px;font-size:clamp(12px,1.2vw,22px);letter-spacing:.3em}.osh .osh__slide--multivitamin .osh__description{margin-top:22px;font-size:clamp(14px,1.65vw,26px);letter-spacing:.02em}.osh .osh__slide--multivitamin .osh__button{background:var(--osh-text);color:#fff;border-color:var(--osh-text)}.osh .osh__slide--multivitamin .osh__button:hover{background:color-mix(in srgb,var(--osh-text) 88%,#fff)}@keyframes osh-reveal{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}body:has(.och[data-overlay=true]) .osh:has(.osh__slide--lifestyle) .osh__stage{height:100svh;min-height:0}.osh .osh__slide--lifestyle .osh__copy{inset-block-start:50%;inset-block-end:auto;inset-inline-start:5%;width:39%;max-width:630px;transform:translateY(-50%)}.osh .osh__slide--lifestyle .osh__heading{font-size:clamp(32px,4.15vw,76px);font-weight:400;line-height:1.08;letter-spacing:-.045em}.osh__slide--lifestyle .osh__line--secondary{color:inherit}.osh .osh__slide--lifestyle .osh__eyebrow{margin:0 0 22px;font-size:clamp(11px,1.05vw,18px);line-height:1.4;letter-spacing:.22em}.osh .osh__slide--lifestyle .osh__description{max-width:440px;margin:24px 0 0;font-size:clamp(14px,1.3vw,21px);font-weight:400;line-height:1.55;letter-spacing:0;text-wrap:pretty}.osh .osh__details{margin:14px 0 0;font-size:clamp(12px,1vw,16px);line-height:1.5}.osh .osh__slide--lifestyle .osh__button{margin-top:26px;font-size:clamp(14px,1.15vw,19px);letter-spacing:0}.osh:has(.osh__slide--lifestyle.is-active) .osh__dot{color:#fff}@media(max-width:749px){body:has(.och[data-overlay=true]) .osh__stage{height:clamp(694px,100svh,1074px)}body:has(.och[data-overlay=true]) .osh__image{object-position:center top}.osh.is-scroll-story .osh__stage{min-height:620px}.osh__stage{height:clamp(620px,calc(100svh - var(--header-height, 74px)),1000px)}.osh__copy{inset-block-start:3%;inset-inline-start:8%;width:84%;max-width:none}body:has(.och[data-overlay=true]) .osh__copy{inset-block-start:calc(var(--header-height, 74px) + 3%)}.osh .osh__heading{font-size:clamp(38px,min(11.5vw,8.2svh),68px);line-height:1.03;letter-spacing:-.055em}.osh__line--secondary{color:var(--osh-text)}.osh .osh__eyebrow{margin-top:18px;font-size:clamp(12px,2.8vw,20px);letter-spacing:.22em}.osh .osh__description{margin-top:5px;font-size:clamp(13px,2.9vw,21px);letter-spacing:0}.osh .osh__button{margin-top:20px;min-height:44px;padding:10px 20px;gap:24px;font-size:clamp(14px,3.1vw,20px);letter-spacing:0}.osh__button svg{width:23px}.osh__controls{bottom:12px}.osh .osh__slide--multivitamin .osh__copy{inset-block-start:calc(var(--header-height, 74px) + 2%);inset-block-end:0;inset-inline-start:5%;width:90%;text-align:center;pointer-events:none}.osh .osh__slide--multivitamin .osh__image{object-fit:contain;object-position:center}.osh__slide--multivitamin{background:linear-gradient(135deg,#fcfcfd,#fff3f6)}.osh .osh__slide--multivitamin .osh__heading{font-size:clamp(29px,min(8.6vw,5.8svh),48px);line-height:1.08}.osh .osh__slide--multivitamin .osh__eyebrow{margin:0 0 16px;font-size:clamp(9px,2.35vw,13px);letter-spacing:.22em}.osh .osh__slide--multivitamin .osh__description{margin-top:13px;font-size:clamp(12px,2.8vw,17px);line-height:1.4}.osh .osh__slide--multivitamin .osh__button{position:absolute;inset-inline:0;bottom:60px;width:max-content;max-width:100%;margin-inline:auto;pointer-events:auto;font-size:clamp(13px,3.2vw,18px)}}@media(max-width:749px),(max-width:989px)and (min-height:600px){.osh .osh__slide--lifestyle{color:#fff}.osh .osh__slide--lifestyle .osh__image,body:has(.och[data-overlay=true]) .osh__slide--lifestyle .osh__image{object-fit:cover;object-position:center 40%}.osh__slide--lifestyle .osh__picture:after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#00000030 35%,#00000080);pointer-events:none}.osh .osh__slide--lifestyle .osh__copy,body:has(.och[data-overlay=true]) .osh__slide--lifestyle .osh__copy{inset-block-start:auto;inset-block-end:60px;inset-inline-start:7%;width:86%;max-width:540px;transform:none}.osh .osh__slide--lifestyle .osh__copy{text-shadow:0 1px 5px #00000080}.osh .osh__slide--lifestyle .osh__heading{color:inherit;font-size:clamp(25px,6vw,42px);font-weight:500;line-height:1.1}.osh .osh__slide--lifestyle .osh__eyebrow{margin:0 0 10px;font-size:clamp(10px,2.6vw,15px);font-weight:700;letter-spacing:.19em}.osh .osh__slide--lifestyle .osh__description{max-width:500px;margin-top:12px;font-size:clamp(12px,2.8vw,17px);font-weight:500;line-height:1.5}.osh .osh__slide--lifestyle .osh__details{margin-top:10px;font-size:clamp(11px,2.7vw,15px);font-weight:500;color:#fff}.osh .osh__slide--lifestyle .osh__button{color:inherit;margin-top:16px;min-height:44px;font-size:clamp(13px,3.1vw,18px);font-weight:500;padding:11px 19px}}@media(max-width:749px)and (max-height:620px){.osh .osh__slide--lifestyle .osh__copy,body:has(.och[data-overlay=true]) .osh__slide--lifestyle .osh__copy{inset-block-end:50px}.osh .osh__slide--lifestyle .osh__heading{font-size:22px;line-height:1.08}.osh .osh__slide--lifestyle .osh__eyebrow{margin-bottom:8px;font-size:9px}.osh .osh__slide--lifestyle .osh__description{margin-top:10px;font-size:11px;line-height:1.4}.osh .osh__slide--lifestyle .osh__details{margin-top:8px;font-size:10px;line-height:1.4}.osh .osh__slide--lifestyle .osh__button{margin-top:12px;font-size:12px;padding:10px 17px}}@media(min-width:750px)and (max-height:599px){.osh .osh__slide--lifestyle .osh__eyebrow{margin-bottom:10px}.osh .osh__slide--lifestyle .osh__description{margin-top:12px;font-size:13px}.osh .osh__slide--lifestyle .osh__details{margin-top:8px;font-size:11px}.osh .osh__slide--lifestyle .osh__button{margin-top:14px;min-height:44px;padding:10px 18px}}@media(prefers-reduced-motion:reduce){.osh__slide,.osh .osh__button{transition:none;transform:none}.osh__slide.is-active .osh__reveal{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/olsun-scroll-hero.css.map */