.cp{--cp-rule: var(--border);--cp-row-space: clamp(64px, 7vw, 104px)}.cp-opening{padding:0 var(--studio-gutter)}.cp-opening .studio-title{margin-top:20px;text-wrap:balance}.cp-opening-text{display:grid;justify-items:start;gap:clamp(28px,3vw,40px);margin-top:clamp(20px,2.4vw,36px)}.cp-lead{max-width:24em;font-size:clamp(24px,2.4vw,38px);line-height:1.25;letter-spacing:-.02em;text-wrap:pretty}.cp-action{display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:0 20px;font-size:16px;color:var(--background);background:var(--foreground);border-radius:8px;transition:background-color .2s ease}.cp-action:hover{background:color-mix(in srgb,var(--foreground) 82%,var(--background))}.cp-action span,.cp-join-link span{transition:translate .3s cubic-bezier(.16,1,.3,1)}.cp-action:hover span,.cp-join-link:hover span{translate:.2em 0}.cp-action:focus-visible,.cp-join-link:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.cp-row{display:grid;gap:24px 32px;margin:var(--cp-row-space) var(--studio-gutter) 0;padding-top:32px;border-top:1px solid var(--cp-rule)}.cp-row>h2,.cp .atlas-heading h2{scroll-margin-top:120px;font-size:var(--studio-subtitle);font-weight:500;line-height:1.25;letter-spacing:normal}.cp-statement{max-width:22em;font-size:clamp(22px,1.9vw,32px);line-height:1.3;letter-spacing:-.02em;text-wrap:balance}.cp-text{max-width:var(--studio-measure);font-size:var(--studio-body);line-height:1.7;text-wrap:pretty}.cp-text p+p{margin-top:1em}.cp-statement+.cp-text{margin-top:28px}.cp-row-wide>:last-child{grid-column:1 / -1;margin-top:clamp(16px,2vw,32px)}.cx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(48px,5vw,72px) clamp(24px,2.4vw,40px)}.cx{--cx-amber: #f2a20c;--cx-muted: color-mix(in srgb, var(--foreground) 34%, var(--background));--cx-surface: color-mix(in srgb, var(--foreground) 14%, var(--background));display:grid;align-content:start;gap:12px}.cx-title{font-size:var(--studio-subtitle);font-weight:400;line-height:1.25}.cx-hint{position:absolute;right:0;bottom:4px;font-size:13px;color:var(--studio-muted);text-shadow:0 0 2px var(--background),0 0 4px var(--background);pointer-events:none}.cx-stage{position:relative;aspect-ratio:600 / 400;color:var(--foreground);cursor:grab;touch-action:pan-y;outline-offset:4px}.cx-stage:focus-visible{outline:1px solid var(--foreground)}.cx-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.cx-tags{position:absolute;inset:0;pointer-events:none}.cx-tag{position:absolute;left:var(--x);top:var(--y);display:grid;font-size:15px;font-weight:500;line-height:1.25;white-space:nowrap;color:var(--foreground);text-shadow:0 0 2px var(--background),0 0 4px var(--background),0 0 8px var(--background);transition:opacity .3s ease}.cx-tag[data-align=start]{translate:0 -50%}.cx-tag[data-align=end]{translate:-100% -50%;text-align:right}.cx-tag[data-align=above]{translate:-50% -100%;text-align:center}.cx-tag[data-align=below]{translate:-50% 0;text-align:center}.cx-tag[data-align=above-left]{translate:0 -100%}.cx-tag[data-align=below-left]{translate:0 0}.cx-tag-strong .cx-tag-name{font-size:17px;font-weight:600}.cx-tag[data-align=center]{translate:-50% -50%}.cx-tag[data-gone]{opacity:0}.cx-tag-on .cx-tag-name,.cx-tag[data-linked] .cx-tag-name{padding:1px 7px;font-weight:600;color:#111;background:var(--cx-amber);border-radius:4px}.cx-tag-on,.cx-tag[data-linked]{text-shadow:none}.cx-tag-on .cx-tag-name{font-size:16px}.cx-readout{display:block;min-height:1.25em;padding-top:12px;border-top:1px solid var(--cp-rule);font-size:clamp(20px,1.6vw,24px);font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--foreground);font-variant-numeric:tabular-nums}.cx-text p{max-width:var(--studio-measure);font-size:var(--studio-body);line-height:1.7;text-wrap:pretty}.cp-steps{list-style:none}.cp-steps>li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:8px 16px;padding:20px 0 24px;border-bottom:1px solid var(--cp-rule)}.cp-steps>li:first-child{padding-top:0}.cp-step-number{padding-top:.3em;font-size:var(--studio-meta);font-variant-numeric:tabular-nums;color:var(--studio-muted)}.cp-steps h3{font-size:var(--studio-subtitle);font-weight:400;line-height:1.25}.cp-steps p{grid-column:2;max-width:var(--studio-measure);font-size:var(--studio-body);line-height:1.7}.cp .atlas{padding:0;border-top:0}.cp .atlas-heading{display:grid;gap:24px 32px;margin:var(--cp-row-space) var(--studio-gutter) 0;padding-top:32px;border-top:1px solid var(--cp-rule)}.cp .atlas-heading h2{margin-top:0}.cp .atlas-intro{max-width:var(--studio-measure);margin-top:0;font-size:var(--studio-body);line-height:1.7;letter-spacing:normal}.cp .atlas-body{margin-top:clamp(32px,4vw,56px);padding:0 var(--studio-gutter)}.cp-join-link{display:inline-flex;align-items:baseline;gap:.4em;font-size:var(--studio-title);line-height:1.15;letter-spacing:-.03em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}@media(min-width:1024px){.cp-row,.cp .atlas-heading{grid-template-columns:repeat(12,minmax(0,1fr))}.cp-row>h2,.cp .atlas-heading h2{grid-column:span 3}.cp-row>.cp-row-body,.cp .atlas-intro{grid-column:4 / -1}.cp-steps>li{grid-template-columns:3rem minmax(0,.8fr) minmax(0,1.2fr);gap:8px 32px}.cp-steps p{grid-column:3}}@media(max-width:1100px){.cx-grid{grid-template-columns:minmax(0,640px)}}
