.ccp-grid-banner{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-block:clamp(18px,3vw,38px);opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.ccp-grid-banner.is-visible{opacity:1;transform:none}.ccp-grid-banner__inner{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:390px;border-radius:30px;overflow:hidden;background:#fff0b9;border:1px solid #e8dfce}.ccp-grid-banner--cyan .ccp-grid-banner__inner{background:#dff5fa}.ccp-grid-banner--pink .ccp-grid-banner__inner{background:#f9e3ef}.ccp-grid-banner--paper .ccp-grid-banner__inner{background:#f4efe5}.ccp-grid-banner__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,58px);z-index:2}.ccp-grid-banner__eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#006f84}.ccp-grid-banner__copy h2{margin:0;max-width:11ch;font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.045em;color:#151515}.ccp-grid-banner__copy>p:not(.ccp-grid-banner__eyebrow){max-width:38ch;margin:20px 0 0;font-size:16px;line-height:1.6;color:#383838}.ccp-grid-banner__links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:28px}.ccp-grid-banner__links>a:first-child{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:11px 21px;border-radius:999px;background:#151515;color:#fff;text-decoration:none;font-weight:700}.ccp-grid-banner__all{color:#151515;font-size:13px;font-weight:700;text-underline-offset:5px}.ccp-grid-banner__visual{position:relative;min-height:390px;overflow:hidden}.ccp-grid-banner__product{position:absolute;display:flex;flex-direction:column;text-decoration:none;color:#151515;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.ccp-grid-banner__product--one{inset:auto auto 28px 7%;width:min(52%,430px);transform:rotate(-3deg)}.ccp-grid-banner__product--two{inset:28px 5% auto auto;width:min(40%,310px);transform:rotate(5deg)}.ccp-grid-banner__image{display:block;aspect-ratio:1;border-radius:24px;background:#fff;box-shadow:0 18px 45px #1414141f;overflow:hidden}.ccp-grid-banner__image img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.ccp-grid-banner__meta{display:flex;justify-content:space-between;gap:12px;padding:10px 6px 0;font-size:12px;line-height:1.3}.ccp-grid-banner__meta strong{max-width:20ch}.ccp-grid-banner__meta>span{font-weight:700;white-space:nowrap}.ccp-grid-banner__drop{position:absolute;width:26px;height:34px;border-radius:66% 66% 62% 12%;transform:rotate(-35deg);animation:ccp-grid-float 5.6s ease-in-out infinite}.ccp-grid-banner__drop--1{top:12%;left:9%;background:#00a6c7}.ccp-grid-banner__drop--2{bottom:11%;right:8%;background:#e5007d;animation-delay:-1.8s}.ccp-grid-banner__drop--3{top:45%;right:43%;width:18px;height:23px;background:#ffde00;animation-delay:-3.2s}@keyframes ccp-grid-float{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:5deg}}@media(hover:hover){.ccp-grid-banner__product--one:hover{transform:rotate(-1deg) translateY(-7px)}.ccp-grid-banner__product--two:hover{transform:rotate(2deg) translateY(-7px)}.ccp-grid-banner__product:hover img{transform:scale(1.045)}}@media(max-width:749px){.ccp-grid-banner{margin-block:18px}.ccp-grid-banner__inner{grid-template-columns:1fr;min-height:0;border-radius:24px}.ccp-grid-banner__copy{padding:27px 22px 10px}.ccp-grid-banner__copy h2{font-size:34px;max-width:12ch}.ccp-grid-banner__copy>p:not(.ccp-grid-banner__eyebrow){font-size:14px;margin-top:14px}.ccp-grid-banner__links{margin-top:20px}.ccp-grid-banner__visual{min-height:315px}.ccp-grid-banner__product--one{left:5%;bottom:22px;width:58%}.ccp-grid-banner__product--two{right:4%;top:18px;width:43%}.ccp-grid-banner__image{border-radius:18px}.ccp-grid-banner__image img{padding:10px}.ccp-grid-banner__meta{font-size:10px}.ccp-grid-banner__meta strong{max-width:14ch}.ccp-grid-banner__drop--3{right:45%}}@media(prefers-reduced-motion:reduce){.ccp-grid-banner{opacity:1;transform:none;transition:none}.ccp-grid-banner__drop{animation:none}.ccp-grid-banner__product,.ccp-grid-banner__image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map?subset=AACA */