:root{--ink:#17132b;--ink-soft:#4a4459;--ink-faint:#8a8399;--paper:#fbf8f4;--paper-raised:#fff;--line:#9ed3de;--line-soft:#c9e8ed;--line-pink:#eab8d2;--line-pink-soft:#f1d6e7;--track-off:#c9cfd4;--chrome-dark:#0f2233;--p1:#4b3f95;--p1-tint:#eae8f8;--p2:#2d6cad;--p2-tint:#e4eef7;--p3:#1f9c82;--p3-tint:#e1f3ee;--p4:#dc9e2e;--p4-tint:#fbf0dc;--p5:#e2604f;--p5-tint:#fce7e3;--pink:#c7488e;--pink-tint:#fae5f0;--cyan:#0fb8c9;--cyan-tint:#dff6f8;--navy:#1b3a5c;--navy-tint:#e4ebf1;--navy-text:var(--navy);--p1-text:var(--p1);--p2-text:var(--p2);--p3-text:#177561;--p4-text:#8a6512;--p5-text:#a9483b;--pink-text:#a93d78;--cyan-text:#087580;--chart-1:var(--p1);--chart-2:var(--p2);--chart-3:var(--p3);--chart-4:var(--p4);--chart-5:var(--p5);--chart-6:var(--pink);--chart-7:var(--cyan);--chart-8:#8b7fd1;--chart-9:#7fc9b8;--chart-10:#4a4459;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--shadow-xs:0 1px 1px #17132b0a;--shadow-sm:0 1px 2px #17132b0f;--shadow-md:0 8px 24px #17132b14;--shadow-lg:0 16px 40px #17132b1f;--shadow-xl:0 28px 64px #17132b33;--overlay:#17132b8c;--disabled-opacity:.45;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--ease-standard:cubic-bezier(.4,0,.2,1);--container-xl:1180px;--container-lg:960px;--container-md:720px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}html.dark{--ink:#f2eefa;--ink-soft:#c6bfda;--ink-faint:#8a82a3;--paper:#130f24;--paper-raised:#1d1836;--line:#204656;--line-soft:#173039;--line-pink:#4a2a45;--line-pink-soft:#331d30;--track-off:#4a5158;--p1-tint:#241e42;--p2-tint:#17293b;--p3-tint:#123028;--p4-tint:#3a2a0e;--p5-tint:#3b1d16;--pink-tint:#341728;--cyan-tint:#0e2c30;--navy-tint:#6fb6de29;--navy-text:#6fb6de;--p1-text:#938bbf;--p2-text:#6c98c5;--p3-text:#47ad98;--p4-text:#dfa742;--p5-text:#e46f60;--pink-text:#d370a6;--cyan-text:#27bfce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);margin:0;line-height:1.5}img,svg{display:block}button{font-family:inherit}code{font-family:var(--font-mono);background:var(--line-soft);border-radius:4px;padding:1px 5px;font-size:.92em}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}.theme-toggle-fixed{z-index:50;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);cursor:pointer;color:var(--ink);font-family:var(--font-mono);align-items:center;gap:8px;padding:9px 16px 9px 12px;font-size:11.5px;display:flex;position:fixed;top:20px;right:20px}.theme-toggle-fixed svg{color:var(--navy-text)}.hero{background:radial-gradient(circle at 14% 18%, #4b3f9524, transparent 45%), radial-gradient(circle at 92% 30%, #0fb8c921, transparent 42%), radial-gradient(circle at 86% 8%, #e2604f1a, transparent 40%), var(--paper);border-bottom:1px solid var(--line);padding:96px 0 88px;position:relative;overflow:hidden}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:10px;margin-bottom:22px;font-size:12.5px;display:flex}.eyebrow .dot{background:var(--p5);border-radius:50%;width:7px;height:7px}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;max-width:15ch;margin:0 0 24px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.02}.hero h1 em{background:linear-gradient(92deg,var(--p1),var(--p2) 22%,var(--p3) 42%,var(--p4) 62%,var(--p5) 82%,var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}html.dark .hero h1 em{background-image:linear-gradient(92deg,#938bbf,#6c98c5 22%,#47ad98 42%,#dfa742 62%,#e46f60 82%,#d370a6)}.hero p.lead{color:var(--ink-soft);max-width:58ch;margin:0 0 8px;font-size:19px}.hero .source{font-family:var(--font-mono);color:var(--ink-soft);border-top:1px solid var(--line);max-width:680px;margin-top:34px;padding-top:18px;font-size:12.5px}.toc{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.toc a{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-raised);padding:7px 14px;font-size:12px;text-decoration:none;transition:border-color .15s,color .15s}.toc a:hover{border-color:var(--navy-text);color:var(--navy-text)}section.block{border-bottom:1px solid var(--line);padding:88px 0}.block-head{max-width:680px;margin-bottom:44px}.block-head .num{font-family:var(--font-mono);color:var(--p5);letter-spacing:.1em;margin-bottom:10px;font-size:12.5px;display:block}.block-head h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(28px,3.4vw,38px);font-weight:700}.block-head p{color:var(--ink-soft);margin:0;font-size:16px}.subhead{margin:56px 0 22px}.subhead:first-of-type{margin-top:0}.subhead h3{font-family:var(--font-display);margin:0 0 6px;font-size:19px;font-weight:600}.subhead p{color:var(--ink-soft);max-width:60ch;margin:0;font-size:14px}.flywheel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);grid-template-columns:repeat(5,1fr);gap:0;display:grid;overflow:hidden}.fw-step{border-right:1px solid var(--line);background:var(--tint);padding:30px 22px 26px;position:relative}.fw-step:last-child{border-right:none}.fw-step .fw-icon{background:var(--accent);width:34px;height:34px;font-family:var(--font-mono);color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.fw-step .fw-label{font-family:var(--font-display);color:var(--accent-text,var(--accent));margin-bottom:6px;font-size:19px;font-weight:700}.fw-step .fw-sub{color:var(--ink-soft);font-size:13.5px;line-height:1.45}.phase-swatches{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.swatch{border-radius:var(--radius-md);color:#fff;flex-direction:column;justify-content:space-between;min-height:118px;padding:20px 18px;display:flex}.swatch .sw-name{font-family:var(--font-display);font-size:15px;font-weight:600}.swatch .sw-hex{font-family:var(--font-mono);opacity:.85;margin-top:5px;font-size:12px}.swatch .sw-use{font-family:var(--font-mono);opacity:.75;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.neutral-row{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:16px;display:grid}.n-swatch{border-radius:var(--radius-md);border:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:84px;padding:14px 16px;display:flex}.n-swatch .sw-name{font-family:var(--font-mono);font-size:11.5px}.n-swatch .sw-hex{font-family:var(--font-mono);opacity:.7;font-size:11px}.type-row{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;padding:26px 0;display:flex}.type-row:last-child{border-bottom:1px solid var(--line-soft)}.type-meta{font-family:var(--font-mono);color:var(--ink-soft);min-width:230px;font-size:12px}.type-sample{font-family:var(--font-display);font-weight:700}.type-sample.body{font-family:var(--font-body);font-weight:400}.type-sample.mono{font-family:var(--font-mono);font-weight:500}.comp-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.comp-grid.thirds{grid-template-columns:1fr 1fr 1fr}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:28px}.card-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px;font-size:11px;display:block}.stat-card{border-left:4px solid var(--p2)}.stat-card .stat-num{font-family:var(--font-display);color:var(--p2);font-size:48px;font-weight:700;line-height:1}.stat-card .stat-desc{color:var(--ink-soft);max-width:32ch;margin-top:12px;font-size:14.5px}.quote-card{background:var(--pink);color:#fff;border:none;position:relative}.quote-card:before{content:"“";font-family:var(--font-display);color:#ffffff59;margin-bottom:-10px;font-size:64px;line-height:1;display:block}.quote-card p{font-family:var(--font-display);margin:0 0 16px;font-size:19px;font-weight:600;line-height:1.4}.quote-card cite{font-family:var(--font-mono);opacity:.8;font-size:12.5px;font-style:normal}.pillar-card{text-align:left}.pillar-card .pillar-icon{background:var(--accent,var(--p3));color:#fff;width:38px;height:38px;font-family:var(--font-mono);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.pillar-card h4{font-family:var(--font-display);margin:0 0 8px;font-size:17px}.pillar-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.fw-row-table{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised);overflow:hidden}.fw-row-item{border-bottom:1px solid var(--line-pink-soft);grid-template-columns:190px 40px 1fr;align-items:center;gap:18px;padding:18px 24px;display:grid}.fw-row-item:last-child{border-bottom:none}.fw-row-item .frname{font-family:var(--font-display);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.fw-row-item .frname .ic{background:var(--accent);border-radius:50%;width:9px;height:9px}.fw-row-item .frarrow{color:var(--ink-soft);font-family:var(--font-mono)}.fw-row-item .frdesc{color:var(--ink-soft);font-size:14.5px}.chip-pair{flex-wrap:wrap;gap:14px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.03em;border-radius:var(--radius-pill);border:1.5px solid var(--line);color:var(--ink-soft);padding:9px 16px;font-size:12.5px}.chip.no{opacity:.55;border-color:var(--line);text-decoration:line-through}.chip.yes{background:var(--p3);border-color:var(--p3);color:#fff;font-weight:600}.action-card{align-items:flex-start;gap:16px;display:flex}.action-card .ic{background:var(--accent);color:#fff;width:32px;height:32px;font-family:var(--font-mono);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.action-card h4{font-family:var(--font-display);margin:0 0 6px;font-size:15.5px}.action-card p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.idx-tag{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-raised);align-items:center;gap:8px;padding:5px 12px;font-size:11.5px;display:inline-flex}.mark{background:var(--cyan-tint);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:1px 5px}.btn-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.btn{font-family:var(--font-body);letter-spacing:0;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), background var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);border:1.5px solid #0000;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.btn-primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);background:#24507a}.btn-secondary{background:var(--paper-raised);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--navy-text);color:var(--navy-text)}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000;padding:12px 14px}.btn-ghost:hover{background:var(--line-soft);color:var(--ink)}.btn-danger{background:var(--p5);color:#fff}.btn-danger:hover{background:#c94d3d}.btn-accent{background:var(--pink);color:#fff}.btn-accent:hover{background:#a83876}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:15px 28px;font-size:16px}.btn[disabled]{opacity:var(--disabled-opacity);cursor:not-allowed}.btn[disabled]:hover{box-shadow:none;transform:none}.btn-icon{border-radius:var(--radius-sm);justify-content:center;width:40px;height:40px;padding:0}.btn-icon.round{border-radius:50%}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.field{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:11.5px}.field input[type=text],.field input[type=email],.field input[type=date],.field input[type=time],.field select,.field textarea{font-family:var(--font-body);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);width:100%;transition:border-color var(--dur-base) var(--ease-standard);padding:12px 14px;font-size:15px}.field textarea{resize:vertical;min-height:88px;font-family:var(--font-body)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy-text);box-shadow:0 0 0 3px var(--navy-tint);outline:none}.field .helper{color:var(--ink-faint);font-size:12.5px}.field.error input,.field.error textarea{border-color:var(--p5)}.field.error .helper{color:var(--p5)}.field.disabled input{background:var(--line-soft);color:var(--ink-faint);cursor:not-allowed}.check-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.check-row input[type=checkbox],.check-row input[type=radio]{width:18px;height:18px;accent-color:var(--navy-text);cursor:pointer}.check-row label{color:var(--ink);cursor:pointer;font-size:14.5px}.switch{flex-shrink:0;width:44px;height:26px;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:var(--track-off);border-radius:var(--radius-pill);transition:background var(--dur-base) var(--ease-standard);cursor:pointer;position:absolute;inset:0}.switch .track:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-standard);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--p3)}.switch input:checked+.track:after{transform:translate(18px)}.switch-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.switch-row span{color:var(--ink);font-size:14.5px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised);overflow:hidden}table.dt{border-collapse:collapse;width:100%;font-size:14.5px}table.dt thead th{text-align:left;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--line-soft);border-bottom:2px solid var(--line-pink);padding:14px 20px;font-size:11px}table.dt tbody td{border-bottom:1px solid var(--line-soft);color:var(--ink);padding:16px 20px}table.dt tbody tr:last-child td{border-bottom:none}table.dt tbody tr{transition:background .12s}table.dt tbody tr:hover{background:var(--line-soft)}table.dt .cell-mono{font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.state-table td,.state-table th{text-align:center}.state-table td:first-child,.state-table th:first-child{text-align:left}.badge-row{flex-wrap:wrap;gap:10px;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.b-info{background:var(--p2-tint);color:var(--p2-text)}.badge.b-success{background:var(--p3-tint);color:var(--p3-text)}.badge.b-warning{background:var(--p4-tint);color:var(--p4-text)}.badge.b-danger{background:var(--p5-tint);color:var(--p5-text)}.badge.b-neutral{background:var(--line-soft);color:var(--ink-soft)}.badge.b-highlight{background:var(--pink-tint);color:var(--pink-text)}.badge.b-new{background:var(--cyan-tint);color:var(--cyan-text)}.avatar-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.avatar{width:42px;height:42px;font-family:var(--font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.avatar-stack{display:flex}.avatar-stack .avatar{border:2.5px solid var(--paper-raised);margin-left:-10px}.avatar-stack .avatar:first-child{margin-left:0}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:28px;display:flex}.tab{font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 18px;font-size:14.5px;font-weight:600;position:relative;top:1px}.tab.active{color:var(--navy-text);border-bottom-color:var(--navy-text)}.tab:hover:not(.active){color:var(--ink)}.crumbs{font-family:var(--font-mono);color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{color:var(--navy-text)}.crumbs .current{color:var(--ink)}.pagination{align-items:center;gap:6px;display:flex}.page-btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper-raised);width:34px;height:34px;font-family:var(--font-mono);color:var(--ink-soft);cursor:pointer;justify-content:center;align-items:center;font-size:13px;display:flex}.page-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.page-btn:hover:not(.active){border-color:var(--navy-text);color:var(--navy-text)}.progress-track{border-radius:var(--radius-pill);background:var(--line-soft);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--p1),var(--p3));height:100%}.stepper,.step{align-items:center;display:flex}.step-dot{width:30px;height:30px;font-family:var(--font-mono);border:2px solid var(--line);color:var(--ink-faint);background:var(--paper-raised);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.step.done .step-dot{background:var(--p3);border-color:var(--p3);color:#fff}.step.current .step-dot{border-color:var(--navy-text);color:var(--navy-text);background:var(--navy-tint)}.step-label{font-family:var(--font-mono);color:var(--ink-soft);white-space:nowrap;margin-left:10px;margin-right:10px;font-size:12px}.step.done .step-label,.step.current .step-label{color:var(--ink)}.step-line{background:var(--line);flex:1;min-width:24px;height:2px}.step-line.done{background:var(--p3)}.alert{border-radius:var(--radius-md);border:1px solid #0000;gap:14px;margin-bottom:16px;padding:18px 20px;display:flex}.alert .ic{width:26px;height:26px;font-family:var(--font-mono);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.alert strong{font-family:var(--font-display);margin-bottom:2px;font-size:14.5px;display:block}.alert p{color:var(--ink-soft);margin:0;font-size:13.5px}.alert.a-info{background:var(--p2-tint);border-color:#c9dced}.alert.a-info .ic{background:var(--p2)}.alert.a-success{background:var(--p3-tint);border-color:#c7e9df}.alert.a-success .ic{background:var(--p3)}.alert.a-warning{background:var(--p4-tint);border-color:#f2ddad}.alert.a-warning .ic{background:var(--p4)}.alert.a-danger{background:var(--p5-tint);border-color:#f3c9c1}.alert.a-danger .ic{background:var(--p5)}html.dark .alert.a-info{border-color:#2c4a63}html.dark .alert.a-success{border-color:#1f4a3f}html.dark .alert.a-warning{border-color:#5a431a}html.dark .alert.a-danger{border-color:#5a2c21}.detour{border:1.5px dashed var(--p5);border-radius:var(--radius-md);background:var(--p5-tint);align-items:center;gap:16px;padding:22px 26px;display:flex}.detour .ic{background:var(--p5);color:#fff;width:30px;height:30px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.detour strong{font-family:var(--font-display);color:var(--ink);font-size:15px;display:block}.detour span{color:var(--ink-soft);font-size:13.5px}.empty-state{text-align:center;border:1.5px dashed var(--line);border-radius:var(--radius-md);padding:56px 32px}.empty-state .es-icon{background:var(--navy-tint);width:52px;height:52px;color:var(--navy-text);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-weight:600;display:flex}.empty-state h4{font-family:var(--font-display);margin:0 0 8px;font-size:17px}.empty-state p{color:var(--ink-soft);max-width:38ch;margin:0 auto 20px;font-size:14px}.modal-preview{background:var(--chrome-dark);border-radius:var(--radius-lg);justify-content:center;padding:48px;display:flex}.modal{background:var(--paper-raised);border-radius:var(--radius-md);width:100%;max-width:400px;padding:32px;box-shadow:0 20px 50px #0000004d}.modal h4{font-family:var(--font-display);margin:0 0 10px;font-size:18px}.modal p{color:var(--ink-soft);margin:0 0 24px;font-size:14px;line-height:1.5}.modal .modal-actions{justify-content:flex-end;gap:10px;display:flex}.tooltip-demo{flex-wrap:wrap;gap:60px;padding:20px 0;display:flex}.tt-wrap{display:inline-block;position:relative}.tooltip{background:var(--chrome-dark);color:#fff;font-family:var(--font-mono);border-radius:var(--radius-sm);white-space:nowrap;padding:7px 12px;font-size:11.5px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--chrome-dark);position:absolute;top:100%;left:50%;transform:translate(-50%)}.shell-frame{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised);height:420px;box-shadow:var(--shadow-md);display:flex;overflow:hidden}.shell-sidebar{background:var(--chrome-dark);flex-direction:column;flex-shrink:0;gap:22px;width:196px;padding:22px 16px;display:flex}.shell-logo{background:var(--navy);border-radius:7px;width:26px;height:26px}.shell-nav{flex-direction:column;gap:2px;display:flex}.shell-nav-item{font-family:var(--font-mono);color:#c6bfda;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.shell-nav-item.active{color:#fff;background:#ffffff14}.shell-nav-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 22px;display:flex}.shell-content{flex:1;padding:24px;overflow:auto}.shell-stats{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.shell-stat{border:1px solid var(--line);border-radius:10px;padding:14px}.shell-stat b{font-family:var(--font-display);font-size:20px;display:block}.shell-stat span{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;font-size:10.5px}.tpl-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tpl-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-raised);padding:16px}.tpl-card .tpl-label{font-family:var(--font-mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:11px;display:block}.tpl-bar{background:var(--line);border-radius:4px;height:10px;margin-bottom:8px}.tpl-bar.short{width:40%}.tpl-bar.accent{background:var(--accent,var(--navy));width:30%;height:8px}.tpl-block{background:var(--line-soft);border-radius:6px;height:46px;margin-bottom:8px}.tpl-row-mini{gap:8px;margin-bottom:8px;display:flex}.tpl-row-mini div{background:var(--line-soft);border-radius:5px;flex:1;height:22px}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-lg);z-index:10;padding:6px;display:none;position:absolute;top:calc(100% + 8px);left:0}.dropdown.open .dropdown-menu{display:block}.dropdown-item{color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.dropdown-item:hover{background:var(--line-soft)}.dropdown-item.active{color:var(--navy-text);font-weight:600}.search-input{max-width:320px;position:relative}.search-input input{border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background:var(--paper-raised);color:var(--ink);padding:11px 14px 11px 40px;font-size:14.5px}.search-input input:focus{border-color:var(--navy-text);box-shadow:0 0 0 3px var(--navy-tint);outline:none}.search-input svg{color:var(--ink-faint);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.segmented{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line-soft);padding:3px;display:inline-flex}.segmented button{font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13.5px;font-weight:600}.segmented button.active{background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.accordion{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.accordion-item{border-bottom:1px solid var(--line-pink-soft)}.accordion-item:last-child{border-bottom:none}.accordion-header{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.accordion-header svg{transition:transform var(--dur-base) var(--ease-standard);flex-shrink:0}.accordion-item.open .accordion-header svg{transform:rotate(180deg)}.accordion-body{max-height:0;transition:max-height var(--dur-slow) var(--ease-standard);overflow:hidden}.accordion-item.open .accordion-body{max-height:200px}.accordion-body p{color:var(--ink-soft);margin:0;padding:0 20px 18px;font-size:14px;line-height:1.55}.tag-field{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.tag-chip{background:var(--pink-tint);color:var(--pink-text);font-family:var(--font-mono);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 8px 5px 10px;font-size:12.5px;display:inline-flex}.tag-chip button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.tag-field input{min-width:120px;font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:5px;font-size:14px}input.slider{-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);background:var(--line);width:100%;max-width:320px;height:6px;accent-color:var(--navy-text)}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius-md);text-align:center;padding:40px 24px}.dropzone svg{color:var(--ink-faint);margin:0 auto 12px}.dropzone strong{font-family:var(--font-display);margin-bottom:4px;font-size:15px;display:block}.dropzone span{color:var(--ink-soft);font-size:13px}.toast{background:var(--chrome-dark);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:all var(--dur-base) var(--ease-standard);z-index:100;align-items:center;gap:10px;padding:14px 18px;font-size:14px;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}.toast .ic{color:var(--p3);flex-shrink:0}.scale-row{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:baseline;gap:20px;padding:18px 0;display:flex}.scale-row .sc-tag{font-family:var(--font-mono);color:var(--ink-soft);min-width:100px;font-size:11px}.motion-demo{background:var(--navy);width:52px;height:52px;transition:transform var(--dm-dur,.2s) ease;cursor:pointer;border-radius:12px}.motion-demo:hover{transform:translate(20px)}.motion-row{flex-wrap:wrap;align-items:flex-start;gap:36px;display:flex}.motion-label{font-family:var(--font-mono);color:var(--ink-soft);font-size:11.5px;line-height:1.5}.elev-row{flex-wrap:wrap;gap:24px;display:flex}.elev-box{border-radius:var(--radius-md);background:var(--paper-raised);width:100px;height:80px;font-family:var(--font-mono);color:var(--ink-soft);align-items:flex-end;padding:10px;font-size:11px;display:flex}.chart-swatch-row{grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:28px;display:grid}.chart-swatch{border-radius:8px;height:52px}.bar-chart{align-items:flex-end;gap:14px;height:160px;padding:24px 4px 0;display:flex}.bar-chart .bar{border-radius:6px 6px 0 0;flex:1;position:relative}.bar-chart .bar span{text-align:center;font-family:var(--font-mono);color:var(--ink-soft);font-size:11px;position:absolute;top:-22px;left:0;right:0}.icon-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.icon-tile{border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;background:var(--paper-raised);padding:18px 10px}.icon-tile svg{color:var(--ink);margin:0 auto 10px}.icon-tile span{font-family:var(--font-mono);color:var(--ink-soft);font-size:10.5px}.spinner{border:3px solid var(--line);border-top-color:var(--navy-text);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading{align-items:center;gap:10px;display:inline-flex}.btn-loading .spinner{border-width:2px;border-color:#fff #ffffff59 #ffffff59;width:16px;height:16px}.skeleton{background:linear-gradient(90deg, var(--line-soft) 25%, var(--line) 37%, var(--line-soft) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.a11y-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.a11y-item{border:1px solid var(--line);border-radius:var(--radius-md);gap:12px;padding:16px;display:flex}.a11y-item .ic{background:var(--p3-tint);width:28px;height:28px;color:var(--p3-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.a11y-item h5{font-family:var(--font-display);margin:0 0 4px;font-size:14px}.a11y-item p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}.field.success input,.field.success textarea{border-color:var(--p3)}.field.success .helper{color:var(--p3)}th.dt-select,td.dt-select{width:40px}input[type=checkbox].row-select{width:16px;height:16px;accent-color:var(--navy-text);cursor:pointer}.count-badge{border-radius:var(--radius-pill);background:var(--p5);color:#fff;min-width:18px;height:18px;font-family:var(--font-mono);justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-flex}.icon-with-badge{display:inline-flex;position:relative}.icon-with-badge .count-badge{position:absolute;top:-6px;right:-6px}.list-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:14px 4px;display:flex}.list-row:last-child{border-bottom:none}.list-row .lr-body{flex:1;min-width:0}.list-row .lr-title{color:var(--ink);margin:0 0 2px;font-size:14.5px;font-weight:600}.list-row .lr-meta{color:var(--ink-soft);font-size:12.5px}.list-row .lr-time{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;flex-shrink:0;font-size:11px}.icon-size-row{flex-wrap:wrap;align-items:flex-end;gap:32px;display:flex}.icon-size-item{flex-direction:column;align-items:center;gap:8px;display:flex}.icon-size-item span{font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}.combobox{max-width:320px;position:relative}.combobox input{border:1.5px solid var(--line);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background:var(--paper-raised);color:var(--ink);padding:11px 14px;font-size:14.5px}.combobox input:focus{border-color:var(--navy-text);box-shadow:0 0 0 3px var(--navy-tint);outline:none}.combobox-list{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:10;max-height:220px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.combobox.open .combobox-list{display:block}.combobox-list mark{background:var(--cyan-tint);color:var(--ink);border-radius:3px;padding:0 2px}.popover-wrap{display:inline-block;position:relative}.popover{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-lg);z-index:20;padding:18px;display:none;position:absolute;top:calc(100% + 10px);left:0}.popover.open{display:block}.popover h5{font-family:var(--font-display);margin:0 0 6px;font-size:14.5px}.popover p{color:var(--ink-soft);margin:0 0 14px;font-size:13px;line-height:1.5}.popover .popover-actions{justify-content:flex-end;gap:8px;display:flex}.shell-nav-group-header{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#8a93a0;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 10px 4px;font-size:10.5px;display:flex}.shell-nav-group-header svg{transition:transform var(--dur-base) var(--ease-standard)}.shell-nav-group.collapsed .shell-nav-group-header svg{transform:rotate(-90deg)}.shell-nav-group.collapsed .shell-nav-children{display:none}.shell-nav-children{flex-direction:column;gap:2px;display:flex}.donut-row{flex-wrap:wrap;align-items:center;gap:36px;display:flex}.donut-legend{flex-direction:column;gap:9px;display:flex}.donut-legend-item{color:var(--ink);align-items:center;gap:10px;font-size:13.5px;display:flex}.donut-legend-item .sw{border-radius:3px;flex-shrink:0;width:10px;height:10px}.donut-legend-item .val{font-family:var(--font-mono);color:var(--ink-soft);margin-left:auto;font-size:12px}.token-ref{font-family:var(--font-mono);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-md);white-space:pre;color:var(--ink-soft);padding:24px;font-size:12.5px;line-height:1.8;overflow-x:auto}.token-ref .tk-comment{color:var(--ink-faint)}.token-ref .tk-key{color:var(--navy-text)}.space-rail{align-items:flex-end;gap:22px;margin-top:8px;display:flex}.space-item{flex-direction:column;align-items:center;gap:10px;display:flex}.space-item .bar{background:var(--p1);border-radius:4px;width:34px}.space-item span{font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}footer{padding:56px 0 80px}footer p{font-family:var(--font-mono);color:var(--ink-soft);max-width:64ch;font-size:12px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=860px){.wrap{padding:0 20px}.flywheel,.phase-swatches,.comp-grid,.comp-grid.thirds,.form-grid,.tpl-row{grid-template-columns:1fr}.flywheel .fw-step{border-right:none;border-bottom:1px solid var(--line)}.neutral-row{grid-template-columns:1fr 1fr}.fw-row-item{grid-template-columns:1fr;gap:6px}table.dt{font-size:13px}table.dt thead th,table.dt tbody td{padding:12px}.stepper{flex-wrap:wrap;row-gap:16px}.shell-frame{flex-direction:column;height:auto}.shell-sidebar{flex-direction:row;width:auto;overflow-x:auto}.shell-nav{flex-direction:row}.icon-grid{grid-template-columns:repeat(3,1fr)}.chart-swatch-row{grid-template-columns:repeat(5,1fr)}.a11y-list{grid-template-columns:1fr}.theme-toggle-fixed span{display:none}}.skip-link{z-index:100;background:var(--navy);color:#fff;border-radius:0 0 var(--radius-sm) 0;font-family:var(--font-mono);padding:12px 20px;font-size:13px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.site-header{z-index:40;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:24px;height:66px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;margin-right:auto;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand .mark{background:linear-gradient(135deg,var(--p1),var(--p2) 30%,var(--p3) 55%,var(--p4) 78%,var(--p5));border-radius:8px;flex:none;width:26px;height:26px}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink-soft);border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);padding:8px 12px;font-size:12.5px;text-decoration:none}.site-nav a:hover{color:var(--ink);background:var(--line-soft)}.site-nav a[aria-current=page]{color:var(--navy-text);background:var(--navy-tint)}.site-nav a:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.theme-toggle{cursor:pointer;background:var(--paper-raised);border:1px solid var(--line);width:36px;height:36px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;display:grid}.theme-toggle:hover{color:var(--navy-text);border-color:var(--navy-text)}.theme-toggle:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.theme-toggle .sun{display:none}html.dark .theme-toggle .sun{display:block}html.dark .theme-toggle .moon,.nav-toggle{display:none}@media (width<=820px){.site-header .wrap{flex-wrap:wrap;gap:12px;height:auto;padding-top:12px;padding-bottom:12px}.nav-toggle{cursor:pointer;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--ink);place-items:center;display:grid}.site-nav{flex-direction:column;align-items:stretch;gap:2px;width:100%;padding-bottom:8px;display:none}.site-nav.open{display:flex}.site-nav a{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px}}.site-footer{border-top:1px solid var(--line);background:var(--paper);padding:56px 0 44px}.site-footer .foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px;display:grid}.site-footer h4{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px;font-size:11px}.site-footer a{color:var(--ink-soft);padding:3px 0;font-size:14px;text-decoration:none;display:block}.site-footer a:hover{color:var(--navy-text)}.site-footer .colophon{border-top:1px solid var(--line-soft);font-family:var(--font-mono);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:22px;font-size:11.5px;display:flex}@media (width<=820px){.site-footer .foot-grid{grid-template-columns:1fr;gap:28px}}.page-hero{border-bottom:1px solid var(--line);padding:72px 0 56px}.page-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(34px,5vw,54px);font-weight:700}.page-hero p.lead{color:var(--ink-soft);max-width:62ch;margin:0;font-size:18px}section.block:last-of-type{border-bottom:none}.link-arrow{font-family:var(--font-mono);color:var(--navy-text);align-items:center;gap:7px;font-size:12.5px;text-decoration:none;display:inline-flex}.link-arrow:hover{text-decoration:underline}.link-arrow:after{content:"→";transition:transform var(--dur-fast) var(--ease-standard)}.link-arrow:hover:after{transform:translate(3px)}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3{grid-template-columns:1fr}}.home-hero .hero-grid{grid-template-columns:1.35fr .65fr;align-items:center;gap:56px;display:grid}.home-hero .portrait{border-radius:var(--radius-lg);border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow-lg);background:var(--paper-raised)}@media (width<=900px){.home-hero .hero-grid{grid-template-columns:1fr;gap:36px}.home-hero .portrait{max-width:280px}}.typed{font-family:var(--font-mono);color:var(--p5);letter-spacing:.04em;min-height:1.4em;margin:0 0 20px;font-size:14px}.typed .word{transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);display:inline-block}.typed .word.out{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.typed .word{transition:none}}.work-card{transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.work-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.work-card:hover{transform:none}}.work-card[hidden]{display:none}.work-card .media{aspect-ratio:16/10;background:var(--line-soft);border-bottom:3px solid var(--accent);display:block;position:relative;overflow:hidden}.work-card .media img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.work-card .media.fit-contain img{object-fit:contain;object-position:center;padding:8%}.work-card .media.bg-light{background:#fff}.work-card .media .placeholder{background:linear-gradient(135deg, var(--accent-tint), transparent 70%), var(--paper-raised);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.work-card .media .glyph{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--accent-text,var(--accent));font-size:13px}.work-hero-image{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;max-width:900px;height:auto;margin-bottom:36px;display:block}.work-hero-image.bg-light{background:#fff}.work-gallery{grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:40px 0 0;padding:0;list-style:none;display:grid}.work-gallery li{margin:0}.work-gallery img{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;height:auto;display:block}.work-gallery p{color:var(--ink-soft);margin:10px 0 0;font-size:13.5px;line-height:1.5}.work-gallery.bg-light img{aspect-ratio:4/3;object-fit:contain;background:#fff;padding:6%}@media (width<=640px){.work-gallery{grid-template-columns:1fr}}.work-card .body{flex-direction:column;flex:1;gap:10px;padding:22px 24px 24px;display:flex}.work-card .cat{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text,var(--accent));font-size:10.5px}.work-card .cat .ctx{letter-spacing:.04em;text-transform:none;opacity:.75}.filters-ctx{margin-top:-20px}.filters-ctx button{padding:6px 12px;font-size:11px}.work-card h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600;line-height:1.25}.work-card h3 a{color:var(--ink);text-decoration:none}.work-card h3 a:hover{color:var(--navy-text)}.work-card h3 a:focus-visible{outline:2px solid var(--p2);outline-offset:3px}.work-card .tagline{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.55}.work-card .meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.work-card .chip{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--line-soft);border-radius:var(--radius-pill);padding:3px 9px;font-size:11px}.work-card .actions{flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:6px;display:flex}.work-card.wide{grid-template-columns:1.05fr 1fr;display:grid}.work-card.wide .media{aspect-ratio:auto;border-bottom:none;border-right:3px solid var(--accent);height:100%;min-height:300px}.work-card.wide .body{justify-content:center;padding:32px 34px}.work-card.wide h3{font-size:26px}.work-card.wide .tagline{font-size:16px}@media (width<=820px){.work-card.wide{grid-template-columns:1fr}.work-card.wide .media{aspect-ratio:16/10;border-right:none;border-bottom:3px solid var(--accent);min-height:0}.work-card.wide .body{padding:22px 24px 24px}}.timeline{padding-left:30px;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:5px}.tl-item{padding-bottom:34px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--paper);border:2px solid var(--line);border-radius:50%;width:11px;height:11px;position:absolute;top:6px;left:-30px}.tl-item.current:before{background:var(--p3);border-color:var(--p3)}.tl-item .yr{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;font-size:11.5px}.tl-item h3{font-family:var(--font-display);margin:5px 0 2px;font-size:18px;font-weight:600}.tl-item .co{font-family:var(--font-mono);color:var(--navy-text);margin-bottom:8px;font-size:13px}.tl-item p{color:var(--ink-soft);max-width:62ch;margin:0;font-size:14.5px;line-height:1.6}.resume-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start;gap:64px;display:grid}.resume-side{flex-direction:column;gap:36px;display:flex;position:sticky;top:90px}.side-block{border-top:1px solid var(--line);padding-top:18px}.side-block .num{margin-bottom:14px;display:block}.side-item{border-bottom:1px solid var(--line-soft);padding:12px 0}.side-item:last-child{border-bottom:none}.side-item h3{font-family:var(--font-display);align-items:center;gap:10px;margin:4px 0;font-size:15px;font-weight:600;display:flex}.side-item p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.55}.cap-dot{background:var(--accent);color:#fff;width:22px;height:22px;font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:11px;display:inline-grid}.timeline-logos{padding-left:0}.timeline-logos:before{left:27px}.timeline-logos .tl-item{grid-template-columns:56px minmax(0,1fr);gap:22px;display:grid}.timeline-logos .tl-item:before{display:none}.tl-logo{border:1px solid var(--line);z-index:1;width:56px;height:56px;font-family:var(--font-display);color:var(--ink-faint);background:#fff;border-radius:14px;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.tl-logo img{object-fit:contain;width:40px;height:40px;display:block}.tl-item.current .tl-logo{border-color:var(--p3);box-shadow:0 0 0 3px color-mix(in srgb, var(--p3) 22%, transparent)}.timeline-logos .tl-item p{max-width:none}.tl-related{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tl-related a{font-family:var(--font-mono);color:var(--navy-text);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-raised);padding:5px 11px;font-size:11.5px;text-decoration:none}.tl-related a:hover{border-color:var(--navy-text)}@media (width<=900px){.resume-grid{grid-template-columns:1fr;gap:40px}.resume-side{position:static}}.post-source{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--p5);margin-left:10px;font-size:11px}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 56px;display:grid}.track-grid:before{display:none}.track-grid .tl-item{padding-bottom:28px}@media (width<=900px){.track-grid{grid-template-columns:1fr}}.ref-card{flex-direction:column;display:flex}.ref-card p{font-family:var(--font-display);flex:1;margin:0 0 20px;font-size:16.5px;font-weight:500;line-height:1.5}.ref-who{align-items:center;gap:12px;display:flex}.ref-who img{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.ref-who strong{font-family:var(--font-display);font-size:14px;font-weight:600;display:block}.ref-who span{font-family:var(--font-mono);color:var(--ink-soft);margin-top:2px;font-size:11.5px;display:block}.filters{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.filters button{font-family:var(--font-mono);cursor:pointer;background:var(--paper-raised);border:1px solid var(--line);color:var(--ink-soft);border-radius:var(--radius-pill);padding:8px 16px;font-size:12px}.filters button:hover{border-color:var(--navy-text);color:var(--navy-text)}.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.filters button:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.filters button .n{opacity:.6;margin-left:2px;font-size:11px}.empty-note{font-family:var(--font-mono);color:var(--ink-faint);border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center;margin:0;padding:28px;font-size:13px}.related{border-top:1px solid var(--line-soft);gap:0;margin:0;padding:0;list-style:none;display:grid}.related li{border-bottom:1px solid var(--line-soft)}.related a{color:inherit;grid-template-columns:minmax(160px,.5fr) 1fr;align-items:baseline;gap:20px;padding:18px 2px;text-decoration:none;display:grid}.related a:hover strong{color:var(--navy-text)}.related a:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.related strong{font-family:var(--font-display);font-size:16px;font-weight:600}.related span{color:var(--ink-soft);font-size:14px;line-height:1.55}@media (width<=640px){.related a{grid-template-columns:1fr;gap:6px}}.tile{color:inherit;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard);text-decoration:none;display:block;overflow:hidden}.tile:hover{border-color:var(--navy-text);box-shadow:var(--shadow-md)}.tile:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.tile .shot{aspect-ratio:16/10;object-fit:cover;background:var(--line-soft);width:100%}.tile .tile-body{padding:18px 20px 20px}.tile h3{font-family:var(--font-display);margin:0 0 8px;font-size:16.5px;font-weight:600;line-height:1.3}.tile .cat{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-size:11px}.post-row{border-bottom:1px solid var(--line-soft);color:inherit;grid-template-columns:180px 1fr;align-items:start;gap:26px;padding:26px 0;text-decoration:none;display:grid}.post-row:first-of-type{border-top:1px solid var(--line-soft)}.post-row:hover h3{color:var(--navy-text)}.post-row:focus-visible{outline:2px solid var(--p2);outline-offset:4px}.post-row .shot{background:var(--line-soft);aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;display:block}.post-row h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:600}.post-row time{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.05em;font-size:11.5px}.post-row p{color:var(--ink-soft);max-width:66ch;margin:8px 0 0;font-size:14.5px}@media (width<=640px){.post-row{grid-template-columns:1fr}}.chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chips span,.chips a{font-family:var(--font-mono);background:var(--pink-tint);color:var(--pink-text);border-radius:var(--radius-pill);padding:4px 10px;font-size:11px;text-decoration:none}.prose{max-width:70ch;color:var(--ink);font-size:16.5px;line-height:1.72}.prose>:first-child{margin-top:0}.prose h2{font-family:var(--font-display);letter-spacing:-.01em;border-top:1px solid var(--line-soft);margin:52px 0 16px;padding-top:20px;font-size:28px;font-weight:700}.prose h3{font-family:var(--font-display);margin:36px 0 12px;font-size:20px;font-weight:600}.prose h4{font-family:var(--font-display);margin:28px 0 10px;font-size:17px;font-weight:600}.prose p{margin:0 0 20px}.prose a{color:var(--navy-text);text-underline-offset:3px}.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}.prose li{margin-bottom:10px}.prose li::marker{color:var(--p5)}.prose strong{font-weight:650}.prose img{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;height:auto;margin:32px 0}.prose blockquote{border-left:3px solid var(--pink);font-family:var(--font-display);color:var(--ink-soft);margin:32px 0;padding:4px 0 4px 22px;font-size:19px;font-style:normal;font-weight:500}.prose pre{background:var(--chrome-dark);color:#e6edf3;border-radius:var(--radius-md);margin:0 0 24px;padding:20px 22px;font-size:13.5px;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.prose hr{border:none;border-top:1px solid var(--line);margin:44px 0}.prose table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:14.5px}.prose th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);border-bottom:2px solid var(--line-pink);padding:10px 12px;font-size:11.5px}.prose td{border-bottom:1px solid var(--line-soft);padding:11px 12px}.figure-wide{margin:36px 0}.gallery{flex-direction:column;gap:8px;margin-top:44px;display:flex}.gallery .figure-wide{margin:0 0 28px}.gallery .figure-wide figcaption{font-family:var(--font-body);color:var(--ink-soft);max-width:80ch;margin-top:12px;font-size:14px;line-height:1.6;display:block}.figure-wide a{display:block}.figure-wide img{margin:0}.figure-wide figcaption{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:8px;margin-top:10px;font-size:11.5px;display:flex}.facts-block{border-radius:var(--radius-md);background:var(--navy-tint);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-soft);margin:44px 0 0;padding:22px 24px;font-size:13px;line-height:1.7}.facts-block strong{color:var(--ink);font-weight:600}