.ovos-showcase{position:relative;overflow:hidden;background:var(--background-color);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.ovos-showcase *{box-sizing:border-box}.ovos-showcase__container{width:100%;max-width:var(--section-width);margin:auto}.ovos-showcase__header{max-width:820px;margin:0 auto 80px;text-align:center}.ovos-showcase__title{margin:0;font-size:var(--heading-size);font-weight:var(--heading-weight);line-height:1.1;color:var(--heading-color)}.ovos-showcase__subtitle{margin-top:24px;font-size:var(--body-size);line-height:1.7;color:var(--body-color)}.ovos-showcase__subtitle p{margin:0}.ovos-showcase__layout{display:grid;grid-template-columns:var(--left-column-width) 1fr;gap:var(--column-gap);align-items:flex-start;min-height:auto}.ovos-showcase__sidebar{position:relative;width:100%}.ovos-showcase__sticky{position:sticky;top:var(--sticky-offset)}.ovos-showcase__nav{display:flex;flex-direction:column;gap:0}.ovos-showcase__item{border-bottom:1px solid rgba(0,0,0,.08);padding:22px 0}.ovos-showcase__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;text-align:left}.ovos-showcase__trigger-left{display:flex;align-items:flex-start;gap:18px;flex:1}.ovos-showcase__trigger-content{display:flex;flex-direction:column;gap:6px}.ovos-showcase__nav-title{font-size:24px;font-weight:600;line-height:1.25;color:var(--title-color);transition:.35s}.ovos-showcase__icon{font-size:var(--icon-size);color:var(--icon-color);font-weight:300;line-height:1;transition:transform .45s ease,color .35s ease}.ovos-showcase__item.is-active .ovos-showcase__icon{color:var(--icon-active-color);transform:rotate(45deg)}.ovos-showcase__item:hover .ovos-showcase__nav-title{opacity:.7}.ovos-showcase__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .35s ease,margin-top .35s ease;margin-top:0}.ovos-showcase__item.is-active .ovos-showcase__panel{grid-template-rows:1fr;opacity:1;margin-top:18px}.ovos-showcase__panel-inner{overflow:hidden}.ovos-showcase__panel p{margin:0 0 18px;font-size:17px;line-height:1.75;color:var(--description-color);transition:color .35s ease}.ovos-showcase__item.is-active .ovos-showcase__panel p{color:var(--description-active-color)}.ovos-showcase__panel h2,.ovos-showcase__panel h3,.ovos-showcase__panel h4{margin:0 0 18px;font-weight:600}.ovos-showcase__panel .ovos-showcase__button{margin-top:12px;display:inline-flex}.ovos-showcase__item.is-active .ovos-showcase__nav-title{color:var(--title-active-color)}.ovos-showcase__item:not(.is-active) .ovos-showcase__nav-title{color:var(--title-color)}.ovos-showcase__dot{width:8px;height:8px;margin-top:12px;border-radius:50%;background:#111;opacity:.15;transition:.35s}.ovos-showcase__item.is-active .ovos-showcase__dot{opacity:1;transform:scale(1.6)}.ovos-showcase__progress{position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#ececec;border-radius:20px;overflow:hidden}.ovos-showcase__progress-bar{position:absolute;left:0;bottom:0;width:100%;height:0;background:#111;transition:height .45s ease}.ovos-showcase__dot{width:12px;height:12px;border-radius:50%;background:#d8d8d8;flex-shrink:0;transition:all .35s ease}.ovos-showcase__nav-content{display:flex;flex-direction:column;flex:1;gap:6px}.ovos-showcase__eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.ovos-showcase__nav-title{font-size:var(--nav-size);font-weight:700;line-height:1.35;color:var(--nav-color)}.ovos-showcase__nav-item:hover{transform:translate(8px);box-shadow:0 16px 40px #0000001f}.ovos-showcase__nav-item:hover .ovos-showcase__arrow{opacity:1;transform:translate(6px)}.ovos-showcase__nav-item.is-active .ovos-showcase__nav-title{color:#fff}.ovos-showcase__nav-item.is-active .ovos-showcase__eyebrow{color:#fff;opacity:.75}.ovos-showcase__nav-item.is-active .ovos-showcase__dot{background:#fff;transform:scale(1.35)}.ovos-showcase__nav-item.is-active .ovos-showcase__arrow{opacity:1;color:#fff}.ovos-showcase__media-column{position:relative;width:100%;display:flex;align-items:flex-start;justify-content:center}.ovos-showcase__visual{position:sticky;top:120px;width:100%;height:var(--image-height);border-radius:32px;overflow:hidden;background:#f7f7f7;box-shadow:0 40px 90px #00000014}.ovos-showcase__media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.08);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1),visibility .6s}.ovos-showcase__media.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);z-index:2}.ovos-showcase__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.ovos-showcase__media.is-active .ovos-showcase__image{transform:scale(1)}.ovos-showcase__media:not(.is-active) .ovos-showcase__image{transform:scale(1.08)}.ovos-showcase__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eee;fill:#bbb}.ovos-showcase__media.is-loaded .ovos-showcase__image{animation:ovosFadeImage .45s ease}@keyframes ovosFadeImage{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media screen and (min-width:1200px){.ovos-showcase__layout{grid-template-columns:var(--left-column-width) 1fr;align-items:start}}@media screen and (max-width:1199px){.ovos-showcase__header{margin-bottom:60px}.ovos-showcase__layout{grid-template-columns:1fr;gap:60px}.ovos-showcase__sticky{position:relative;top:auto}.ovos-showcase__sidebar{order:1}.ovos-showcase__media-column{order:2}.ovos-showcase__content-column{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-top:20px}.ovos-showcase__visual{height:600px}}@media screen and (max-width:749px){.ovos-showcase{padding-top:60px;padding-bottom:60px}.ovos-showcase__header{margin-bottom:40px}.ovos-showcase__title{font-size:clamp(32px,8vw,48px)}.ovos-showcase__subtitle{font-size:16px}.ovos-showcase__layout{gap:40px}.ovos-showcase__visual{height:380px;border-radius:20px}.ovos-showcase__nav{padding-left:18px;gap:14px}.ovos-showcase__nav-item{padding:18px}.ovos-showcase__nav-title{font-size:16px}.ovos-showcase__arrow{font-size:18px}.ovos-showcase__content-inner{max-width:720px;width:100%}.ovos-showcase__content-inner h1,.ovos-showcase__content-inner h2,.ovos-showcase__content-inner h3{font-size:30px}.ovos-showcase__content-inner p{font-size:16px;line-height:1.75}.ovos-showcase__button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.ovos-showcase *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.is-hidden{display:none!important}.is-visible{display:block}.shopify-design-mode .ovos-showcase{overflow:visible}.shopify-design-mode .ovos-showcase__sticky{position:relative;top:auto}.shopify-design-mode .ovos-showcase__description{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none}.shopify-design-mode .ovos-showcase__description.is-active{display:block}.shopify-design-mode .ovos-showcase__media{display:none;opacity:1;visibility:visible;position:absolute}.shopify-design-mode .ovos-showcase__media.is-active{display:block}.ovos-showcase[data-animation=none] .ovos-showcase__media,.ovos-showcase[data-animation=none] .ovos-showcase__description{transition:none}.ovos-showcase[data-animation=fade] .ovos-showcase__media,.ovos-showcase[data-animation=fade] .ovos-showcase__description{transform:none}.ovos-showcase[data-animation=slide] .ovos-showcase__media{transform:translate(50px)}.ovos-showcase[data-animation=slide] .ovos-showcase__media.is-active{transform:translate(0)}.ovos-showcase[data-animation=slide] .ovos-showcase__description{transform:translateY(30px)}.ovos-showcase[data-animation=slide] .ovos-showcase__description.is-active{transform:translateY(0)}.ovos-showcase[data-animation=zoom] .ovos-showcase__media{transform:scale(1.08)}.ovos-showcase[data-animation=zoom] .ovos-showcase__media.is-active{transform:scale(1)}.ovos-showcase[data-animation=fade-slide] .ovos-showcase__media{transform:translate(40px) scale(.96)}.ovos-showcase[data-animation=fade-slide] .ovos-showcase__media.is-active{transform:translate(0) scale(1)}.ovos-showcase__nav-item:focus-visible,.ovos-showcase__button:focus-visible{outline:3px solid rgba(0,0,0,.18);outline-offset:4px}.ovos-showcase__image{backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform}.ovos-showcase__description{will-change:opacity,transform}@media print{.ovos-showcase__sticky{position:relative}.ovos-showcase__description{display:block;position:relative;opacity:1;visibility:visible;transform:none;margin-bottom:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ovosanti-interactive-showcase.css.map */