.ow-en__head{padding-top:var(--ow-section)}.ow-en__intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--ow-gap);align-items:end;margin:clamp(48px,6vw,96px) 0 clamp(24px,3vw,48px)}.ow-en__intro .ow-body{justify-self:end}.ow-en__scene{--track: 310vh;--acid: calc(1 - clamp(0, calc((var(--p) - .2) / .1), 1)) ;--f: clamp(0, calc((var(--p) - .22) / .1), 1);--pits: calc(1 - clamp(0, calc((var(--p) - .5) / .12), 1)) ;--h: clamp(0, calc((var(--p) - .47) / .12), 1);--s: clamp(0, calc((var(--p) - .72) / .12), 1)}.ow-en__stage{min-height:max(100svh,640px);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(24px,4vw,80px);padding:0 var(--ow-gutter);max-width:var(--ow-max);margin:0 auto}.ow-en__visual{position:relative;display:grid;justify-items:center;gap:16px}.ow-en__svg{width:min(100%,76vh);height:auto;display:block;overflow:visible}.ow-en__zone{font-family:var(--font-body-family);font-size:13px;letter-spacing:.22em;text-transform:uppercase;fill:#1e1d1b;opacity:.55}.ow-en__ion{font-family:var(--font-body-family);font-size:7.5px;font-weight:500;fill:#fff}.ow-en__acid{opacity:var(--acid);transform:translateY(calc((1 - var(--acid)) * -30px))}.ow-en__acid circle{animation:ow-en-jitter 3.2s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.ow-en__acid circle:nth-of-type(2n){animation-delay:-1.6s}@keyframes ow-en-jitter{0%{transform:translateY(-4px)}to{transform:translateY(5px)}}.ow-en__pits{opacity:var(--pits)}.ow-en__fluoride{opacity:var(--f);transform:translateY(calc((1 - var(--f)) * -40px))}.ow-en__fluoride circle{opacity:calc(1 - var(--h) * .7)}.ow-en__alk{opacity:calc(var(--h) * (1 - var(--s) * .6));transform:translateY(calc((1 - var(--h)) * -50px))}.ow-en__hap{opacity:var(--h);transform:translateY(calc((1 - var(--h)) * -70px))}.ow-en__film{opacity:var(--s);transform-origin:50% 50%;transform-box:fill-box}.ow-en__film>path{transform:scaleY(calc(.3 + var(--s) * .7));transform-box:fill-box;transform-origin:50% 0}.ow-en__drop{transform:translateY(calc((1 - var(--s)) * -90px));opacity:calc(1 - var(--s) * .6)}.ow-en__caption{opacity:.5;font-size:10px}.ow-en__progress{display:flex;gap:clamp(12px,2vw,28px)}.ow-en__dot{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.4;transition:opacity var(--ow-d1)}.ow-en__dot i{width:8px;height:8px;border-radius:50%;background:currentColor}.ow-en__dot--1 i{background:var(--ow-forest)}.ow-en__dot--2 i{background:var(--ow-midnight)}.ow-en__dot--3 i{background:var(--ow-oxblood)}.ow-en__dot--0 i{background:#d0643f}.ow-en__scene[data-phase="0"] .ow-en__dot--0,.ow-en__scene[data-phase="1"] .ow-en__dot--1,.ow-en__scene[data-phase="2"] .ow-en__dot--2,.ow-en__scene[data-phase="3"] .ow-en__dot--3{opacity:1}.ow-en__panels{list-style:none;margin:0;padding:0;display:grid}.ow-en__panel{grid-area:1 / 1;display:grid;gap:16px;align-content:center;opacity:0;visibility:hidden;transform:translate3d(0,24px,0);transition:opacity .45s var(--ow-ease),transform .6s var(--ow-ease),visibility 0s linear .45s}.ow-en__scene[data-phase="0"] .ow-en__panel[data-step="0"],.ow-en__scene[data-phase="1"] .ow-en__panel[data-step="1"],.ow-en__scene[data-phase="2"] .ow-en__panel[data-step="2"],.ow-en__scene[data-phase="3"] .ow-en__panel[data-step="3"]{opacity:1;visibility:visible;transform:none;transition-delay:0s}.ow-en__panel-head{display:flex;align-items:center;gap:14px}.ow-en__thumb{display:flex;height:68px}.ow-en__panel--day .ow-label{color:var(--ow-forest)}.ow-en__panel--night .ow-label{color:var(--ow-midnight)}.ow-en__panel--serum .ow-label{color:var(--ow-oxblood)}.ow-en__panel--problem .ow-label{color:#b4502f}.ow-en__panel .ow-body{max-width:46ch}.ow-en__ings{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ow-en__ings li{padding:7px 12px;border:1px solid rgba(var(--color-foreground),.25);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ow-en__source{font-size:12px;line-height:1.5;opacity:.6;max-width:52ch}.ow-en__source p{margin:0}.ow-en__source a{color:inherit}.ow-static .ow-en__stage,html:not(.ow-js) .ow-en__stage{align-items:start;padding-top:40px;padding-bottom:var(--ow-section)}.ow-static .ow-en__panels,html:not(.ow-js) .ow-en__panels{gap:48px}.ow-static .ow-en__panel,html:not(.ow-js) .ow-en__panel{grid-area:auto;opacity:1;visibility:visible;transform:none}.ow-static .ow-en__progress{display:none}@media screen and (max-width:989px){.ow-en__scene{--track: 280vh}.ow-en__intro{grid-template-columns:1fr}.ow-en__intro .ow-body{justify-self:start}.ow-en__stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;gap:18px;padding-top:clamp(64px,9svh,96px)}.ow-en__svg{width:min(78vw,40svh)}.ow-en__panels{align-self:start}.ow-en__panel{align-content:start;gap:12px}.ow-en__panel .ow-display--m{font-size:clamp(26px,7vw,36px)}.ow-en__panel .ow-body{font-size:14.5px}.ow-en__thumb{height:52px}.ow-en__source{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/ow-enamel.css.map */