.cch{position:relative;overflow:clip;isolation:isolate;background-color:var(--color-ivory-white);color:va1r(--color-black);padding-top:var(--cch-pt-m, 40px);padding-bottom:var(--cch-pb-m, 40px)}.cch:before{content:"";position:absolute;z-index:-1;top:-18%;right:-14%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-coral-peach) 30%,transparent),transparent);pointer-events:none}.cch:after{content:"";position:absolute;z-index:-1;bottom:-30%;left:-18%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--color-lavender-mist),transparent);pointer-events:none}.cch__watermark{position:absolute;z-index:-1;top:2%;right:-2%;font-family:var(--font-heading);font-size:calc(var(--font-size-h1) * 3.4);line-height:1;text-transform:uppercase;white-space:nowrap;color:var(--color-black-5);pointer-events:none;-webkit-user-select:none;user-select:none}.cch__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}.cch__copy{position:relative;display:flex;flex-direction:column;align-items:flex-start}.cch__eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-matter-semibold)}.cch__eyebrow:before{content:"";flex-shrink:0;width:32px;height:1px;background-color:currentColor}.cch__heading{max-width:14em;text-wrap:balance}.cch__mark{position:relative;white-space:nowrap;background-image:linear-gradient(color-mix(in srgb,var(--color-coral-peach) 55%,transparent),color-mix(in srgb,var(--color-coral-peach) 55%,transparent));background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%}.cch__text{max-width:560px;margin-top:24px;color:var(--color-charcoal-gray)}.cch__text p+p{margin-top:12px}.cch__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:32px}.cch__btn{display:inline-flex;gap:14px;max-width:100%;padding-right:5px;text-align:left}.cch__btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:var(--p-btn-text-color);color:var(--p-btn-background-color);transition:transform .3s ease,background-color .3s ease,color .3s ease}.cch__btn.button-secondary .cch__btn-icon{background-color:var(--s-btn-text-color);color:var(--s-btn-background-color)}.cch__btn:hover .cch__btn-icon{background-color:var(--p-btn-background-color);color:var(--p-btn-text-color)}.cch__btn.button-secondary:hover .cch__btn-icon{background-color:var(--s-btn-background-color);color:var(--s-btn-text-color)}.cch__btn:focus-visible,.cch__project:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.cch__collage{position:relative;width:100%;max-width:640px;margin-inline:auto;aspect-ratio:1 / 1.08}.cch__orb{position:absolute;z-index:0;top:0;right:6%;width:40%;aspect-ratio:1;border-radius:50%;background-color:var(--color-lavender-mist)}.cch__ring{position:absolute;z-index:0;left:-5%;bottom:2%;width:34%;aspect-ratio:1;border-radius:50%;border:1px dashed var(--color-warm-tan)}.cch__project{position:absolute;display:block;overflow:hidden;color:var(--color-white);background-color:var(--color-lavender-mist);text-decoration:none;box-shadow:0 24px 48px -24px var(--color-black-10)}.cch__project--1{z-index:1;left:0;top:7%;width:60%;height:88%;border-radius:999px 999px 28px 28px}.cch__project--2{z-index:2;right:0;bottom:0;width:44%;height:50%;border-radius:24px;border:6px solid var(--color-ivory-white)}.cch__project-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cch__img,.cch__project-media svg{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.cch__project-media svg{padding:25%;fill:var(--color-warm-tan);background-color:var(--color-lavender-mist)}a.cch__project:hover .cch__img{transform:scale(1.05)}.cch__project-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-black) 72%,transparent) 0%,transparent 48%)}.cch__project-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px 20px 22px}.cch__project--1 .cch__project-caption{padding:20px 8% 28px 20px}.cch__project-text{display:flex;flex-direction:column;gap:4px;min-width:0}.cch__project-name{font-family:var(--font-matter-medium);font-size:var(--font-size-h4);line-height:1.1}.cch__project-meta{font-size:var(--font-size-h6);letter-spacing:.02em;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cch__project-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--color-white);color:var(--color-black);transition:transform .3s ease}a.cch__project:hover .cch__project-arrow{transform:translate(2px,-2px) rotate(45deg)}.cch__note{position:absolute;z-index:3;top:1%;right:0;width:46%;padding:18px 20px 20px;border-radius:20px;background-color:var(--color-white);border:1px solid var(--color-black-10);box-shadow:0 24px 48px -20px var(--color-black-10);transform:rotate(3deg);transform-origin:80% 0}.cch__note-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-matter-semibold);color:var(--color-charcoal-gray)}.cch__note-heading{margin-top:8px;font-family:var(--font-heading);font-size:var(--font-size-h4);line-height:1.1}.cch__bars{display:flex;align-items:flex-end;gap:6px;height:40px;margin-top:16px}.cch__bars span{flex:1;height:var(--h);border-radius:4px;background-color:var(--color-black);transform-origin:bottom}.cch__bars span:last-child{background-color:var(--color-coral-peach)}.cch__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px;padding:0;border-top:1px solid var(--color-black-10)}.cch__stat{display:flex;flex-direction:column;gap:6px;margin:0;padding:22px 16px 22px 0}.cch__stat:nth-child(2n){padding-left:16px;border-left:1px solid var(--color-black-10)}.cch__stat:nth-child(n+3){border-top:1px solid var(--color-black-10)}.cch__stat-number{font-family:var(--font-heading);font-size:var(--font-size-h3);line-height:1;white-space:nowrap}.cch__stat-label{color:var(--color-charcoal-gray)}@media screen and (min-width:650px){.cch__stat-number{font-size:var(--font-size-h2);font-family:var(--font-matter-medium);line-height:1.04}.cch__stat{padding-block:28px}}@media screen and (min-width:992px){.cch{padding-top:var(--cch-pt, 80px);padding-bottom:var(--cch-pb, 80px)}.cch__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}.cch__collage{margin-inline:auto 0}.cch__eyebrow{margin-bottom:28px}.cch__text{margin-top:28px}.cch__actions{margin-top:40px}.cch__stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:72px}.cch__stat{padding:32px 24px 0 0}.cch__stat:nth-child(2n),.cch__stat:nth-child(n+2){padding-left:28px;border-left:1px solid var(--color-black-10)}.cch__stat:first-child{padding-left:0;border-left:0}.cch__stat:nth-child(n+3){border-top:0}.cch__stat-number{font-size:var(--font-size-h3)}}@media screen and (min-width:1280px){.cch__stat-number{font-size:var(--font-size-h2)}}@media screen and (max-width:649px){.cch__watermark{display:none}.cch__eyebrow{gap:10px;letter-spacing:.08em}.cch__eyebrow:before{width:20px}.cch__collage{aspect-ratio:1 / 1.16}.cch__project--2 .cch__project-arrow{display:none}.cch__btn{gap:12px;padding-left:20px}.cch__btn-icon{width:36px;height:36px}.cch__project--2{border-width:4px;border-radius:18px}.cch__project-caption{padding:12px 12px 14px}.cch__project--1 .cch__project-caption{padding-bottom:20px}.cch__project-arrow{width:28px;height:28px}.cch__project-arrow svg{width:12px;height:12px}.cch__project-name{font-size:var(--font-size-h5)}.cch__project--2 .cch__project-meta{display:none}.cch__note{padding:12px 14px 14px;border-radius:14px}.cch__note-heading{font-size:var(--font-size-h5)}.cch__bars{height:28px;margin-top:10px;gap:4px}}@media(prefers-reduced-motion:no-preference){.cch__copy>*,.cch__project,.cch__note,.cch__stat{animation:cch-rise .9s cubic-bezier(.2,.7,.2,1) both}.cch__eyebrow{animation-delay:.05s}.cch__heading{animation-delay:.12s}.cch__text{animation-delay:.2s}.cch__actions{animation-delay:.28s}.cch__project--1{animation-delay:.15s}.cch__project--2{animation-delay:.3s}.cch__note{animation-name:cch-note;animation-delay:.45s}.cch__stat:nth-child(2){animation-delay:.1s}.cch__stat:nth-child(3){animation-delay:.2s}.cch__stat:nth-child(4){animation-delay:.3s}.cch__bars span{animation:cch-grow 1s cubic-bezier(.2,.7,.2,1) .8s both}@keyframes cch-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes cch-note{0%{opacity:0;transform:translateY(24px) rotate(0)}to{opacity:1;transform:rotate(3deg)}}@keyframes cch-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/creative-commerce-hero.css.map */