.clia-sixth{--clia-sixth-color-bg: rgba(179, 102, 84, .1);--clia-sixth-color-badge: rgba(35, 24, 66, .5);--clia-sixth-color-badge-hover: #231842;--clia-sixth-color-media: #fbefdf;--clia-sixth-ease: cubic-bezier(.22, 1, .36, 1);background-color:var(--clia-sixth-color-bg);color:#000}@media(prefers-reduced-motion:no-preference){.clia-sixth.scroll-trigger.animate--fade-in{opacity:.01}.clia-sixth.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{animation:clia-sixth-fade-in 1.1s var(--clia-sixth-ease) forwards}.clia-sixth__header.scroll-trigger.animate--slide-in,.clia-sixth__card.scroll-trigger.animate--slide-in{opacity:.01;transform:translateY(2.4rem)}.clia-sixth__header.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:clia-sixth-fade-up 1s var(--clia-sixth-ease) forwards;animation-delay:.1s}.clia-sixth__card.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:clia-sixth-fade-up 1s var(--clia-sixth-ease) forwards;animation-delay:calc(.15s + (var(--animation-order, 1) * .1s))}.clia-sixth.scroll-trigger.scroll-trigger--design-mode.animate--fade-in,.clia-sixth__header.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,.clia-sixth__card.scroll-trigger.scroll-trigger--design-mode.animate--slide-in{opacity:1;transform:none;animation:none}@keyframes clia-sixth-fade-in{0%{opacity:.01}to{opacity:1}}@keyframes clia-sixth-fade-up{0%{opacity:.01;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}}.clia-sixth__inner{padding-top:8rem;padding-bottom:10rem}@media screen and (min-width:750px){.clia-sixth__inner{padding-top:11rem;padding-bottom:12rem}}.clia-sixth__header{margin-bottom:4rem}@media screen and (min-width:750px){.clia-sixth__header{margin-bottom:6.4rem}}.clia-sixth__heading{margin:0 0 1.8rem;max-width:108.5rem;font-family:var(--juno-font-family, "Inclusive Sans", sans-serif);font-size:clamp(3.6rem,5vw,6rem);font-weight:500;letter-spacing:-.02em;line-height:1.167;color:#000}.clia-sixth__text{margin:0;max-width:58.4rem;font-family:var(--juno-font-family, "Inclusive Sans", sans-serif);font-size:1.8rem;font-weight:400;letter-spacing:-.02em;line-height:1.222;color:#000}.clia-sixth__grid{display:grid;grid-template-columns:1fr;gap:2rem;justify-items:center}@media screen and (min-width:990px){.clia-sixth__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem;justify-items:stretch}}@media screen and (min-width:750px)and (max-width:989px){.clia-sixth__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}}.clia-sixth__card{position:relative;width:100%;max-width:38rem;aspect-ratio:380 / 425;min-height:0;border-radius:2rem;background:var(--clia-sixth-color-media);overflow:hidden;transition:transform .32s var(--clia-sixth-ease),box-shadow .32s var(--clia-sixth-ease)}.clia-sixth__card-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:transform .45s var(--clia-sixth-ease)}.clia-sixth__card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.clia-sixth__card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.clia-sixth__card-gradient:before,.clia-sixth__card-gradient:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;background:linear-gradient(180deg,#0000,#000);opacity:.25;transition:opacity .35s var(--clia-sixth-ease)}.clia-sixth__card-gradient:before{height:49.85%}.clia-sixth__card-gradient:after{height:23.58%}.clia-sixth__card-badge{position:absolute;top:2rem;left:2rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:3.6rem;padding:.4rem 1.6rem;border-radius:1.8rem;background:var(--clia-sixth-color-badge);font-family:var(--juno-font-family, "Inclusive Sans", sans-serif);font-size:1.8rem;font-weight:400;letter-spacing:-.02em;line-height:1.667;color:#fff;text-align:center;transition:background-color .3s var(--clia-sixth-ease)}.clia-sixth__card-footer{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem 2rem 2.8rem;transition:transform .3s var(--clia-sixth-ease)}.clia-sixth__card-title{margin:0;font-family:var(--juno-font-family, "Inclusive Sans", sans-serif);font-size:clamp(2rem,2.4vw,2.4rem);font-weight:500;letter-spacing:-.02em;line-height:1.25;color:#fff}.clia-sixth__card-text{margin:0;font-family:var(--juno-font-family, "Inclusive Sans", sans-serif);font-size:1.6rem;font-weight:400;letter-spacing:-.02em;line-height:1.3;color:#fff}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.clia-sixth__card:hover .clia-sixth__card-badge,.clia-sixth__card:focus-within .clia-sixth__card-badge{background:var(--clia-sixth-color-badge-hover)}.clia-sixth__card:hover .clia-sixth__card-media,.clia-sixth__card:focus-within .clia-sixth__card-media{transform:scale3d(1.05,1.05,1.05)}.clia-sixth__card:hover .clia-sixth__card-footer,.clia-sixth__card:focus-within .clia-sixth__card-footer{transform:translateY(-.4rem)}.clia-sixth__card:hover .clia-sixth__card-gradient:before,.clia-sixth__card:hover .clia-sixth__card-gradient:after,.clia-sixth__card:focus-within .clia-sixth__card-gradient:before,.clia-sixth__card:focus-within .clia-sixth__card-gradient:after{opacity:.35}}@media(prefers-reduced-motion:no-preference){.clia-sixth__card:active .clia-sixth__card-media{transform:scale3d(1.02,1.02,1.02)}}@media screen and (max-width:989px){.clia-sixth__grid{display:flex;align-items:flex-start;gap:1.6rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--juno-page-padding);-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;padding-bottom:.8rem;margin-left:calc(-1 * var(--juno-page-padding));margin-right:calc(-1 * var(--juno-page-padding));padding-left:var(--juno-page-padding);padding-right:var(--juno-page-padding)}.clia-sixth__grid::-webkit-scrollbar{display:none}.clia-sixth__card{flex:0 0 min(88vw,38rem);scroll-snap-align:start}}@media screen and (max-width:749px){.clia-sixth__inner{padding-top:5.6rem;padding-bottom:6.4rem}.clia-sixth__header{margin-bottom:3.2rem}.clia-sixth__heading{margin-bottom:1.6rem}.clia-sixth__card-footer{gap:1rem;padding:2rem 1.6rem 2.4rem}.clia-sixth__card-text{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-clia-sixth.css.map */