.cw-kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:60px;position:relative;}.cw-kind-card{min-width:0;}.cw-kind-card h3{font-size:21px;font-weight:500;letter-spacing:-.035em;color:#f3eff9;}.cw-kind-card p{color:#96909e;margin-top:10px;font-size:14px;line-height:1.6;}.cw-editor-sketch{display:block;width:100%;height:auto;overflow:visible;stroke:#eeeaf3;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}.cw-illustration-copy{margin-top:26px;text-align:center;}.cw-illustration-fill{stroke:none;}.cw-illustration-ready .cw-illustration-fill,.cw-illustration-ready .cw-illustration-copy{opacity:0;}.cw-illustration-ready [data-draw-path]{stroke-opacity:0;}.cw-illustration-agent{position:absolute;width:18px;height:18px;pointer-events:none;color:#fff;fill:currentColor;opacity:0;filter:drop-shadow(0 1px 2px #0008);}.cw-design-kit{position:relative;margin-top:56px;padding-top:26px;}.cw-build-guides{position:absolute;inset:26px 0 0;width:100%;height:calc(100% - 26px);pointer-events:none;opacity:0;stroke:#d0cbd94d;stroke-width:1;}.cw-build-columns{stroke:#d0cbd926;}.cw-build-cursor{position:absolute;left:0;top:0;width:max-content;z-index:2;pointer-events:none;opacity:0;color:#fff;}.cw-build-cursor>svg{display:block;position:absolute;left:-3px;top:-3px;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0008);}.cw-build-cursor--cleanup>svg{transform:scale(.78);transform-origin:0 0;}.cw-build-cursor[data-tool="text"]>svg{left:-10.5px;top:-1px;transform:scale(var(--cw-caret-scale,1));}.cw-build-cursor[data-tool="draw"]>svg{left:-3.5px;top:-18.4px;}.cw-build-cursor[data-tool="paint"]>svg{left:-18px;top:-12px;}.cw-build-cursor [data-tool-shape]{display:none;}.cw-build-cursor[data-tool="arrow"] [data-tool-shape="arrow"],.cw-build-cursor[data-tool="text"] [data-tool-shape="text"],.cw-build-cursor[data-tool="draw"] [data-tool-shape="draw"],.cw-build-cursor[data-tool="paint"] [data-tool-shape="paint"],.cw-build-cursor[data-tool="delete"] [data-tool-shape="delete"]{display:block;}.cw-build-ready .cw-build-letter{opacity:0;}.cw-build-ready .cw-colour-specimen i,.cw-build-ready .cw-spacing-specimen i{opacity:0;}.cw-build-shape{display:block;position:absolute;inset:0;width:100%;height:100%;stroke:var(--cw-border,#d0d0d680);stroke-width:1;fill:none;z-index:1;}.cw-build-shape rect{stroke-dasharray:1;stroke-dashoffset:var(--cw-outline,0);}.cw-spacing-specimen i::after{content:'';position:absolute;inset:1px;background:#fff;border-radius:3px;opacity:var(--cw-fill,1);}.cw-design-specimens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:35px;}.cw-design-specimens>div{min-height:180px;padding:12px 22px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:25px;}.cw-design-specimens p{color:#9690a3;font-size:13px;text-align:center;}.cw-type-specimen>span{font-family:'Manrope',sans-serif;font-size:96px;letter-spacing:-.09em;line-height:1.15;}.cw-type-specimen>span>span:last-child{color:#a57ae7;}.cw-colour-specimen>div{position:relative;display:flex;padding-top:13px;}.cw-palette-selection,.cw-layout-selection{position:absolute;top:3px;left:-10px;width:calc(100% + 20px);height:calc(100% + 7px);fill:#ffffff03;stroke:#ffffff65;stroke-width:1;pointer-events:none;opacity:0;}.cw-layout-selection{top:5px;left:-10px;height:calc(100% + 5px);}.cw-spacing-specimen .cw-build-shape{stroke-width:2;}.cw-colour-specimen i{position:relative;isolation:isolate;--cw-border:#19191e;--cw-swatch:#9065dc;display:block;width:40px;height:95px;border-radius:25px;background:var(--cw-swatch);margin-left:-9px;border:2px solid #19191e;}.cw-colour-specimen i:first-child{margin-left:0;--cw-swatch:#34313e;}.cw-colour-specimen i:nth-child(3){--cw-swatch:#c9b4e9;}.cw-colour-specimen i:nth-child(4){--cw-swatch:#f3eff9;}.cw-spacing-specimen>div{position:relative;width:85%;padding-top:15px;display:grid;grid-template-columns:1.3fr .8fr;grid-template-rows:20px 62px;gap:10px;}.cw-spacing-specimen i{--cw-border:#19191e;position:relative;isolation:isolate;min-width:0;display:block;background:transparent;border-radius:4px;}.cw-spacing-specimen i:first-child{grid-column:span 2;}.cw-process{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:60px;}.cw-process li{min-width:0;position:relative;}.process-building .cw-editor-sketch,.process-building .cw-illustration-copy{opacity:0;}.process-sequence-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;}.cw-process .cw-editor-sketch{stroke:#e7e3ed;}.cw-process .cw-illustration-copy{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:15px;}.cw-process-number{color:#817b8c;font:11px ui-monospace,monospace;}.cw-process p{color:#eeeaf3;font-size:16px;line-height:1.5;letter-spacing:-.025em;max-width:180px;text-align:center;}@media (max-width:650px){.cw-kind-grid{grid-template-columns:1fr;gap:36px;margin-top:35px;}.cw-kind-card{display:flex;flex-direction:column;align-items:center;}.cw-kind-card .cw-editor-sketch{max-width:240px;}.cw-kind-card .cw-illustration-copy{margin-top:20px;}.cw-kind-card h3{font-size:19px;}.cw-kind-card p{font-size:13px;}.cw-design-specimens{padding-block:22px;}.cw-design-specimens>div{padding:10px 8px;min-height:130px;gap:18px;}.cw-design-specimens p{font-size:10px;}.cw-type-specimen>span{font-size:57px;}.cw-colour-specimen i{width:22px;height:65px;margin-left:-8px;}.cw-colour-specimen>div{padding-top:2px;}.cw-spacing-specimen>div{width:94%;padding-top:4px;grid-template-rows:12px 44px;gap:7px;}.cw-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}.cw-process .cw-illustration-copy{gap:9px;margin-top:4px;}.cw-process p{font-size:15px;}}@media (prefers-reduced-motion:reduce){.cw-build-guides,.cw-build-cursor{display:none;}}.cw-illustration-agent [data-illustration-tool="move"]{display:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.cw-illustration-agent[data-tool="move"] [data-illustration-tool="move"]{display:block;}.cw-illustration-agent[data-tool="move"] [data-illustration-tool="arrow"]{display:none;}.cw-build-cursor--frame{color:#fff;}.cw-build-cursor--type{color:#554be9;}.cw-build-cursor--palette{color:#e6007a;}.cw-build-cursor--spacing{color:#97e480;}.cw-build-cursor--cleanup{color:#fff;}