.oparina-hero-section,.oparina-hero-section+.section{margin-top:0!important}.he{position:relative;display:block;width:100%;height:calc(100svh - var(--he-top, 98px));min-height:560px;overflow:hidden;isolation:isolate;color:var(--ink);font-family:var(--font-body)}.he .hc__slides,.he .he__slide{position:absolute;top:0;right:0;bottom:0;left:0}.he .he__slide{display:grid;grid-template-rows:58% 1fr;padding:0;background:var(--field);opacity:0;transition:opacity .8s var(--ease-in-out)}.he .he__slide.is-on{opacity:1;z-index:1}.he .he__slide:not(.is-on) :is(.he__copy,.he__pics){opacity:0;transition:opacity .15s ease}.he .he__slide[data-tone=dark]{color:var(--paper)}.he .he__pics{position:relative;grid-row:1}.he .he__copy{grid-row:2;padding:26px var(--gut) 24px}.he .he__h{font:var(--weight-display) clamp(44px,13vw,64px)/.88 var(--font-display);letter-spacing:-.02em;margin:0;color:inherit}.he .he__h--long{font-size:clamp(36px,10.5vw,54px)}.he .he__h--xl{font-size:clamp(32px,8.4vw,48px);line-height:1.04;max-width:13ch}.he .he__p{font-size:clamp(15px,1.5vw,19px);line-height:1.45;margin:10px 0 18px;max-width:34ch;color:inherit;opacity:.8;letter-spacing:0}.he [data-tone=dark] .he__p{opacity:1}.he .he__tag{font:var(--weight-heading) clamp(19px,2.2vw,28px)/1.2 var(--font-display);margin:10px 0 0;max-width:24ch;color:inherit}.he .he__tag+.he__p{margin-top:8px}.he .he__cta{min-height:48px;padding:0 24px}.he [data-tone=dark] .he__cta{--color-button: 250, 245, 236;--color-button-text: 47, 38, 32}.he .he__more{display:inline-block;margin-left:16px;font-weight:var(--weight-ui);color:inherit;text-underline-offset:4px}.he .he__main{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:block;background:var(--paper)}.he .he__main img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--z, 1));transform-origin:50% 50%}.he .he__vid video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.he .he__vid video.is-playing{opacity:1}.he .he__trio{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.he .he__trio .he__main{position:relative;inset:auto;min-width:0}.he .hc__ui{position:absolute;z-index:3;left:var(--gut);right:calc(var(--gut) + 104px);top:calc(58% - 58px);display:flex;align-items:end;justify-content:space-between;gap:16px;color:var(--paper)}.he .hc__dots{display:flex;gap:14px;flex:1;max-width:620px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.he .hc__dot{flex:1;min-width:0;min-height:44px;border:0;background:none;color:inherit;display:flex;flex-direction:column-reverse;gap:8px;text-align:left;padding:0;font:var(--weight-ui) 13px/1.2 var(--font-body);opacity:.55;cursor:pointer}.he .hc__dot.is-on{opacity:1}.he .hc__bar{position:relative;display:block;height:2px;background:currentColor;opacity:.35;overflow:hidden;border-radius:1px}.he .hc__dot.is-on .hc__bar{opacity:1;background:#ffffff59}.he .hc__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:left}.he .hc__dot.is-done .hc__bar:after{transform:scaleX(1)}.he .hc__lab{display:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.he .hc__ctrl{display:flex;gap:8px}.he .hc__slides{touch-action:pan-y}.he .hc__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}.he .hc__btn:hover{background:var(--mist)}.he .hc__btn,.he .hc__btn .i-play,.he .hc__btn[aria-pressed=true] .i-pause{display:none}.he .hc__btn[aria-pressed=true] .i-play{display:inline}.he .hc__ic{width:20px;height:20px}.he .hc__ic--flip{transform:scaleX(-1)}@media(min-width:640px){.he .hc__lab{display:block}}@media(min-width:960px){.he .he__slide{grid-template-columns:5fr 7fr;grid-template-rows:1fr;align-items:center;padding-left:max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut)))}.he .he__pics{grid-row:auto;align-self:stretch}.he .he__copy{grid-row:auto;padding:0 56px 72px 0}.he .he__h{font-size:clamp(52px,10vw,150px)}.he .he__p{margin:12px 0 20px}.he .hc__ui{top:auto;bottom:26px;left:max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut)));right:max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut)));color:var(--ink)}.he.is-dark .hc__ui{color:var(--paper)}.he .hc__dots{filter:none;max-width:min(620px,calc((100vw - 2 * var(--gut)) * 5 / 12 - 56px))}.he .hc__dot.is-on .hc__bar{background:#2f262033}.he.is-dark .hc__dot.is-on .hc__bar{background:#ffffff59}.he .hc__btn{display:grid}}@media(prefers-reduced-motion:no-preference){.he .hc__dot.is-on .hc__bar:after{animation:hc-progress var(--hc-dur, 6.5s) linear forwards;animation-play-state:paused}.he.is-running .hc__dot.is-on .hc__bar:after{animation-play-state:running}.he .he__slide.is-on .he__h{animation:he-rise .8s var(--ease-out) .15s both}.he .he__slide.is-on .he__tag{animation:he-rise .8s var(--ease-out) .21s both}.he .he__slide.is-on .he__p{animation:he-rise .8s var(--ease-out) .27s both}.he .he__slide.is-on .he__cta{animation:he-rise .8s var(--ease-out) .39s both}.he .he__slide.is-on .he__main{animation:he-in .9s var(--ease-out) .1s both}.he .he__slide.is-on .he__main img{animation:he-kb calc(var(--hc-dur, 6.5s) + 1.5s) cubic-bezier(.25,.1,.35,1) both}.he .he__trio .he__main:nth-child(2) img{animation-direction:reverse}@keyframes he-kb{0%{scale:1;translate:0 0}to{scale:1.18;translate:-2.5% -1.5%}}@keyframes hc-progress{to{transform:scaleX(1)}}@keyframes he-rise{0%{opacity:0;transform:translateY(26px)}}@keyframes he-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}}.he .he__copy{container-type:inline-size}.he .he__h,.he .he__h--long,.he .he__h--xl{white-space:nowrap;max-width:none;font-size:clamp(34px,calc(100cqi / 6.8),112px)}
/*# sourceMappingURL=/cdn/shop/t/72/assets/oparina-hero.css.map */