.studio-intro .eyebrow a:hover{color:var(--ink)}.studio-legend{color:var(--muted);border-left:1px solid var(--line);align-self:end;padding-left:28px;font:11px/1.9 IBM Plex Mono,monospace}.studio-legend p{color:var(--orange);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:9px}.studio-legend ul{margin:2px 0 16px;padding:0;list-style:none}.studio-legend ul:last-child{margin-bottom:0}.studio-legend li:before{content:"— ";color:#a8ae9e}.studio-page:not([data-view=concept]) [data-state=concept],.studio-page[data-view=concept] .stage-frame[data-state=today],.studio-page[data-view=today] [data-state=proposed],.studio-page[data-view=proposed] [data-state=today],.studio-page[data-view=concept] .lineup-row[data-state=today]{display:none!important}.studio-section{padding:36px 0 56px}.studio-section+.studio-section{border-top:1px solid var(--line)}.studio-section-heading{grid-template-columns:1fr auto;align-items:end;gap:4px 24px;margin-bottom:28px;display:grid}.studio-section-heading .eyebrow{grid-column:1/-1;margin:0}.studio-section-heading h2{letter-spacing:-.055em;margin:10px 0 0;font:500 clamp(28px,3.4vw,42px)/1.1 Space Grotesk,sans-serif}.studio-section-heading>p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.family-pill{white-space:nowrap;color:#26372c;border:1px solid color-mix(in srgb, var(--accent,#cb5637) 35%, #d9d9cb);background:#fffdf8;border-radius:999px;align-items:center;gap:.5em;padding:.55em .9em;font:500 11px/1 DM Sans,sans-serif;display:inline-flex}.family-pill:before{content:"";background:#cb5637;border-radius:50%;width:.55em;height:.55em;box-shadow:0 0 0 .25em #cb563722}.family-pill>span{color:var(--muted)}.today-mark .brand-name{color:var(--brand-ink);white-space:nowrap;align-items:center;margin:0;font-size:28px;line-height:1;display:inline-flex}.today-mark.brand-ontology .brand-name{gap:4px;font-size:27px}.today-mark.brand-ontology .brand-name>span{margin-left:2px;font-size:20px}.today-mark.brand-foldworks .brand-name{gap:8px}.today-mark.brand-foldworks .brand-name svg{width:20px;height:20px}.today-mark.brand-schematics .brand-name{font-size:25px}.today-mark.brand-reflection .brand-name{padding:0;font-size:18px;display:block}.wm{white-space:nowrap;color:var(--accent);align-items:center;font-size:30px;line-height:1;display:inline-flex}.wm-triplex{letter-spacing:-.065em;color:var(--accent);-webkit-text-stroke:.025em var(--deep);text-shadow:.06em .06em 0 var(--deep);font-family:IBM Plex Mono,monospace}.wm-triplex .cursor{-webkit-text-stroke:0;text-shadow:none;color:var(--deep);animation:1.1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.wm-forma{letter-spacing:-.07em;color:var(--accent);text-shadow:.07em .07em 0 var(--deep);font-family:Space Grotesk,sans-serif;font-style:italic;font-weight:600}.wm-forma .paren{text-shadow:none;color:var(--deep);padding-inline:.12em;font-style:normal;font-weight:500;display:inline-block;transform:scaleY(1.2)}.wm-foldworks{letter-spacing:-.06em;color:var(--deep);text-shadow:.06em .06em 0 var(--accent);gap:.3em;font-family:Space Grotesk,sans-serif;font-weight:600}.fold-mark{width:.95em;height:.95em;filter:drop-shadow(.06em .06em 0 var(--accent));flex-shrink:0;overflow:visible}.fold-mark path{fill:none;stroke:var(--deep);stroke-width:3.2px;stroke-linejoin:miter}.fold-mark .fold{fill:var(--accent);stroke:none}.wm-open-ontology{letter-spacing:-.055em;color:var(--deep);gap:.22em;font-family:Georgia,serif}.wm-open-ontology em{color:var(--accent);text-shadow:.035em .035em 0 var(--soft)}.wm-open-ontology .star{color:#b8860b;align-self:flex-start;margin-left:-.05em;font:.72em DM Sans,sans-serif}.wm-schematics{letter-spacing:.02em;flex-direction:column;align-items:stretch;font-family:Space Grotesk,sans-serif;font-weight:600;position:relative}.wm-schematics .drawn{color:#0000;-webkit-text-stroke:.04em var(--accent);text-shadow:.06em .06em 0 var(--soft)}.wm-schematics .dimension{border-inline:1px solid var(--accent);letter-spacing:.08em;height:.32em;color:var(--accent);text-align:center;margin-top:.12em;font:.18em/1 IBM Plex Mono,monospace;position:relative}.wm-schematics .dimension:before{content:"";border-top:1px solid var(--accent);position:absolute;inset:50% 0 auto}.wm-schematics .dimension span{background:var(--paper);padding-inline:.8em;position:relative;top:-.05em}.wm-schema-reflection{letter-spacing:-.07em;color:var(--deep);flex-direction:column;align-items:flex-start;font:500 1em/1 IBM Plex Mono,monospace}.wm-schema-reflection .word{text-shadow:.05em .05em 0 var(--soft)}.wm-schema-reflection .mirror{color:var(--accent);margin-top:.02em;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 25%,#000a);mask-image:linear-gradient(#0000 25%,#000a)}.lineup{gap:14px;display:grid}.lineup-row{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;display:grid}.lineup-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font:10px IBM Plex Mono,monospace}.lineup-row[data-state=proposed] .lineup-label{color:var(--orange)}.lineup-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.lineup-tile{background:var(--paper);border:1px solid var(--line);border-radius:6px;flex-direction:column;min-height:176px;padding:14px;display:flex;overflow:hidden}.lineup-row[data-state=proposed] .lineup-tile{border-color:color-mix(in srgb, var(--accent) 22%, var(--line));background-image:linear-gradient(color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px);background-size:16px 16px}.lineup-mark{flex:1;align-items:center;min-height:84px;display:flex}.lineup-mark .wm{font-size:clamp(17px,2.05vw,27px)}.lineup-mark .wm-schematics{font-size:clamp(14px,1.7vw,22px)}.lineup-mark .wm-schema-reflection{font-size:clamp(12px,1.3vw,17px)}.lineup-mark .wm-open-ontology{font-size:clamp(17px,2vw,26px)}.lineup-tile p{color:var(--muted);align-items:center;gap:7px;margin:0;font:10px/1.6 IBM Plex Mono,monospace;display:flex}.lineup-chip{background:var(--chip);border-radius:2px;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0001}.lineup-tile .lineup-marker{border-top:1px dashed #26372c22;min-height:31px;margin-top:8px;padding-top:8px}.lineup-marker .family-pill{font-size:9px}.studio-palette{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:32px;margin:26px 0 0 88px;display:grid}.studio-palette ul,.studio-tokens{margin:0;padding:0;list-style:none}.studio-palette ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.studio-palette li,.studio-tokens li{color:var(--muted);font:10px/1.6 IBM Plex Mono,monospace;display:grid}.studio-palette li>span,.studio-tokens li>span{background:var(--swatch);border-radius:4px;height:44px;margin-bottom:8px;display:block;box-shadow:inset 0 0 0 1px #0000000f}.studio-palette li:last-child>span{background:repeating-linear-gradient(-45deg, var(--swatch) 0 6px, color-mix(in srgb, var(--swatch) 85%, #fff) 6px 12px)}.studio-palette b,.studio-tokens b{color:var(--ink);font-weight:400}.studio-palette code,.studio-tokens code{font:inherit;color:#8c9488}.studio-palette>p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.studio-page[data-view=today] .studio-palette{display:none}.house-rules{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.house-rules li{border:1px solid var(--line);color:var(--muted);background:#fbfaf5;border-radius:6px;flex-direction:column;gap:6px;padding:16px;font-size:12px;line-height:1.65;display:flex}.house-rules b{color:var(--ink);font-size:13px;font-weight:500}.house-demo{--accent:#7c3aed;background:#f7f3ff;border-radius:4px;justify-content:center;align-items:center;height:74px;margin-bottom:10px;display:flex}.house-paper{background-color:#fff6e2;background-image:linear-gradient(#f2a51622 1px,#0000 1px),linear-gradient(90deg,#f2a51622 1px,#0000 1px);background-size:12px 12px}.house-eyebrow{letter-spacing:.08em;color:#6b5a3d;background:#fff6e2;gap:7px;font:8px IBM Plex Mono,monospace}.house-eyebrow i{background:#f2a516;border-radius:50%;width:6px;height:6px}.house-shadow{color:#2b3fd6;text-shadow:3px 3px #1c2a8f;background:#eef1ff;font:600 38px Space Grotesk,sans-serif}.house-terminal{background:#f3f4ec;justify-content:flex-start;align-items:flex-start;gap:4px;padding:14px 16px;position:relative}.house-terminal:before{content:"";background:#121a17;border-radius:4px;position:absolute;inset:12px 20px 14px 12px;box-shadow:4px 4px #1f6b4f}.house-terminal span{background:#ef6b5b;border-radius:50%;width:5px;height:5px;margin-top:4px;position:relative}.house-terminal span:nth-child(2){background:#f2c14e}.house-terminal span:nth-child(3){background:#5fcf86}.house-pill{background:#f1f6f7}.studio-brands{gap:28px;display:grid}.studio-brand{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:#fbfaf5;border-radius:8px;overflow:hidden}.studio-brand-heading{background:color-mix(in srgb, var(--paper) 70%, #fbfaf5);border-bottom:1px solid color-mix(in srgb, var(--accent) 18%, var(--line));grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1fr);gap:32px;padding:24px;display:grid}.studio-brand-heading h2{color:var(--muted);margin:6px 0 0;font:500 13px DM Sans,sans-serif}.studio-brand-mark{align-items:center;min-height:92px;display:flex}.studio-brand-mark .wm{font-size:clamp(30px,3.4vw,44px)}.studio-brand-mark .wm-schematics{font-size:clamp(26px,2.8vw,36px)}.studio-brand-mark .wm-schema-reflection{font-size:clamp(20px,2vw,26px)}.studio-changes{counter-reset:change;color:#3f4b43;align-content:start;gap:10px;margin:0;padding:0;font-size:13px;line-height:1.6;list-style:none;display:grid}.studio-changes li{counter-increment:change;grid-template-columns:26px 1fr;display:grid}.studio-changes li:before{content:counter(change, decimal-leading-zero);color:var(--accent);font:10px/2.1 IBM Plex Mono,monospace}.studio-tokens{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;display:grid}.studio-tokens li>span{height:32px}.studio-tokens .studio-was{border-top:1px dashed #26372c33;grid-column:span 1;align-self:end;padding-top:8px}.studio-tokens .studio-was code{text-decoration:line-through}.studio-stage{background:#26372c06;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;padding:16px;display:grid}.studio-page[data-view=today] .studio-stage,.studio-page[data-view=proposed] .studio-stage{grid-template-columns:minmax(0,1fr)}.studio-page[data-view=concept] .stage-frame[data-state=concept]{order:-1}.lineup-concept{border:1px solid var(--line);border-radius:6px;margin:0;overflow:hidden}.lineup-concept img{width:100%;height:auto;display:block}.lineup-concept figcaption,.studio-concept-note{color:var(--muted);background:#f3f2ea;padding:10px 14px;font:10px/1.6 IBM Plex Mono,monospace}.stage-frame{background:#fff;border:1px solid #26372c22;border-radius:6px;min-width:0;margin:0;overflow:hidden}.stage-frame figcaption{color:var(--muted);background:#f3f2ea;border-bottom:1px solid #26372c18;align-items:center;gap:10px;padding:8px 12px;font:10px IBM Plex Mono,monospace;display:flex}.stage-frame figcaption span{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:#e4e3d7;border-radius:3px;padding:3px 7px;font-size:9px}.stage-frame[data-state=proposed] figcaption span{background:var(--orange);color:#fff}.stage-frame[data-state=concept] figcaption span{background:var(--ink);color:#fff}.stage-screen{cursor:zoom-in;text-align:left;background:#f7f8fb;border:0;width:100%;padding:0;display:block}.stage-screen:hover{filter:brightness(.98)}.stage-screen img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.stage-screen .preview-pending{border:0;border-radius:0}.preview-body .preview-pending{min-height:60vh}.scaler{--scale:.5;aspect-ratio:1.44;position:relative;overflow:hidden}.scaler>.mock{transform:scale(var(--scale));transform-origin:0 0;position:absolute;top:0;left:0}.preview-body img{width:100%;height:auto;display:block}.mock{color:#18181b;background-color:var(--paper);background-image:linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px);background-size:32px 32px;width:1440px;height:1000px;font-family:DM Sans,sans-serif;overflow:hidden}.mock-nav{border-bottom:1px solid color-mix(in srgb, var(--accent) 16%, transparent);background:color-mix(in srgb, var(--paper) 85%, #fff);align-items:center;gap:40px;height:84px;padding:0 120px;display:flex}.mock-nav .wm{font-size:22px}.mock-nav .wm-schematics,.mock-nav .wm-schema-reflection{font-size:18px}.mock-nav .wm-schematics .drawn{color:var(--deep);-webkit-text-stroke:0;text-shadow:none;letter-spacing:.22em}.mock-nav .wm-schema-reflection .word{text-shadow:none}.mock-nav nav{gap:28px;margin-left:auto;font-size:14px;font-weight:500;display:flex}.mock-nav .family-pill{font-size:13px}.mock-hero{grid-template-columns:640px 1fr;align-items:center;gap:72px;padding:104px 120px 0;display:grid}.mock-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--deep) 70%, #666);align-items:center;gap:10px;margin:0 0 26px;font:12px IBM Plex Mono,monospace;display:flex}.mock-eyebrow i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%}.mock-hero .wm{font-size:96px}.mock-hero .wm-schematics{font-size:80px}.mock-hero .wm-schema-reflection{font-size:54px}.mock-hero .wm-open-ontology{font-size:86px}.mock-hero h3{letter-spacing:-.05em;margin:30px 0 20px;font:700 52px/1.04 Space Grotesk,sans-serif}.mock-hero p:not(.mock-eyebrow){color:#4b4f58;max-width:560px;margin:0;font-size:18px;line-height:1.6}.mock-actions{gap:14px;margin-top:34px;display:flex}.mock-actions span{background:#fff;border:1.5px solid #18181b;border-radius:6px;padding:15px 20px;font-size:15px;font-weight:500;box-shadow:3px 3px #18181b}.mock-actions span:first-child{color:#fff;box-shadow:4px 4px 0 var(--accent);background:#18181b}.mock-terminal{color:#c9cdd8;box-shadow:10px 10px 0 var(--accent);background:#12141d;border-radius:10px;overflow:hidden}.mock-terminal p{color:#8a90a2;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin:0;padding:16px 22px;font:13px IBM Plex Mono,monospace;display:flex;overflow:hidden}.mock-terminal p span{background:#ef6b5b;border-radius:50%;flex-shrink:0;width:11px;height:11px}.mock-terminal p span:nth-child(2){background:#f2c14e}.mock-terminal p span:nth-child(3){background:#5fcf86;margin-right:10px}.mock-terminal pre{white-space:pre-wrap;margin:0;padding:26px 26px 30px;font:15px/1.85 IBM Plex Mono,monospace}.mock-terminal b{color:color-mix(in srgb, var(--accent) 45%, #fff);font-weight:400}.mock-terminal em{color:#7ee0a1;font-style:normal}.mock-terminal i{color:#6f7689;font-style:normal}.mock-terminal u{color:#ff8a7a;text-decoration:none}.mock-install{border-top:1px solid color-mix(in srgb, var(--accent) 20%, transparent);letter-spacing:.08em;text-transform:uppercase;color:#6b6f78;align-items:center;gap:24px;margin:112px 120px 0;padding-top:28px;font:12px IBM Plex Mono,monospace;display:flex}.mock-install code{color:color-mix(in srgb, var(--accent) 40%, #e6e8ef);letter-spacing:0;text-transform:none;background:#12141d;border-radius:6px;flex:1;padding:16px 20px;font:14px IBM Plex Mono,monospace}.mock-ui{box-shadow:10px 10px 0 var(--accent);background:#fff;border:1.5px solid #18181b;border-radius:10px;padding:22px;font-size:14px}.mock-ui-title{justify-content:space-between;font-weight:600;color:#18181b!important;margin:0 0 16px!important;font-size:15px!important;display:flex!important}.mock-ui-title span{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, #fff);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.mock-ui-grid{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.mock-ui-grid>div,.mock-ui-chart{border:1px solid #e4e4e7;border-radius:8px;padding:16px}.mock-ui-grid b,.mock-ui-chart b{font-weight:600;display:block}.mock-ui-grid small{color:#71717a;margin-top:4px;font-size:12px;display:block}.mock-ui-grid strong{margin-top:18px;font:600 34px Space Grotesk,sans-serif;display:block}.mock-ui-grid i{background:#f4f4f5;border-radius:4px;height:8px;margin:10px 0 4px;display:block}.mock-ui-grid i span{border-radius:inherit;background:#18181b;width:82%;height:100%;display:block}.mock-ui-grid ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mock-ui-grid li{justify-content:space-between;font-size:13px;display:flex}.mock-ui-grid li em{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, #fff);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal}.mock-ui-grid li em.review{color:#71717a;background:#f4f4f5}.mock-ui-chart{align-items:flex-end;gap:10px;height:170px;margin-top:12px;padding-top:44px;display:flex;position:relative}.mock-ui-chart b{position:absolute;top:16px;left:16px}.mock-ui-chart span{height:var(--h);background:color-mix(in srgb, var(--accent) 35%, #fff);border-radius:3px 3px 0 0;flex:1}.mock-ui-chart span:last-child{background:var(--accent)}.mock-forma .mock-hero p:not(.mock-eyebrow){color:#5a4c33}.mock-forma .mock-actions span:first-child{box-shadow:4px 4px 0 var(--accent)}.mock-foldworks{background-size:40px 40px}.mock-open-ontology .mock-hero h3{letter-spacing:-.04em;color:#10201a;font:400 58px/1.04 Georgia,serif}.mock-open-ontology .mock-hero h3 em{color:var(--accent)}.mock-open-ontology .mock-actions span:first-child{background:#10201a;border-color:#10201a}.mock-open-ontology .mock-terminal{background:#0f1714}.mock-schematics{background-image:linear-gradient(color-mix(in srgb, var(--accent) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--accent) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 5%, transparent) 1px, transparent 1px);background-size:96px 96px,96px 96px,16px 16px,16px 16px}.mock-schematics:before,.mock-schematics:after{content:"+ 001";color:color-mix(in srgb, var(--accent) 55%, transparent);font:28px/1 IBM Plex Mono,monospace;position:absolute;top:120px;left:48px}.mock-schematics:after{content:"002 +";left:auto;right:48px}.mock-schema-reflection{background-image:radial-gradient(#c9cdbc 1px,#0000 1px);background-size:24px 24px}.mock-schema-reflection .mock-hero h3{color:var(--deep);font-weight:500}.mock-schema-reflection .mock-actions span:first-child{background:var(--deep);border-color:var(--deep)}.mock-schema-reflection .mock-terminal{background:#1d2a22}.screenshot-dialog .preview-body{background:#fff}@media (width<=1100px){.studio-brand-heading{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.studio-tokens{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr))}.lineup-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.lineup-mark .wm{font-size:26px}.lineup-mark .wm-schematics{font-size:22px}.lineup-mark .wm-schema-reflection{font-size:17px}.house-rules{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-palette{grid-template-columns:1fr;gap:16px}}@media (width<=800px){.studio-legend{border-left:0;padding-left:0;display:none}.studio-page .gallery-views{display:flex}.studio-page .gallery-views [data-view=compare]{display:none}.studio-toolbar{flex-wrap:wrap}.lineup-row{grid-template-columns:minmax(0,1fr);gap:8px}.lineup-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-palette{margin-left:0}.studio-palette ul{grid-template-columns:repeat(4,minmax(0,1fr))}.house-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-brand-heading{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.studio-tokens{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-stage{padding:10px}.studio-page[data-view=compare] .studio-stage,.studio-page[data-view=concept] .studio-stage{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.lineup-tile{min-height:150px;padding:12px}.lineup-mark .wm{font-size:21px}.lineup-mark .wm-schematics{font-size:17px}.lineup-mark .wm-schema-reflection{font-size:13px}.lineup-mark .today-mark .brand-name{font-size:21px}.house-rules{grid-template-columns:minmax(0,1fr)}.studio-palette ul{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-section-heading{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.wm-triplex .cursor{animation:none}}