.caring{--caring-container-max: 1440px;--caring-container-pad: clamp(16px, 3vw, 40px);--caring-card-gap: 12px;--caring-card-w: clamp(260px, calc((100% - (var(--caring-card-gap) * 3)) / 4), 331px);--caring-card-radius: 20px;--caring-image-radius: 30px;--caring-top-h: 84px;--caring-image-h: 214px;--caring-arrow-edge: clamp(4px, 1.5vw, 20px);position:relative;isolation:isolate;background:var(--caring-bg);color:var(--caring-light);overflow:hidden}.caring *,.caring *:before,.caring *:after{box-sizing:border-box}.caring__inner{max-width:var(--caring-container-max);margin:0 auto;padding:110px var(--caring-container-pad) 10px;display:flex;flex-direction:column;align-items:center;gap:50px}.caring__heading{margin:0;font-family:var(--font-heading-family, "Plus Jakarta Sans", sans-serif);font-weight:600;font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.02em;text-align:center;color:var(--caring-light);word-break:break-word}.caring__heading-accent{color:var(--caring-accent)}.caring__cards-region{position:relative;width:100%}.caring__cards{list-style:none;margin:0;padding:0;display:flex;gap:var(--caring-card-gap);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-inline-start:0;scrollbar-width:none;-ms-overflow-style:none}.caring__cards::-webkit-scrollbar{display:none}.caring__cards-region[data-no-overflow] .caring__cards{justify-content:center}.caring__card{flex:0 0 var(--caring-card-w);scroll-snap-align:start;position:relative;display:flex;flex-direction:column;isolation:isolate}.caring__card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.caring__card-link:focus-visible{outline:2px solid var(--caring-accent);outline-offset:4px;border-radius:var(--caring-card-radius)}.caring__card-top{position:relative;width:100%;height:var(--caring-top-h);color:var(--caring-card);line-height:0;margin-bottom:-1px}.caring__top-svg{display:block;width:100%;height:100%;overflow:visible}.caring__top-blob{transform-box:fill-box;transform-origin:center;will-change:transform}.caring__top-blob--a{animation:caring-float-a 4.2s ease-in-out infinite alternate}.caring__top-blob--b{animation:caring-float-b 5.8s ease-in-out infinite alternate}@keyframes caring-float-a{0%{transform:translate(0) rotate(0)}to{transform:translate(.5px,-.75px) rotate(3deg)}}@keyframes caring-float-b{0%{transform:translate(0) rotate(0)}to{transform:translate(-.5px,.5px) rotate(-4deg)}}.caring__card-body{background:var(--caring-card);border-bottom-left-radius:var(--caring-card-radius);border-bottom-right-radius:var(--caring-card-radius);padding:0 15px 40px;display:flex;flex-direction:column;gap:23px;color:var(--caring-dark)}.caring__card-image{position:relative;height:var(--caring-image-h);border-radius:var(--caring-image-radius);overflow:hidden;background:#efefef}.caring__card-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}.caring__card-img--placeholder{object-fit:contain;background:#d9d9d9}.caring__card-content{padding:0 5px;display:flex;flex-direction:column;gap:10px}.caring__card-heading-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.caring__card-title{margin:0;font-family:var(--font-heading-family, "Plus Jakarta Sans", sans-serif);font-weight:600;font-size:22px;line-height:1.1;letter-spacing:-.02em;color:var(--caring-dark);transition:transform .24s ease;will-change:transform}.caring__card-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px 4px;background:var(--caring-badge);color:#fff;border-radius:100px;font-family:var(--font-heading-family, "Plus Jakarta Sans", sans-serif);font-weight:600;font-size:12px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;transition:transform .22s ease;will-change:transform}.caring__card-desc{margin:0;font-family:var(--font-body-family, "Plus Jakarta Sans", sans-serif);font-weight:500;font-size:14px;line-height:1.4;color:var(--caring-dark);opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.caring__card-desc.is-in-view{opacity:1;transform:translateY(0)}.caring__card:hover .caring__card-img,.caring__card-link:focus-visible .caring__card-img{transform:scale(1.04)}.caring__card:hover .caring__card-title,.caring__card-link:focus-visible .caring__card-title{transform:translateY(-1px)}.caring__card:hover .caring__card-badge,.caring__card-link:focus-visible .caring__card-badge{transform:scale(1.06);animation:caring-badge-pulse 1.6s ease-in-out infinite}.caring__card:hover .caring__card-desc.is-in-view,.caring__card-link:focus-visible .caring__card-desc.is-in-view{transform:translateY(-1px)}@keyframes caring-badge-pulse{0%,to{transform:scale(1.06)}50%{transform:scale(1.085)}}.caring__arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;margin:0;color:var(--caring-accent);cursor:pointer;z-index:2;transition:transform .22s ease,opacity .22s ease}.caring__arrow svg{width:44px;height:60px;display:block}.caring__arrow--prev{left:calc(var(--caring-container-pad) * -1 + var(--caring-arrow-edge))}.caring__arrow--next{right:calc(var(--caring-container-pad) * -1 + var(--caring-arrow-edge))}.caring__arrow:hover{transform:translateY(-50%) scale(1.06)}.caring__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:4px;border-radius:50%}.caring__arrow[aria-disabled=true]{opacity:.35;pointer-events:none}.caring__cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px}.caring__btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:10px 50px;border-radius:100px;font-family:var(--font-heading-family, "Plus Jakarta Sans", sans-serif);font-weight:600;font-size:18px;line-height:1.1;text-align:center;text-decoration:none;transition:background-color .22s ease,color .22s ease,transform .22s ease;width:220px;height:66px}.caring__btn--ghost{background:transparent;color:var(--caring-light);border:1px solid var(--caring-light)}.caring__btn--ghost:hover{background:var(--caring-light);color:var(--caring-bg)}.caring__btn--ghost:focus-visible{outline:2px solid var(--caring-accent);outline-offset:3px}.caring__btn-label{display:inline-block}@media(max-width:1199px){.caring__inner{padding-top:80px;padding-bottom:10px}.caring__cards{padding-inline:0}}@media(max-width:1099px){.caring{--caring-card-w: clamp(260px, calc((100% - (var(--caring-card-gap) * 2)) / 3), 331px)}}@media(max-width:899px){.caring{--caring-card-w: clamp(260px, calc((100% - var(--caring-card-gap)) / 2), 360px)}.caring__inner{padding-top:64px;padding-bottom:10px;gap:36px}.caring__arrow{width:48px;height:48px}.caring__arrow svg{width:32px;height:44px}.caring__arrow--prev{left:4px}.caring__arrow--next{right:4px}}@media(max-width:599px){.caring{--caring-card-w: 78vw;--caring-card-gap: 14px}.caring__cards{padding-inline:6vw}.caring__heading{font-size:clamp(26px,7vw,34px)}.caring__cta{width:100%;flex-direction:column;align-items:center;padding-inline:8vw}}@media(prefers-reduced-motion:reduce){.caring *,.caring *:before,.caring *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.caring__card-desc{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-caring-for-reef.css.map */