.ozana-filtration-story-home{background:var(--story-background, #f4f4f1);color:var(--story-ink, #081313);overflow:clip;padding-block:var(--story-space-top, 104px) var(--story-space-bottom, 104px)}.ozana-filtration-story-home__wrap{margin-inline:auto;max-width:1376px;padding-inline:clamp(24px,4vw,64px)}.ozana-filtration-story-home__header{display:grid;gap:clamp(20px,3vw,48px);grid-template-columns:minmax(0,.92fr) minmax(280px,.72fr);margin-bottom:clamp(56px,7vw,104px)}.ozana-filtration-story-home__header h2{color:var(--story-ink, #081313);font-family:var(--font-heading-family, inherit);font-size:clamp(42px,5.4vw,76px);font-weight:450;letter-spacing:-.055em;line-height:.98;margin:0;max-width:12ch}.ozana-filtration-story-home__lead{align-self:end;color:var(--story-muted, #4f5856);font-size:clamp(17px,1.35vw,20px);line-height:1.58;max-width:44rem}.ozana-filtration-story-home__lead p,.ozana-filtration-story-home__step-copy .rte p{margin:0}.ozana-filtration-story-home__shell{align-items:start;display:grid;gap:clamp(48px,7vw,112px);grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr)}.ozana-filtration-story-home__visual-column{align-self:stretch;min-width:0}.ozana-filtration-story-home__visual{aspect-ratio:1 / 1;background:transparent;border-radius:var(--story-radius, 28px);overflow:hidden;position:sticky;top:clamp(88px,10vh,132px);width:min(100%,calc(100vh - 128px))}.ozana-filtration-story-home__figure{top:0;right:0;bottom:0;left:0;margin:0;opacity:0;position:absolute;transform:scale(1.018);transition:opacity .54s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);visibility:hidden}.ozana-filtration-story-home__figure.is-active{opacity:1;transform:scale(1);visibility:visible}.ozana-filtration-story-home__image,.ozana-filtration-story-home__mobile-image{display:block;height:100%;object-fit:cover;width:100%}.ozana-filtration-story-home__image--technical,.ozana-filtration-story-home__mobile-image--technical{object-fit:contain;padding:clamp(44px,8vw,96px)}.ozana-filtration-story-home__overview-products{background:var(--story-panel, #0b2929);height:100%;overflow:hidden;position:relative;width:100%}.ozana-filtration-story-home__overview-product{bottom:7%;filter:drop-shadow(0 24px 22px rgba(0,0,0,.24));height:auto;object-fit:contain;position:absolute}.ozana-filtration-story-home__overview-product--spring{left:4%;width:44%}.ozana-filtration-story-home__overview-product--flow{bottom:10%;right:4%;width:40%}.ozana-filtration-story-home__overview-product--storm{bottom:5%;left:50%;transform:translate(-50%);width:17%;z-index:2}.ozana-filtration-story-home__progress{background:#ffffff47;bottom:24px;height:2px;left:24px;overflow:hidden;position:absolute;right:24px;z-index:3}.ozana-filtration-story-home__progress span{background:#fff;display:block;height:100%;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.ozana-filtration-story-home__steps{list-style:none;margin:0;padding:0}.ozana-filtration-story-home__step{align-items:center;border-top:1px solid color-mix(in srgb,var(--story-line, #7a8b86) 36%,transparent);display:flex;min-height:clamp(360px,52vh,580px);opacity:.42;padding-block:clamp(64px,8vh,104px);transition:opacity .36s ease}.ozana-filtration-story-home__step:last-child{border-bottom:1px solid color-mix(in srgb,var(--story-line, #7a8b86) 36%,transparent)}.ozana-filtration-story-home__step.is-active{opacity:1}.ozana-filtration-story-home__step-copy{display:grid;justify-items:center;text-align:center;width:100%}.ozana-filtration-story-home__step-copy h3{color:var(--story-ink, #081313);font-family:var(--font-heading-family, inherit);font-size:clamp(32px,3vw,52px);font-weight:450;letter-spacing:-.045em;line-height:1.04;margin:0 auto 24px;max-width:13ch;text-align:center;width:100%}.ozana-filtration-story-home__step-copy .rte{color:var(--story-muted, #4f5856);font-size:clamp(17px,1.28vw,20px);line-height:1.58;margin-inline:auto;max-width:38rem;text-align:center;width:100%}.ozana-filtration-story-home__mobile-media{display:none}.ozana-filtration-story-home__notes{color:var(--story-muted, #4f5856);display:grid;font-size:14px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));line-height:1.5;margin:clamp(56px,7vw,96px) 0 0;max-width:920px}.ozana-filtration-story-home__notes p{border-left:1px solid var(--story-line, #7a8b86);margin:0;padding-left:18px}.ozana-filtration-story-home[data-story-enhanced=true] .ozana-filtration-story-home__header,.ozana-filtration-story-home[data-story-enhanced=true] .ozana-filtration-story-home__shell,.ozana-filtration-story-home[data-story-enhanced=true] .ozana-filtration-story-home__notes{opacity:0;transform:translateY(18px);transition:opacity .56s ease,transform .65s cubic-bezier(.22,1,.36,1)}.ozana-filtration-story-home[data-story-enhanced=true].is-visible .ozana-filtration-story-home__header,.ozana-filtration-story-home[data-story-enhanced=true].is-visible .ozana-filtration-story-home__shell,.ozana-filtration-story-home[data-story-enhanced=true].is-visible .ozana-filtration-story-home__notes{opacity:1;transform:none}.ozana-filtration-story-home[data-story-enhanced=true].is-visible .ozana-filtration-story-home__shell{transition-delay:90ms}.ozana-filtration-story-home[data-story-enhanced=true].is-visible .ozana-filtration-story-home__notes{transition-delay:.15s}@media screen and (max-width:989px){.ozana-filtration-story-home{padding-block:min(var(--story-space-top, 104px),104px) min(var(--story-space-bottom, 104px),104px)}.ozana-filtration-story-home__wrap{padding-inline:24px}.ozana-filtration-story-home__header{display:block;margin-bottom:48px}.ozana-filtration-story-home__header h2{font-size:clamp(40px,12vw,58px);max-width:10ch}.ozana-filtration-story-home__lead{font-size:17px;margin-top:28px;max-width:33rem}.ozana-filtration-story-home__shell{display:block}.ozana-filtration-story-home__visual-column{display:none}.ozana-filtration-story-home__step{border:0;display:block;min-height:0;opacity:1;padding:0 0 64px}.ozana-filtration-story-home__step:last-child{border:0;padding-bottom:0}.ozana-filtration-story-home__mobile-media{aspect-ratio:6 / 5;background:transparent;border-radius:min(var(--story-radius, 28px),24px);display:block;margin-bottom:28px;overflow:hidden}.ozana-filtration-story-home__mobile-media--technical{border-radius:0;overflow:visible}.ozana-filtration-story-home__mobile-image--technical{padding:44px}.ozana-filtration-story-home__step-copy h3{font-size:clamp(31px,9vw,42px);margin:0 auto 16px;max-width:15ch}.ozana-filtration-story-home__step-copy .rte{font-size:17px;margin-inline:auto;max-width:31rem}.ozana-filtration-story-home__notes{display:grid;font-size:13px;gap:18px;grid-template-columns:1fr;margin-top:64px}}@media(prefers-reduced-motion:reduce){.ozana-filtration-story-home *,.ozana-filtration-story-home *:before,.ozana-filtration-story-home *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.ozana-filtration-story-home[data-story-enhanced=true] .ozana-filtration-story-home__header,.ozana-filtration-story-home[data-story-enhanced=true] .ozana-filtration-story-home__shell,.ozana-filtration-story-home[data-story-enhanced=true] .ozana-filtration-story-home__notes{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce)and (min-width:990px){.ozana-filtration-story-home__shell{display:block}.ozana-filtration-story-home__visual-column{display:none}.ozana-filtration-story-home__step{display:block;min-height:0;opacity:1;padding-block:56px}.ozana-filtration-story-home__mobile-media{aspect-ratio:16 / 10;background:transparent;border-radius:min(var(--story-radius, 28px),24px);display:block;margin-bottom:32px;max-width:760px;overflow:hidden}.ozana-filtration-story-home__mobile-media--technical{border-radius:0;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-ozana-filtration-story-home.css.map */
