@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500&display=swap");:root{--bg:#f4f1ea;--panel:#eef0e8;--ink:#2e2b27;--muted:#7a766e;--line:#d8d3c7;--ok:#cfe3d4;--sage:#7a9a86;--cat-text:#d6e0ec;--cat-layout:#dde4d4;--cat-style:#e4dced;--cat-blocks:#ece2d0;--warn:#e8d3b8;--best:var(--sage);--s1:4px;--s2:8px;--s3:12px;--s4:20px;--s5:32px;--s6:48px}*{box-sizing:border-box}body{margin:0;font-family:Libre Franklin,sans-serif;font-weight:400;background:var(--bg);color:var(--ink);letter-spacing:.01em}.page{max-width:680px;margin:0 auto;padding:56px 24px 96px}.masthead{display:flex;gap:20px;align-items:stretch;margin:0 0 40px}.masthead .spine{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:4px;border-right:1px dashed var(--line);padding-right:14px}.eyebrow,.masthead .spine{font-size:11px;text-transform:uppercase;color:var(--muted)}.eyebrow{letter-spacing:2px;margin:0 0 8px}.masthead h1{font-size:34px;font-weight:400;margin:4px 0 0;letter-spacing:-.4px}.lede{font-size:16px;margin:0 0 20px;line-height:1.5;max-width:52ch}.empty,.lede{color:var(--muted)}.empty{font-size:14px;margin:6px 0 0}.card{border:1px solid var(--line);background:var(--panel);padding:24px;margin:0 0 40px}.launch{display:flex;flex-direction:column;gap:10px}.field-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.field{border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:inherit;font-size:14px;padding:11px 12px;border-radius:0;outline:none}.field:focus{border-color:var(--sage)}.primary{align-self:flex-start;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-family:inherit;font-size:14px;letter-spacing:.04em;padding:12px 22px;border-radius:0;cursor:pointer;margin-top:4px}.primary:hover{background:var(--sage);border-color:var(--sage)}section{margin:0 0 36px}.list{list-style:none;padding:0;margin:12px 0 0}.row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:14px 0}.row .name{font-size:16px}.row .meta{font-size:13px;color:var(--muted);letter-spacing:.02em}.shell{min-height:100vh}.nav{justify-content:space-between;gap:var(--s4);max-width:1280px;margin:0 auto;padding:var(--s4) var(--s4) var(--s3);border-bottom:1px solid var(--line)}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:var(--s3);text-decoration:none;color:var(--ink)}.nav-brand .mark{color:var(--sage);display:flex}.nav-brand .lockup{display:flex;flex-direction:column;gap:2px;padding-left:var(--s3);border-left:1px dashed var(--line)}.nav-brand .word{font-size:19px;letter-spacing:-.2px;line-height:1}.nav-brand .tag{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:var(--s5)}.nav-link{display:inline-flex;align-items:center;gap:var(--s2);font-size:13px;letter-spacing:.04em;color:var(--muted);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent}.nav-link:hover{color:var(--ink)}.nav-link[aria-current=page]{color:var(--sage);border-bottom-color:var(--sage)}button.nav-link{background:none;border:none;border-bottom:1px solid transparent;font-family:inherit;cursor:pointer;padding:0 0 2px}.preview-live-link{display:inline-flex;align-items:center;gap:var(--s1);font-size:12px;color:var(--muted);text-decoration:none}.preview-live-link:hover{color:var(--ink)}.shell-body{max-width:1280px;margin:0 auto;padding:var(--s6) var(--s4) 96px}.preview{margin:0 0 var(--s6)}.preview-frame{border:1px solid var(--line);background:var(--panel);padding:var(--s2);overflow:hidden}.preview-frame img{display:block;width:100%;height:auto}.preview-cap{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin:var(--s3) 0 0}.preview-tabs{display:flex;gap:var(--s4);margin:0 0 var(--s4);padding:0 0 var(--s3);border-bottom:1px solid var(--line)}.preview-tab{background:none;border:none;padding:0 0 3px;font:inherit;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer}.preview-tab:hover{color:var(--ink)}.preview-tab[aria-current]{color:var(--sage);background:linear-gradient(var(--sage),var(--sage)) 0 100% /100% 2px no-repeat}.experiments{margin:0 0 var(--s6)}.experiments-head{display:flex;align-items:center;gap:var(--s2);color:var(--muted);margin:0 0 var(--s4)}.eyebrow.flush{margin:0}.explainer{border:1px solid var(--line);background:var(--panel);margin:0 0 var(--s4)}.explainer-toggle{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:left;border:none;background:none;font-family:inherit;font-size:14px;color:var(--ink);padding:var(--s3) var(--s4);cursor:pointer}.caret{transition:transform .12s ease;flex:none;color:var(--muted)}.caret.open{transform:rotate(90deg)}.explainer-title{flex:1 1}.explainer-mark{flex:none;color:var(--muted)}.explainer-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s5);gap:var(--s5);padding:0 var(--s4) var(--s4)}.explainer-head{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--sage);margin:0 0 var(--s2)}.explainer-text{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.copilot{margin:0 0 var(--s4)}.copilot-head{display:flex;gap:var(--s3);align-items:center}.ghost{display:inline-flex;align-items:center;gap:var(--s2);border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:inherit;font-size:13px;padding:var(--s2) var(--s3);border-radius:0;cursor:pointer}.ghost:hover{border-color:var(--sage)}.ghost:disabled{color:var(--muted);cursor:default}.ghost.subtle{color:var(--muted);border-color:transparent}.copilot-error{font-size:13px;color:var(--muted);margin:var(--s2) 0 0}.copilot-body{border:1px solid var(--line);background:var(--panel);padding:var(--s4);margin:var(--s3) 0 0}.copilot-note{font-size:14px;color:var(--ink);margin:0 0 var(--s3);line-height:1.5}.arm-list{list-style:none;padding:0;margin:0 0 var(--s3)}.arm{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s2) 0;border-top:1px solid var(--line)}.arm-dot,.leaf-arm{width:8px;height:8px;flex:none;margin-top:5px}.arm-count{margin-left:auto;font-size:12px;color:var(--muted)}.arm-label{display:block;font-size:14px;margin:0}.arm-rationale{display:block;font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.4}.primary.small{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);font-size:13px}.grouping-intro{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 var(--s4)}.arm-main{flex:1 1;min-width:0}.arm-toggle{display:flex;align-items:flex-start;gap:var(--s2);width:100%;text-align:left;border:none;background:none;font-family:inherit;color:var(--ink);padding:0;cursor:pointer}.arm-toggle .caret{margin-top:3px}.arm-edits{list-style:none;padding:0;margin:var(--s2) 0 0 var(--s4)}.arm-edit{display:flex;flex-direction:column;padding:var(--s1) 0}.arm-edit-el{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.arm-edit-sum{font-size:13px;color:var(--ink);line-height:1.4}.copilot-tradeoff{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 var(--s3)}.arm-dot[data-arm="0"],.leaf-arm[data-arm="0"]{background:#cdd9e8}.arm-dot[data-arm="1"],.leaf-arm[data-arm="1"]{background:#e8d9bf}.arm-dot[data-arm="2"],.leaf-arm[data-arm="2"]{background:#c9e4d6}.arm-dot[data-arm="3"],.leaf-arm[data-arm="3"]{background:#d8c9e8}.arm-dot[data-arm="4"],.leaf-arm[data-arm="4"]{background:#e8cccc}.leaf[data-arm="0"]{box-shadow:inset 3px 0 0 #cdd9e8}.leaf[data-arm="1"]{box-shadow:inset 3px 0 0 #e8d9bf}.leaf[data-arm="2"]{box-shadow:inset 3px 0 0 #c9e4d6}.leaf[data-arm="3"]{box-shadow:inset 3px 0 0 #d8c9e8}.leaf[data-arm="4"]{box-shadow:inset 3px 0 0 #e8cccc}.tree{border-top:1px solid var(--line)}.node{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:left;border:none;background:none;font-family:inherit;color:var(--ink);cursor:pointer;padding:var(--s3) 0;border-bottom:1px solid var(--line)}.node-label{font-size:15px}.cat-node .node-label{text-transform:capitalize;font-size:14px}.node-count{margin-left:auto;font-size:12px;color:var(--muted)}.page-node{font-size:15px}.tree-cat{border-left:3px solid var(--line);padding-left:var(--s3)}.tree-cat[data-cat=text]{border-left-color:var(--cat-text)}.tree-cat[data-cat=layout]{border-left-color:var(--cat-layout)}.tree-cat[data-cat=style]{border-left-color:var(--cat-style)}.tree-cat[data-cat=blocks]{border-left-color:var(--cat-blocks)}.cat-swatch{width:10px;height:10px;flex:none}.cat-swatch[data-cat=text]{background:var(--cat-text)}.cat-swatch[data-cat=layout]{background:var(--cat-layout)}.cat-swatch[data-cat=style]{background:var(--cat-style)}.cat-swatch[data-cat=blocks]{background:var(--cat-blocks)}.tree-op{padding:var(--s2) 0 var(--s3) var(--s4)}.op-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s2)}.leaf-list{list-style:none;padding:0;margin:0}.leaf{display:flex;align-items:baseline;gap:var(--s2);width:100%;text-align:left;border:1px solid transparent;background:none;font-family:inherit;color:var(--ink);cursor:pointer;padding:var(--s2) var(--s3);border-radius:0}.leaf:hover{background:var(--panel)}.leaf.selected{border-color:var(--sage);background:var(--ok)}.leaf-arm{align-self:center}.leaf-variant{font-size:14px}.leaf-elements,.leaf-meta{font-size:12px;color:var(--muted)}.leaf-meta{margin-left:auto;letter-spacing:.02em}.project-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-gap:0 var(--s5);gap:0 var(--s5);align-items:start;margin:0 0 var(--s6)}.project-hero .preview,.project-hero .variations{grid-row:1/3;display:grid;grid-template-rows:subgrid;margin:0;min-width:0}.variations-head{margin:0;padding:0 0 var(--s3);border-bottom:1px solid var(--line);align-self:start}.variations .list{margin:0}.variation-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:var(--s3) 0}.variation-row:first-child{border-top:0;padding-top:0}.variation-name{font-size:15px;color:var(--ink)}.variation-exp{font-size:12px;color:var(--muted)}@media (max-width:720px){.project-hero{grid-template-columns:1fr;grid-template-rows:none;gap:var(--s5)}.project-hero .preview,.project-hero .variations{grid-row:auto;display:block}}.grouping{margin:0 0 var(--s5)}.eyebrow.subhead{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s4);padding:0 0 var(--s3);border-bottom:1px solid var(--line)}.variant-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--s5);gap:var(--s5);align-items:start}.variant-list{min-width:0}.variant-detail-col{position:-webkit-sticky;position:sticky;top:var(--s4);align-self:start;min-width:0}.variant-detail-col section{margin:0}@media (max-width:900px){.variant-split{grid-template-columns:1fr}.variant-detail-col{position:static}}