.cao{--cao-d: clamp(220px, 62vw, 340px);--cao-pad: 64px;position:relative;overflow:clip;isolation:isolate;background-color:var(--color-ivory-white);color:var(--color-black);padding-top:var(--cao-pt-m, 50px);padding-bottom:var(--cao-pb-m, 50px)}.cao:before{content:"";position:absolute;z-index:-1;top:-20%;left:-14%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--color-mint-cream),transparent);pointer-events:none}.cao:after{content:"";position:absolute;z-index:-1;bottom:-26%;right:-16%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--color-lavender-mist),transparent);pointer-events:none}.cao__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}.cao__layout--no-orbit{max-width:720px}.cao__eyebrow{display:inline-flex;align-items:flex-start;gap:14px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-matter-semibold)}.cao__eyebrow:before{content:"";flex-shrink:0;width:32px;height:1px;margin-top:.55em;background-color:currentColor}.cao__heading{max-width:14em;text-wrap:balance}.cao__text{max-width:540px;margin-top:24px;color:var(--color-charcoal-gray)}.cao__text p+p{margin-top:12px}.cao__orbit{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--cao-d) + var(--cao-pad) * 2);max-width:100%;aspect-ratio:1;margin-inline:auto}.cao__ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px dashed var(--color-black);translate:-50% -50%;pointer-events:none}.cao__ring--outer{width:var(--cao-d);height:var(--cao-d)}.cao__ring--inner{width:calc(var(--cao-d) * .64);height:calc(var(--cao-d) * .64);background-color:color-mix(in srgb,var(--color-lavender-mist) 70%,transparent);border-color:var(--color-black-10)}.cao__ring--outer:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background-color:var(--color-black)}.cao__halo{position:absolute;top:50%;left:50%;width:calc(var(--cao-d) * .36);height:calc(var(--cao-d) * .36);border-radius:50%;translate:-50% -50%;background-color:var(--color-coral-peach);opacity:.25;filter:blur(18px);pointer-events:none}.cao__core{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:calc(var(--cao-d) * .34);height:calc(var(--cao-d) * .34);border-radius:50%;background-color:var(--color-black);color:var(--color-white);box-shadow:0 0 0 8px var(--color-white),0 20px 40px var(--color-black-10)}.cao__core-img{width:56%;height:56%;object-fit:contain}.cao__core-icon{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain}.cao__nodes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;margin:0;padding:0;list-style:none}.cao__node{--cao-r: calc(var(--cao-d) / 2);position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%) rotate(var(--cao-a)) translate(var(--cao-r)) rotate(calc(var(--cao-a) * -1))}.cao__node-label{display:block;width:max-content;max-width:112px;padding:8px 12px;border-radius:14px;background-color:var(--color-white);box-shadow:0 8px 24px var(--color-black-10);font-family:var(--font-matter-medium);font-size:var(--font-size-h6);line-height:1.25;text-align:center;text-wrap:balance}.cao__list{position:relative;display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.cao__list:before{content:"";position:absolute;top:22px;bottom:22px;left:19px;width:1px;background-color:var(--color-black-10)}.cao__point{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;margin:0;padding:12px 0}.cao__point-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-black-10);border-radius:50%;background-color:var(--color-ivory-white);font-family:var(--font-heading);font-size:var(--font-size-h6);line-height:1;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.cao__point-text{padding-top:8px;font-family:var(--font-matter-medium);color:var(--color-charcoal-gray);transition:color .3s ease}@media(hover:hover)and (pointer:fine){.cao__point:hover .cao__point-num{border-color:var(--color-black);background-color:var(--color-black);color:var(--color-white)}.cao__point:hover .cao__point-text{color:var(--color-black)}}@media screen and (max-width:649px){.cao{--cao-pad: 56px}.cao__node-label{max-width:96px;padding:6px 10px}.cao__orbit{margin-block:-16px}}@media screen and (min-width:650px){.cao{--cao-d: 340px}}@media screen and (min-width:992px){.cao{--cao-d: clamp(340px, 34vw, 440px);padding-top:var(--cao-pt, 100px);padding-bottom:var(--cao-pb, 100px)}.cao__layout{grid-template-columns:minmax(0,6fr) minmax(0,6fr);grid-template-areas:"orbit head" "orbit list";column-gap:72px;row-gap:40px;align-items:start}.cao__layout--no-orbit{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "list"}.cao__head{grid-area:head;align-self:end}.cao__orbit{grid-area:orbit;align-self:center;margin-inline:0}.cao__list{grid-area:list}}@media(prefers-reduced-motion:no-preference){.cao__ring--outer{animation:cao-spin 60s linear infinite}.cao__halo{animation:cao-pulse 5s ease-in-out infinite}@keyframes cao-spin{to{rotate:360deg}}@keyframes cao-pulse{50%{opacity:.45;scale:1.12}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/creative-ai-orbit.css.map */