.cpd{--ease:cubic-bezier(.2,.7,.2,1);margin:0 auto;max-width:var(--content-w,1200px);padding:0 24px}.cpd *,.cpd :after,.cpd :before{box-sizing:border-box}.cpd__grid{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,var(--shape-w)) minmax(0,1fr)}.cpd__col{gap:var(--card-gap)}.cpd__col,.cpd__middle{display:flex;flex-direction:column}.cpd__middle{align-items:center;gap:20px;min-width:0}.cpd__shape{aspect-ratio:1/1;container-type:inline-size;max-width:var(--shape-w);position:relative;width:100%}.cpd__svg{display:block;height:100%;overflow:visible;width:100%}.cpd__piece{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:transform .35s var(--ease),opacity .25s ease}.cpd__fill{stroke:var(--gap-c);stroke-linejoin:round;stroke-width:var(--gap-w);transition:stroke .2s ease,stroke-width .2s ease}.cpd__branch{fill:none;stroke-linecap:round;stroke-width:7;transition:stroke-width .2s ease}.cpd__trunk{fill:none;stroke:#a8a09b;stroke-linecap:round;stroke-width:14}.cpd__centre-shape{fill:var(--centre-bg);pointer-events:none;stroke:var(--gap-c);stroke-width:var(--gap-w)}.cpd--tree .cpd__centre-shape{stroke-width:0}.cpd__labels{inset:0;pointer-events:none;position:absolute}.cpd__label{align-items:center;color:var(--lbl-c);display:flex;flex-direction:column;font-size:max(10px,calc(var(--lbl)*100cqw/var(--shape-w-num)));font-weight:var(--lbl-w);gap:4px;line-height:1.2;opacity:0;position:absolute;text-align:center;transform:translate(-50%,-50%);transition:transform .35s var(--ease),opacity .25s ease}.cpd--dense .cpd__label{font-size:max(10px,calc(var(--lbl)*.88*100cqw/var(--shape-w-num)))}.cpd.is-drawn .cpd__label{opacity:1}.cpd[data-label-mode=custom] .cpd__label{color:var(--lbl-c)!important}.cpd__label-icon{line-height:0}.cpd__label-icon svg{fill:currentColor;height:calc(var(--icon)*100cqw/var(--shape-w-num));width:calc(var(--icon)*100cqw/var(--shape-w-num))}.cpd__label-text{hyphens:manual;overflow-wrap:normal;word-break:normal}.cpd__centre{border-radius:50%;color:var(--centre-c);display:grid;font-size:max(14px,calc(var(--centre-size)*100cqw/var(--shape-w-num)));line-height:1.1;overflow:hidden;place-items:center;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,-50%)}.cpd__centre--serif{font-family:Georgia,Times New Roman,serif}.cpd__centre img{display:block;height:100%;object-fit:cover;width:100%}.cpd--tree .cpd__centre{font-size:max(12px,calc(var(--centre-size)*.55*100cqw/var(--shape-w-num)))}.cpd__caption{text-align:center}.cpd__caption p{margin:0}.cpd__caption-title{color:var(--cap-t);font-size:18px;font-weight:600;line-height:26px}.cpd__caption-text{color:var(--cap-c);font-size:15px;line-height:24px}.cpd--pop .cpd__piece.is-active{transform:translate(calc(var(--px)*var(--pop-d)*1px),calc(var(--py)*var(--pop-d)*1px)) scale(var(--pop-s))}.cpd--pop .cpd__piece.is-active .cpd__fill{filter:drop-shadow(0 6px 10px rgba(79,69,63,.22))}.cpd--pop .cpd__label.is-active{transform:translate(-50%,-50%) translate(calc(var(--px)*var(--pop-d)*100cqw/400),calc(var(--py)*var(--pop-d)*100cqw/400)) scale(var(--pop-s))}.cpd--dim.is-active .cpd__label:not(.is-active),.cpd--dim.is-active .cpd__piece:not(.is-active){opacity:var(--dim-o)}.cpd--outline .cpd__piece.is-active .cpd__fill{stroke:var(--ol-c);stroke-width:var(--ol-w)}.cpd--outline .cpd__piece.is-active .cpd__branch{stroke-width:10}.cpd__piece:focus-visible .cpd__fill{stroke:var(--ol-c);stroke-width:max(3px,calc(var(--ol-w)*1px))}.cpd__card{background:var(--card-bg);border:var(--card-bw) solid var(--card-bc);border-radius:var(--card-r);padding:var(--card-p);--acc:0 0 0 0 transparent;--lift:0 0 0 0 transparent;box-shadow:var(--acc),var(--lift);transition:box-shadow .25s ease,transform .25s var(--ease),opacity .25s ease}.cpd__card-title{align-items:center;color:var(--title-c);display:flex;font-size:var(--title-s);font-weight:var(--title-w);gap:10px;line-height:1.4;margin:0 0 6px}.cpd__card-icon{color:var(--c);flex:none;line-height:0}.cpd__card-icon svg{fill:currentColor;height:1.1em;width:1.1em}.cpd__card-text{color:var(--text-c);font-size:var(--text-s);line-height:1.65}.cpd__card-text p{color:inherit;font-size:inherit;line-height:inherit;margin:0 0 .6em}.cpd__card-text p:last-child,.cpd__card-text ul:last-child{margin-bottom:0}.cpd__card-text ul{margin:0 0 .6em;padding-left:1.2em}.cpd--align .cpd__col--left .cpd__card{text-align:right}.cpd--align .cpd__col--left .cpd__card-title{flex-direction:row-reverse}.cpd--accent-facing .cpd__col--left .cpd__card.is-active{--acc:inset calc(var(--acc-w)*-1) 0 0 0 var(--c)}.cpd--accent-facing .cpd__col--right .cpd__card.is-active{--acc:inset var(--acc-w) 0 0 0 var(--c)}.cpd--accent-top .cpd__card.is-active{--acc:inset 0 var(--acc-w) 0 0 var(--c)}.cpd--accent-border .cpd__card.is-active{--acc:inset 0 0 0 var(--acc-w) var(--c)}.cpd--lift .cpd__card.is-active{transform:translateY(-4px);--lift:0 16px 40px rgba(79,69,63,.14)}.cpd--cdim.is-active .cpd__card:not(.is-active){opacity:var(--cdim-o)}@media (max-width:991px){.cpd__grid{gap:var(--card-gap);grid-template-columns:minmax(0,1fr)}.cpd__col{display:contents}.cpd__card{order:var(--i)}.cpd__middle{margin-bottom:16px;order:-1}.cpd__shape{max-width:min(var(--shape-w),100%)}.cpd--align .cpd__col--left .cpd__card{text-align:left}.cpd--align .cpd__col--left .cpd__card-title{flex-direction:row}.cpd--accent-facing .cpd__col--left .cpd__card.is-active{--acc:inset var(--acc-w) 0 0 0 var(--c)}}@media (prefers-reduced-motion:reduce){.cpd__card,.cpd__label,.cpd__piece{transition:none}}