.family-slider-section{background-color:var(--olivy-green);padding-block:var(--olivy-section-pad-y);overflow:hidden;--slide-gap: 20px;--slide-active-w: var(--fam-active-base, 350px);--slide-inactive-w: calc(var(--fam-active-base, 350px) / 2)}@media screen and (max-width:749px){.family-slider-section{padding-block:var(--olivy-section-pad-y-mobile);--slide-gap: 15px;--slide-active-w: min(var(--fam-active-base, 350px), 70vw);--slide-inactive-w: min(calc(var(--fam-active-base, 350px) / 2), 35vw)}}.family-slider-header{text-align:center;margin-bottom:var(--olivy-space-6);padding:0 20px}.family-slider-header h2{font-family:var(--olivy-font-heading);font-weight:400;color:var(--olivy-porcelain);font-size:var(--olivy-h2-m);line-height:var(--olivy-h2-m-lh);margin:0}@media screen and (min-width:750px){.family-slider-header h2{font-size:var(--olivy-h2);line-height:var(--olivy-h2-lh)}}.family-layout-wrapper{position:relative;width:100%;margin:0 auto}.family-slider-viewport{width:100%;overflow:hidden;position:relative;height:var(--slide-active-w)}.family-slider-track{display:flex;gap:var(--slide-gap);width:max-content;height:100%;will-change:transform;align-items:center}.family-slide{width:var(--slide-inactive-w);height:var(--slide-inactive-w);flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:width .6s var(--olivy-ease),height .6s var(--olivy-ease);will-change:width,height}.family-slide.is-active{width:var(--slide-active-w);height:var(--slide-active-w)}.family-slide-image{width:100%;height:100%;object-fit:cover;border-radius:var(--olivy-radius-md);opacity:.2;transition:opacity .6s var(--olivy-ease)}.family-slide.is-active .family-slide-image{opacity:1}@media screen and (min-width:750px){.family-slide{opacity:0;visibility:hidden;transition:width .6s var(--olivy-ease),height .6s var(--olivy-ease),opacity .4s var(--olivy-ease),visibility .4s var(--olivy-ease)}.family-slide.is-active,.family-slide.is-prev,.family-slide.is-next{opacity:1;visibility:visible}}.family-arrow{background:var(--olivy-green);border:1px solid var(--olivy-gold);border-radius:50%;cursor:pointer;padding:12px;display:flex;align-items:center;justify-content:center;transition:background-color var(--olivy-fast) var(--olivy-ease),transform .1s var(--olivy-ease);z-index:20}.family-arrow svg{width:24px;height:24px;stroke:var(--olivy-gold);stroke-width:2;transition:stroke var(--olivy-fast) var(--olivy-ease)}.family-arrow:hover{background-color:var(--olivy-gold)}.family-arrow:hover svg{stroke:var(--olivy-white)}.family-arrow:active{transform:scale(.9)}.desktop-arrow{position:absolute;top:50%;margin-top:-24px}.desktop-arrow.prev{left:max(20px,calc(50% - (var(--slide-active-w) / 2) - var(--slide-gap) - var(--slide-inactive-w) - 40px))}.desktop-arrow.next{right:max(20px,calc(50% - (var(--slide-active-w) / 2) - var(--slide-gap) - var(--slide-inactive-w) - 40px))}.mobile-arrows{display:none;justify-content:center;gap:20px;margin-top:20px}.family-timeline{margin-top:var(--olivy-space-6);text-align:center}.family-timeline-track{position:relative;display:flex;align-items:center;justify-content:center;gap:48px;width:max-content;margin:0 auto}.family-timeline-track:before{content:"";position:absolute;top:50%;left:5px;right:5px;height:1px;background-color:var(--olivy-green-300)}.family-dot{position:relative;width:10px;height:10px;border-radius:50%;flex-shrink:0;background-color:var(--olivy-green-300);transition:background-color var(--olivy-medium) var(--olivy-ease),transform var(--olivy-medium) var(--olivy-ease)}.family-dot.is-active{background-color:var(--olivy-gold);transform:scale(1.3)}.family-captions{position:relative;min-height:1.6em;margin-top:var(--olivy-space-4)}.family-caption{display:none;margin:0;font-family:var(--olivy-font-body);font-weight:700;font-size:var(--olivy-caption);line-height:var(--olivy-caption-lh);letter-spacing:.12em;text-transform:uppercase;color:var(--olivy-gold-200);animation:familyFadeIn .5s var(--olivy-ease) forwards}.family-caption.is-active{display:block}.family-story{max-width:720px;margin:var(--olivy-space-6) auto 0;padding:0 20px;text-align:var(--fam-align, center);animation:familyFadeIn .5s var(--olivy-ease) forwards}@keyframes familyFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.family-story__body{font-family:var(--olivy-font-body);font-size:var(--olivy-body-md);color:var(--olivy-porcelain);line-height:var(--olivy-body-md-lh)}.family-story__body p{margin:0 0 var(--olivy-space-4)}.family-story__body p:last-child{margin-bottom:0}.family-story__signature{font-family:var(--olivy-font-heading);font-weight:400;color:var(--olivy-gold-200);font-size:var(--olivy-body-lg);line-height:var(--olivy-body-lg-lh);margin:var(--olivy-space-4) 0 0}.family-btn-wrapper{margin-top:var(--olivy-space-5)}.family-btn{display:inline-flex;justify-content:center;align-items:center;font-family:var(--olivy-font-body);font-weight:700;font-size:16px;line-height:24px;padding:12px 24px;border-radius:var(--olivy-radius-md);background-color:var(--olivy-gold);color:var(--olivy-white);border:1px solid var(--olivy-gold);text-decoration:none;cursor:pointer;transition:background-color var(--olivy-fast) var(--olivy-ease),transform var(--olivy-fast) var(--olivy-ease),box-shadow var(--olivy-fast) var(--olivy-ease)}.family-btn:hover{background-color:var(--olivy-gold-600);border-color:var(--olivy-gold-600);transform:translateY(-2px);box-shadow:var(--olivy-shadow-button-hover)}@media screen and (max-width:749px){.desktop-arrow{display:none}.mobile-arrows{display:flex}.family-story{margin-top:var(--olivy-space-5)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-family-slider.css.map */