@layer reset,tokens,base,components,utilities;@layer reset{*{box-sizing:border-box;margin:0;padding:0;border-radius:0}html{font-size:16px;-webkit-text-size-adjust:100%}}@layer tokens{:root{--fs-8: .5rem;--fs-9: .5625rem;--fs-10: .625rem;--fs-11: .6875rem;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-15: .9375rem;--fs-17: 1.0625rem;--fs-20: 1.25rem;--fs-22: 1.375rem;--fs-28: 1.75rem;--fs-disp-30: clamp(1.375rem, 1.1rem + 1.4vw, 1.875rem);--fs-disp-36: clamp(1.625rem, 1.2rem + 2.2vw, 2.25rem);--fs-disp-44: clamp(2rem, 1.4rem + 3vw, 2.75rem);--fs-disp-60: clamp(2.25rem, 1.25rem + 5vw, 3.75rem);--sp-1: .0625rem;--sp-2: .125rem;--sp-3: .1875rem;--sp-4: .25rem;--sp-5: .3125rem;--sp-6: .375rem;--sp-7: .4375rem;--sp-8: .5rem;--sp-10: .625rem;--sp-12: .75rem;--sp-14: .875rem;--sp-16: 1rem;--sp-18: 1.125rem;--sp-20: 1.25rem;--sp-22: 1.375rem;--sp-24: 1.5rem;--sp-26: 1.625rem;--sp-28: 1.75rem;--sp-32: 2rem;--sp-36: 2.25rem;--sp-40: 2.5rem;--sp-44: 2.75rem;--sp-56: 3.5rem;--sp-60: 3.75rem;--sp-64: 4rem;--sp-72: 4.5rem;--sp-88: 5.5rem;--sp-108: 6.75rem;--sp-150: 9.375rem;--sp-260: 16.25rem;--sp-560: 35rem;--sp-640: 40rem;--sp-1440: 90rem}:root[data-theme=light],:root:not([data-theme=dark]){--g-0: #fafbfa;--g-1: #ecf0eb;--g-2: #dfe3de;--g-3: #c7cdc4;--g-4: #b9beb6;--g-5: #90968d;--g-6: #676d64;--g-7: #4b9551;--g-8: #396a3d;--g-9: #1f3320;--g-10: #0c100a;--bg: var(--g-1);--surface: #f7f8f7;--surface-2: var(--g-2);--surface-3: var(--g-3);--border: var(--g-4);--border-soft: #cbd1c7;--fg: var(--g-9);--fg-muted: var(--g-6);--fg-subtle: var(--g-5);--accent: var(--g-8);--accent-light: var(--g-7);--accent-vivid: #90d596;--yellow: #f6c955;--blue: #7c7cff;--bevel: inset -1px -1px rgba(0, 0, 0, .35), inset 1px 1px rgba(255, 255, 255, .6);--bevel-inset: inset 1px 1px rgba(0, 0, 0, .35), inset -1px -1px rgba(255, 255, 255, .6);--bevel-hover: inset -1px -1px rgba(0, 0, 0, .45), inset 1px 1px rgba(255, 255, 255, .75)}:root[data-theme=dark]{--bg: #0c100a;--surface: #172017;--surface-2: #1f3320;--surface-3: #2a462d;--border: #396a3d;--border-soft: #2a462d;--fg: #ecf0eb;--fg-muted: #b9beb6;--fg-subtle: #90968d;--accent: #90d596;--accent-light: #4b9551;--accent-vivid: #b9f0be;--yellow: #f6c955;--blue: #9898ff;--bevel: inset -1px -1px rgba(0, 0, 0, .7), inset 1px 1px rgba(255, 255, 255, .12);--bevel-inset: inset 1px 1px rgba(0, 0, 0, .7), inset -1px -1px rgba(255, 255, 255, .12);--bevel-hover: inset -1px -1px rgba(0, 0, 0, .8), inset 1px 1px rgba(255, 255, 255, .18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg: #0c100a;--surface: #172017;--surface-2: #1f3320;--surface-3: #2a462d;--border: #396a3d;--border-soft: #2a462d;--fg: #ecf0eb;--fg-muted: #b9beb6;--fg-subtle: #90968d;--accent: #90d596;--accent-light: #4b9551;--accent-vivid: #b9f0be;--yellow: #f6c955;--blue: #9898ff;--bevel: inset -1px -1px rgba(0, 0, 0, .7), inset 1px 1px rgba(255, 255, 255, .12);--bevel-inset: inset 1px 1px rgba(0, 0, 0, .7), inset -1px -1px rgba(255, 255, 255, .12);--bevel-hover: inset -1px -1px rgba(0, 0, 0, .8), inset 1px 1px rgba(255, 255, 255, .18)}}}@layer base{body{background:var(--bg);color:var(--fg);font-family:Geist,-apple-system,sans-serif;font-size:var(--fs-14);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .18s,color .18s}:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}}@layer components{.mono{font-family:Geist Mono,ui-monospace,monospace}header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-24)}.logo{display:flex;flex-direction:column;gap:var(--sp-4)}.logo-name{font-size:var(--fs-22);font-weight:600;letter-spacing:-.02em;color:var(--fg)}.logo-sub{font-family:Geist Mono,monospace;font-size:var(--fs-10);color:var(--fg-muted);letter-spacing:.12em;text-transform:uppercase}.logo-chip{display:inline-flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-6);background:var(--yellow);color:#4a3b00;font-family:Geist Mono,monospace;font-size:var(--fs-9);letter-spacing:.14em;margin-top:var(--sp-6);width:fit-content;box-shadow:var(--bevel)}.logo-chip:before{content:"";width:5px;height:5px;background:#4a3b00;display:inline-block}nav{display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);padding-top:var(--sp-4)}.nav-label{font-family:Geist Mono,monospace;font-size:var(--fs-10);color:var(--fg-muted);letter-spacing:.14em;text-transform:uppercase}nav ul{display:flex;gap:var(--sp-14);list-style:none;align-items:center}nav a{font-family:Geist Mono,monospace;font-size:var(--fs-11);color:var(--fg);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;padding:var(--sp-2) var(--sp-4);transition:color .12s}nav a:hover{color:var(--accent)}nav a.active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}nav .sep{color:var(--fg-subtle);font-family:Geist Mono,monospace;font-size:var(--fs-10);user-select:none}.theme-pill{margin-top:var(--sp-10);display:inline-flex;gap:0;background:transparent;box-shadow:var(--bevel);padding:2px;width:fit-content}.theme-pill .theme-btn{display:inline-flex;align-items:center;gap:var(--sp-5);min-width:auto;padding:var(--sp-4) var(--sp-8);background:transparent;box-shadow:none;color:var(--fg-muted);font-size:var(--fs-9);letter-spacing:.14em;transition:color .12s,background .12s}.theme-pill .theme-btn:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 5%,transparent)}.theme-pill .theme-btn.active{background:var(--fg);color:var(--bg);box-shadow:var(--bevel-inset)}.theme-pill .theme-btn svg{flex-shrink:0}.theme-toggle{display:flex;flex-direction:column;gap:var(--sp-3)}.theme-btn{font-family:Geist Mono,monospace;font-size:var(--fs-10);padding:var(--sp-4) var(--sp-10);background:transparent;color:var(--fg);border:none;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--bevel);text-align:left;transition:background .12s;min-width:4.875rem}.theme-btn.active{background:var(--fg);color:var(--bg);box-shadow:var(--bevel-inset)}.theme-btn:hover:not(.active){box-shadow:var(--bevel-hover)}.theme-btn:active{box-shadow:var(--bevel-inset)}.ornament{position:absolute;opacity:.55;pointer-events:none;color:var(--fg)}.hero-label{font-family:Geist Mono,monospace;font-size:var(--fs-11);color:var(--fg-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--sp-10)}.hero-tagline{font-size:var(--fs-15);color:var(--fg);max-width:var(--sp-640);line-height:1.6}.counters{display:grid;gap:0}.counter-card{padding:var(--sp-14) var(--sp-16);background:transparent;box-shadow:var(--bevel);display:flex;flex-direction:column;gap:var(--sp-4)}.counter-value{font-family:Geist Mono,monospace;font-size:var(--fs-disp-36);font-weight:500;letter-spacing:-.02em;display:inline-flex;font-variant-numeric:tabular-nums;color:var(--fg)}.counter-value .digit{display:inline-block;transition:filter .5s cubic-bezier(.2,.7,.3,1),opacity .5s ease-out}.counter-value .digit.blur{filter:blur(10px);opacity:.35}.counter-value .sep{color:var(--fg-subtle);display:inline-block}.counter-label{font-family:Geist Mono,monospace;font-size:var(--fs-10);color:var(--fg-muted);letter-spacing:.14em;text-transform:uppercase}.panel{border:1px solid var(--border);padding:var(--sp-24);background:transparent;position:relative}.panel-title-outer{position:absolute;top:-.625rem;left:var(--sp-16);background:var(--bg);padding:0 var(--sp-8);font-family:Geist Mono,monospace;font-size:var(--fs-10);color:var(--fg-muted);letter-spacing:.14em;text-transform:uppercase}.panel-label{font-size:var(--fs-22);font-weight:500;letter-spacing:-.015em;color:var(--fg)}.section-label{font-family:Geist Mono,monospace;font-size:var(--fs-10);color:var(--fg-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--sp-10);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between}.about-text{font-size:var(--fs-13);line-height:1.65;color:var(--fg)}.about-text+.about-text{color:var(--fg-muted);margin-top:var(--sp-10)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.chip{font-family:Geist Mono,monospace;font-size:var(--fs-11);padding:var(--sp-3) var(--sp-8);background:transparent;color:var(--fg);box-shadow:var(--bevel);letter-spacing:.02em;transition:background .12s;cursor:default}.chip:hover{background:color-mix(in srgb,var(--fg) 4%,transparent);box-shadow:var(--bevel-hover)}.chip.primary{background:var(--accent);color:var(--g-1)}.chip.primary:hover{background:var(--accent-light)}.links-list{list-style:none;display:flex;flex-direction:column}.links-list a{font-family:Geist Mono,monospace;font-size:var(--fs-12);color:var(--fg);text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:var(--sp-7) 0;border-bottom:1px dotted var(--border);transition:color .12s,padding .12s}.links-list a:last-child{border-bottom:none}.links-list a:after{content:"↗";color:var(--fg-subtle);font-size:var(--fs-11)}.links-list a:hover{color:var(--accent);padding-left:var(--sp-4)}.links-list a:hover:after{color:var(--accent)}.link-text{display:inline-flex;align-items:center;gap:var(--sp-7);min-width:0}.link-icon{flex-shrink:0;width:13px;height:13px;color:var(--fg-muted);transition:color .12s}.links-list a:hover .link-icon{color:var(--accent)}.heatmap{display:grid;gap:2px}.heatmap-cell{aspect-ratio:1;background:var(--surface-2);box-shadow:var(--bevel);transition:transform .1s}.heatmap-cell:hover{transform:scale(1.4);position:relative;z-index:2}.heatmap-cell.l1{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}.heatmap-cell.l2{background:color-mix(in srgb,var(--accent) 50%,var(--surface-2))}.heatmap-cell.l3{background:color-mix(in srgb,var(--accent) 78%,var(--surface-2))}.heatmap-cell.l4{background:var(--accent)}.heatmap-legend{display:flex;align-items:center;gap:var(--sp-6);margin-top:var(--sp-10);font-family:Geist Mono,monospace;font-size:var(--fs-9);color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between}.heatmap-legend .scale{display:flex;gap:2px}.heatmap-legend .scale span{width:10px;height:10px;display:block;box-shadow:var(--bevel)}.filter-tabs{display:flex;gap:0;box-shadow:var(--bevel);background:transparent}.filter-tab{font-family:Geist Mono,monospace;font-size:var(--fs-10);padding:var(--sp-5) var(--sp-12);background:transparent;color:var(--fg);border:none;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;border-right:1px solid var(--border-soft);transition:background .12s}.filter-tab:last-child{border-right:none}.filter-tab:hover:not(.active){background:var(--surface-2)}.filter-tab.active{background:var(--fg);color:var(--bg)}.sort-select{font-family:Geist Mono,monospace;font-size:var(--fs-10);padding:var(--sp-5) var(--sp-22) var(--sp-5) var(--sp-10);background:transparent;color:var(--fg);border:none;letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--bevel);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg) 50%),linear-gradient(135deg,var(--fg) 50%,transparent 50%);background-position:calc(100% - 12px) center,calc(100% - 8px) center;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.projects-grid{display:grid;gap:var(--sp-14)}.project-card{padding:var(--sp-16) var(--sp-18);background:transparent;border:1px solid var(--border-soft);box-shadow:var(--bevel);display:flex;flex-direction:column;gap:var(--sp-12);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s;text-decoration:none;color:var(--fg)}.project-card:hover{transform:translate(-1px,-1px);box-shadow:var(--bevel-hover);background:color-mix(in srgb,var(--fg) 3%,transparent)}.project-card:not([href]){cursor:default}.project-card:not([href]):hover{transform:none;box-shadow:var(--bevel);background:transparent}.project-card:active{transform:translate(0);box-shadow:var(--bevel-inset)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-10)}.project-card-title{font-size:var(--fs-17);font-weight:500;letter-spacing:-.015em}.project-card-desc{font-family:Geist Mono,monospace;font-size:var(--fs-11);color:var(--fg-muted);line-height:1.55;letter-spacing:.01em}.status{display:flex;align-items:center;gap:var(--sp-6);font-family:Geist Mono,monospace;font-size:var(--fs-9);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap}.status-dot{width:7px;height:7px;background:var(--fg-subtle);box-shadow:var(--bevel)}.status.live .status-dot{background:var(--blue)}.status.wip .status-dot{background:var(--yellow)}.status.done .status-dot{background:var(--accent)}.status.paused .status-dot{background:var(--fg-subtle)}.status.live{color:var(--blue)}.project-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.project-chip{padding:var(--sp-5) var(--sp-6);background:transparent;box-shadow:var(--bevel);display:flex;flex-direction:column;gap:var(--sp-1);align-items:center;text-align:center;min-width:0}.project-chip-value{font-family:Geist Mono,monospace;font-size:var(--fs-12);font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.project-chip-label{font-family:Geist Mono,monospace;font-size:var(--fs-8);color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase}.progress-block{display:flex;flex-direction:column;gap:var(--sp-5)}.progress-bar{display:grid;grid-template-columns:repeat(30,1fr);gap:2px;height:.875rem;padding:2px;box-shadow:var(--bevel);background:transparent}.progress-seg{background:var(--surface-2)}.progress-seg.filled{background:var(--accent)}.progress-meta{display:flex;justify-content:space-between;font-family:Geist Mono,monospace;font-size:var(--fs-10);color:var(--fg-muted);letter-spacing:.05em;text-transform:uppercase}.progress-meta b{color:var(--fg);font-weight:500}footer{padding-top:var(--sp-20);border-top:1px solid var(--border);display:flex;justify-content:space-between;font-family:Geist Mono,monospace;font-size:var(--fs-10);color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase}.container{max-width:var(--sp-1440);margin:0 auto;padding:var(--sp-40) var(--sp-64) var(--sp-72);position:relative}header{margin-bottom:var(--sp-60)}.ornament{top:var(--sp-24);right:var(--sp-24);width:var(--sp-108);height:var(--sp-150)}.hero{display:grid;grid-template-columns:1fr auto;gap:var(--sp-64);align-items:end;padding:var(--sp-24) 0 var(--sp-44);margin-bottom:var(--sp-56);border-bottom:1px solid var(--border)}.hero-left{max-width:var(--sp-560)}.hero-label{font-size:var(--fs-11);letter-spacing:.18em;margin-bottom:var(--sp-20)}.hero-tagline{font-size:var(--fs-disp-30);line-height:1.28;font-weight:400;letter-spacing:-.02em;color:var(--fg);max-width:var(--sp-560);text-wrap:pretty}.hero-tagline b{color:var(--accent);font-weight:500}.counters{display:flex;gap:var(--sp-44);align-items:flex-end}.counter-card{background:transparent;box-shadow:none;padding:0 0 0 var(--sp-22);border-left:1px solid var(--border);gap:var(--sp-10)}.counter-value{font-size:var(--fs-disp-60);font-weight:500;letter-spacing:-.04em;line-height:1}.counter-label{font-size:var(--fs-10);letter-spacing:.16em}main{display:grid;grid-template-columns:var(--sp-260) 1fr;gap:var(--sp-56)}.left-panel{display:flex;flex-direction:column;gap:var(--sp-36)}.panel{padding:var(--sp-26) var(--sp-22)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-20)}.project-card{padding:var(--sp-22) var(--sp-24);gap:var(--sp-18)}.project-card-title{font-size:var(--fs-20)}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-18)}.projects-header+.projects-header{margin-bottom:var(--sp-24)}.panel-label{font-size:var(--fs-28)}.heatmap{grid-template-columns:repeat(26,1fr);gap:3px}.progress-bar{height:1.125rem}footer{margin-top:var(--sp-88);padding-top:var(--sp-28)}}@layer utilities{@media(max-width:68.75rem){.hero{grid-template-columns:1fr;gap:var(--sp-36);align-items:start}.counter-value{font-size:var(--fs-disp-44)}}@media(max-width:56.25rem){.container{padding:var(--sp-24) var(--sp-20)}header{grid-template-columns:1fr;margin-bottom:var(--sp-40)}.hero-tagline{font-size:var(--fs-disp-30)}.counters{gap:var(--sp-24);flex-wrap:wrap}.counter-value{font-size:var(--fs-disp-36)}main{grid-template-columns:1fr;gap:var(--sp-32)}.projects-grid{grid-template-columns:1fr}.ornament{width:3.25rem;height:4.5rem}}}[data-fake],[data-fake] *{color:#e44!important}.progress-bar[data-fake]{outline:1px dashed #e44;outline-offset:2px}