:root{--bg: #3b4252;--surface: #434c5e;--text: #d8dee9;--text-muted: #a0aec0;--accent: #88c0d0;--border: #4c566a;--nav-1: #8fbcbb;--nav-2: #88c0d0;--nav-3: #81a1c1;--nav-4: #5e81ac;--nav-5: #4c566a;--nav-text-1: #2e3440;--nav-text-2: #2e3440;--nav-text-3: #2e3440;--nav-text-4: #eceff4;--nav-text-5: #eceff4;--dropdown-bg: #2e3440;--dropdown-text: #d8dee9}[data-theme=nord]{--bg: #3b4252;--surface: #434c5e;--text: #d8dee9;--text-muted: #a0aec0;--accent: #88c0d0;--border: #4c566a;--nav-1: #8fbcbb;--nav-2: #88c0d0;--nav-3: #81a1c1;--nav-4: #5e81ac;--nav-5: #4c566a;--nav-text-1: #2e3440;--nav-text-2: #2e3440;--nav-text-3: #2e3440;--nav-text-4: #eceff4;--nav-text-5: #eceff4;--dropdown-bg: #2e3440;--dropdown-text: #d8dee9}[data-theme=dracula]{--bg: #282a36;--surface: #44475a;--text: #f8f8f2;--text-muted: #6272a4;--accent: #bd93f9;--border: #6272a4;--nav-1: #bd93f9;--nav-2: #8be9fd;--nav-3: #50fa7b;--nav-4: #ff79c6;--nav-5: #44475a;--nav-text-1: #282a36;--nav-text-2: #282a36;--nav-text-3: #282a36;--nav-text-4: #282a36;--nav-text-5: #f8f8f2;--dropdown-bg: #282a36;--dropdown-text: #f8f8f2}[data-theme=rose-pine]{--bg: #191724;--surface: #1f1d2e;--text: #e0def4;--text-muted: #908caa;--accent: #c4a7e7;--border: #26233a;--nav-1: #ebbcba;--nav-2: #f6c177;--nav-3: #c4a7e7;--nav-4: #9ccfd8;--nav-5: #26233a;--nav-text-1: #191724;--nav-text-2: #191724;--nav-text-3: #191724;--nav-text-4: #191724;--nav-text-5: #e0def4;--dropdown-bg: #191724;--dropdown-text: #e0def4}[data-theme=gruvbox]{--bg: #282828;--surface: #3c3836;--text: #ebdbb2;--text-muted: #a89984;--accent: #d79921;--border: #504945;--nav-1: #cc241d;--nav-2: #d79921;--nav-3: #689d6a;--nav-4: #458588;--nav-5: #3c3836;--nav-text-1: #ebdbb2;--nav-text-2: #282828;--nav-text-3: #282828;--nav-text-4: #ebdbb2;--nav-text-5: #ebdbb2;--dropdown-bg: #282828;--dropdown-text: #ebdbb2}[data-theme=everforest]{--bg: #2d353b;--surface: #343f44;--text: #d3c6aa;--text-muted: #859289;--accent: #a7c080;--border: #475258;--nav-1: #a7c080;--nav-2: #dbbc7f;--nav-3: #7fbbb3;--nav-4: #d699b6;--nav-5: #343f44;--nav-text-1: #2d353b;--nav-text-2: #2d353b;--nav-text-3: #2d353b;--nav-text-4: #2d353b;--nav-text-5: #d3c6aa;--dropdown-bg: #2d353b;--dropdown-text: #d3c6aa}[data-theme=night-owl]{--bg: #011627;--surface: #0b2942;--text: #d6deeb;--text-muted: #637777;--accent: #82aaff;--border: #1d3b53;--nav-1: #c792ea;--nav-2: #82aaff;--nav-3: #c3e88d;--nav-4: #f78c6c;--nav-5: #0b2942;--nav-text-1: #011627;--nav-text-2: #011627;--nav-text-3: #011627;--nav-text-4: #011627;--nav-text-5: #d6deeb;--dropdown-bg: #011627;--dropdown-text: #d6deeb}[data-theme=dark-plus]{--bg: #1e1e1e;--surface: #252526;--text: #d4d4d4;--text-muted: #808080;--accent: #569cd6;--border: #3e3e3e;--nav-1: #569cd6;--nav-2: #4ec9b0;--nav-3: #9cdcfe;--nav-4: #ce9178;--nav-5: #252526;--nav-text-1: #1e1e1e;--nav-text-2: #1e1e1e;--nav-text-3: #1e1e1e;--nav-text-4: #1e1e1e;--nav-text-5: #d4d4d4;--dropdown-bg: #1e1e1e;--dropdown-text: #d4d4d4}[data-theme=retro]{--bg: #0a0a0a;--surface: #141414;--text: #33ff33;--text-muted: #1a9a1a;--accent: #33ff33;--border: #1a3a1a;--nav-1: #33ff33;--nav-2: #55dd55;--nav-3: #00cc00;--nav-4: #009900;--nav-5: #141414;--nav-text-1: #0a0a0a;--nav-text-2: #0a0a0a;--nav-text-3: #0a0a0a;--nav-text-4: #0a0a0a;--nav-text-5: #33ff33;--dropdown-bg: #0a0a0a;--dropdown-text: #33ff33}[data-theme=heeler]{--bg: #1a0c32;--surface: #261446;--text: #e8e0f4;--text-muted: #9088aa;--accent: #32e6e6;--border: #3a2660;--nav-1: #e63232;--nav-2: #8cc832;--nav-3: #3296f0;--nav-4: #f0a030;--nav-5: #261446;--nav-text-1: #e8e0f4;--nav-text-2: #1a0c32;--nav-text-3: #e8e0f4;--nav-text-4: #1a0c32;--nav-text-5: #e8e0f4;--dropdown-bg: #1a0c32;--dropdown-text: #e8e0f4}[data-theme=purple-rain]{--bg: #1a0832;--surface: #261240;--text: #e4d8f8;--text-muted: #8878a8;--accent: #b464f0;--border: #381e5a;--nav-1: #b464f0;--nav-2: #e63264;--nav-3: #3296f0;--nav-4: #32e6e6;--nav-5: #261240;--nav-text-1: #1a0832;--nav-text-2: #e4d8f8;--nav-text-3: #e4d8f8;--nav-text-4: #1a0832;--nav-text-5: #e4d8f8;--dropdown-bg: #1a0832;--dropdown-text: #e4d8f8}[data-theme=monochrome]{--bg: #1a1a1a;--surface: #242424;--text: #d4d4d4;--text-muted: #808080;--accent: #a0a0a0;--border: #333333;--nav-1: #c0c0c0;--nav-2: #a0a0a0;--nav-3: #888888;--nav-4: #666666;--nav-5: #242424;--nav-text-1: #1a1a1a;--nav-text-2: #1a1a1a;--nav-text-3: #1a1a1a;--nav-text-4: #d4d4d4;--nav-text-5: #d4d4d4;--dropdown-bg: #1a1a1a;--dropdown-text: #d4d4d4}[data-theme=tokyo-night]{--bg: #1a1b26;--surface: #24283b;--text: #c0caf5;--text-muted: #565f89;--accent: #7aa2f7;--border: #3b4261;--nav-1: #7aa2f7;--nav-2: #9ece6a;--nav-3: #bb9af7;--nav-4: #f7768e;--nav-5: #24283b;--nav-text-1: #1a1b26;--nav-text-2: #1a1b26;--nav-text-3: #1a1b26;--nav-text-4: #1a1b26;--nav-text-5: #c0caf5;--dropdown-bg: #1a1b26;--dropdown-text: #c0caf5}[data-theme=catppuccin]{--bg: #1e1e2e;--surface: #313244;--text: #cdd6f4;--text-muted: #6c7086;--accent: #cba6f7;--border: #45475a;--nav-1: #f38ba8;--nav-2: #a6e3a1;--nav-3: #89b4fa;--nav-4: #fab387;--nav-5: #313244;--nav-text-1: #1e1e2e;--nav-text-2: #1e1e2e;--nav-text-3: #1e1e2e;--nav-text-4: #1e1e2e;--nav-text-5: #cdd6f4;--dropdown-bg: #1e1e2e;--dropdown-text: #cdd6f4}[data-mode=light],[data-mode=light][data-theme=nord]{--bg: #eceff4;--surface: #e5e9f0;--text: #2e3440;--text-muted: #4c566a;--border: #d8dee9;--nav-5: #d8dee9;--nav-text-1: #eceff4;--nav-text-2: #eceff4;--nav-text-3: #eceff4;--nav-text-4: #eceff4;--nav-text-5: #2e3440;--dropdown-bg: #e5e9f0;--dropdown-text: #2e3440}[data-mode=light][data-theme=dracula]{--bg: #f8f8f2;--surface: #eee8d5;--text: #282a36;--text-muted: #6272a4;--border: #d6d0c4;--nav-5: #d6d0c4;--nav-text-1: #f8f8f2;--nav-text-2: #282a36;--nav-text-3: #282a36;--nav-text-4: #f8f8f2;--nav-text-5: #282a36;--dropdown-bg: #eee8d5;--dropdown-text: #282a36}[data-mode=light][data-theme=rose-pine]{--bg: #faf4ed;--surface: #f2e9e1;--text: #575279;--text-muted: #797593;--border: #dfdad9;--nav-5: #dfdad9;--nav-text-1: #faf4ed;--nav-text-2: #575279;--nav-text-3: #faf4ed;--nav-text-4: #575279;--nav-text-5: #575279;--dropdown-bg: #f2e9e1;--dropdown-text: #575279}[data-mode=light][data-theme=gruvbox]{--bg: #fbf1c7;--surface: #f2e5bc;--text: #3c3836;--text-muted: #7c6f64;--border: #d5c4a1;--nav-5: #d5c4a1;--nav-text-1: #fbf1c7;--nav-text-2: #3c3836;--nav-text-3: #fbf1c7;--nav-text-4: #fbf1c7;--nav-text-5: #3c3836;--dropdown-bg: #f2e5bc;--dropdown-text: #3c3836}[data-mode=light][data-theme=everforest]{--bg: #fdf6e3;--surface: #f4eed8;--text: #5c6a72;--text-muted: #829181;--border: #e0dcc7;--nav-5: #e0dcc7;--nav-text-1: #fdf6e3;--nav-text-2: #5c6a72;--nav-text-3: #fdf6e3;--nav-text-4: #fdf6e3;--nav-text-5: #5c6a72;--dropdown-bg: #f4eed8;--dropdown-text: #5c6a72}[data-mode=light][data-theme=night-owl]{--bg: #fbfbfb;--surface: #f0f0f0;--text: #403f53;--text-muted: #7a7a8e;--border: #d9d9d9;--nav-5: #d9d9d9;--nav-text-1: #fbfbfb;--nav-text-2: #403f53;--nav-text-3: #403f53;--nav-text-4: #fbfbfb;--nav-text-5: #403f53;--dropdown-bg: #f0f0f0;--dropdown-text: #403f53}[data-mode=light][data-theme=dark-plus]{--bg: #ffffff;--surface: #f3f3f3;--text: #1e1e1e;--text-muted: #6a6a6a;--border: #d4d4d4;--nav-5: #d4d4d4;--nav-text-1: #ffffff;--nav-text-2: #1e1e1e;--nav-text-3: #1e1e1e;--nav-text-4: #1e1e1e;--nav-text-5: #1e1e1e;--dropdown-bg: #f3f3f3;--dropdown-text: #1e1e1e}[data-mode=light][data-theme=retro]{--bg: #f0f0e8;--surface: #e4e4d8;--text: #1a3a1a;--text-muted: #4a6a4a;--accent: #1a8a1a;--border: #c8d0c0;--nav-1: #1a8a1a;--nav-2: #2a7a2a;--nav-3: #0a7a0a;--nav-4: #0a6a0a;--nav-5: #c8d0c0;--nav-text-1: #f0f0e8;--nav-text-2: #f0f0e8;--nav-text-3: #f0f0e8;--nav-text-4: #f0f0e8;--nav-text-5: #1a3a1a;--dropdown-bg: #e4e4d8;--dropdown-text: #1a3a1a}[data-mode=light][data-theme=heeler]{--bg: #f4f0fa;--surface: #ebe4f4;--text: #1a0c32;--text-muted: #6a5a88;--border: #d8d0e8;--nav-5: #d8d0e8;--nav-text-1: #f4f0fa;--nav-text-2: #1a0c32;--nav-text-3: #f4f0fa;--nav-text-4: #1a0c32;--nav-text-5: #1a0c32;--dropdown-bg: #ebe4f4;--dropdown-text: #1a0c32}[data-mode=light][data-theme=purple-rain]{--bg: #f4f0fa;--surface: #e8e0f4;--text: #1a0832;--text-muted: #6a5888;--border: #d4c8e8;--nav-5: #d4c8e8;--nav-text-1: #f4f0fa;--nav-text-2: #f4f0fa;--nav-text-3: #f4f0fa;--nav-text-4: #1a0832;--nav-text-5: #1a0832;--dropdown-bg: #e8e0f4;--dropdown-text: #1a0832}[data-mode=light][data-theme=monochrome]{--bg: #f5f5f5;--surface: #e8e8e8;--text: #1a1a1a;--text-muted: #6a6a6a;--border: #d0d0d0;--nav-5: #d0d0d0;--nav-text-1: #f5f5f5;--nav-text-2: #f5f5f5;--nav-text-3: #1a1a1a;--nav-text-4: #f5f5f5;--nav-text-5: #1a1a1a;--dropdown-bg: #e8e8e8;--dropdown-text: #1a1a1a}[data-mode=light][data-theme=tokyo-night]{--bg: #f5f5f5;--surface: #eaeaf0;--text: #343b58;--text-muted: #6a6f8a;--border: #d4d6e4;--nav-5: #d4d6e4;--nav-text-1: #f5f5f5;--nav-text-2: #343b58;--nav-text-3: #f5f5f5;--nav-text-4: #f5f5f5;--nav-text-5: #343b58;--dropdown-bg: #eaeaf0;--dropdown-text: #343b58}[data-mode=light][data-theme=catppuccin]{--bg: #eff1f5;--surface: #e6e9ef;--text: #4c4f69;--text-muted: #6c6f85;--border: #ccd0da;--nav-5: #ccd0da;--nav-text-1: #eff1f5;--nav-text-2: #4c4f69;--nav-text-3: #eff1f5;--nav-text-4: #4c4f69;--nav-text-5: #4c4f69;--dropdown-bg: #e6e9ef;--dropdown-text: #4c4f69}.header{padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center}.header__name{font-size:var(--text-lg);font-weight:600;color:var(--text);text-decoration:none;letter-spacing:-.02em;border:1px solid var(--border);padding:var(--space-2) var(--space-4)}.header__name:hover{color:var(--accent);text-decoration:none}@media(max-width:600px){.header{padding:var(--space-4) var(--space-4)}.header__name{font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}}.header__mode-toggle{position:relative;background:var(--surface);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.header__mode-toggle:hover{background:var(--border)}.header__mode-toggle:hover .header__mode-icon{color:var(--text)}.header__mode-icon{width:16px;height:16px;color:var(--text-muted)}.header__mode-icon--moon{display:block}.header__mode-icon--sun,[data-mode=light] .header__mode-icon--moon{display:none}[data-mode=light] .header__mode-icon--sun{display:block}.header__mode-tooltip{display:none;position:absolute;top:calc(100% + var(--space-2));right:0;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.02em;color:var(--dropdown-text);background:var(--dropdown-bg);padding:var(--space-2) var(--space-3);border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0003}.header__mode-tooltip--dark,.header__mode-tooltip--light{display:none}.header__mode-toggle:hover .header__mode-tooltip--dark{display:block}[data-mode=light] .header__mode-toggle:hover .header__mode-tooltip--dark{display:none}[data-mode=light] .header__mode-toggle:hover .header__mode-tooltip--light{display:block}.palette-nav{display:flex;justify-content:center;padding:var(--space-7) var(--space-5) var(--space-5)}.palette-nav__wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-start}.palette-nav__controls{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.palette-nav__mode-toggle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:4px;transition:background .15s,color .15s}.palette-nav__mode-toggle:hover{background:var(--dropdown-bg);color:var(--dropdown-text)}.palette-nav__theme-toggle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:4px;transition:background .15s,color .15s}.palette-nav__theme-toggle:hover,.palette-nav__theme-toggle[aria-expanded=true]{background:var(--dropdown-bg);color:var(--dropdown-text)}.palette-nav__dropdown{position:absolute;top:100%;left:0;z-index:200;background:var(--dropdown-bg);border-radius:0 6px 6px;box-shadow:0 4px 16px #00000040;min-width:200px;overflow:hidden}.palette-nav__dropdown[hidden]{display:none}.palette-nav__dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--dropdown-text);background:none;border:none;cursor:pointer;text-align:left;transition:background .1s}.palette-nav__dropdown-item:hover{background:#ffffff14}.palette-nav__dropdown-item[data-active=true]{background:#ffffff0f}.palette-nav__dropdown-swatches{display:flex;gap:3px}.palette-nav__dropdown-swatch{width:10px;height:10px;border-radius:2px;display:block}.palette-nav__dropdown-name{flex:1}.palette-nav__dropdown-check{width:16px;text-align:center}.palette-nav__dropdown-item[data-active=true] .palette-nav__dropdown-check:after{content:"✓"}.palette-nav__strip{display:flex;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.palette-nav__swatch{flex:1 1 0;min-width:120px;padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-decoration:none;transition:opacity .15s}.palette-nav__swatch:hover{opacity:.85;text-decoration:none}@media(max-width:720px){.palette-nav__wrapper{align-items:center}.palette-nav__dropdown{left:50%;transform:translate(-50%);border-radius:6px}.palette-nav__strip{flex-direction:column;border-radius:6px}.palette-nav__swatch{min-width:unset;width:100%;padding:var(--space-3) var(--space-5)}}.footer{border-top:1px solid var(--border);padding:var(--space-6) var(--space-5);margin-top:var(--space-8);text-align:center}.footer__icons{display:flex;justify-content:center;gap:var(--space-5);margin-bottom:var(--space-5)}.footer__icons a{color:var(--text-muted);opacity:.5;transition:opacity .15s,color .15s}.footer__icons a:hover{color:var(--text);opacity:1}.footer__icons svg{width:18px;height:18px}.footer__note{font-size:.7rem;color:var(--text-muted);opacity:.4;line-height:1.6;margin-bottom:var(--space-1)}.footer__note:last-child{margin-bottom:0}.project-card{display:block;border:1px solid var(--border);padding:var(--space-6);text-decoration:none;color:var(--text);transition:border-color .15s}.project-card:hover{border-color:var(--accent);text-decoration:none}.project-card__title{font-size:var(--text-lg);font-weight:600}.breadcrumb-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:var(--space-3) var(--space-4);border-radius:6px;max-width:680px;margin:0 auto var(--space-5);font-size:var(--text-sm)}.breadcrumb-bar__path{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-bar__segment{text-decoration:none;font-weight:600}.breadcrumb-bar__segment--1{color:var(--nav-1)}.breadcrumb-bar__segment--2{color:var(--nav-2)}.breadcrumb-bar__segment--3{color:var(--nav-3)}a.breadcrumb-bar__segment:hover{text-decoration:underline}.breadcrumb-bar__sep{color:var(--nav-5)}.breadcrumb-wrapper{max-width:680px;margin:0 auto var(--space-5)}.breadcrumb-wrapper .breadcrumb-bar{max-width:none;margin:0;border-radius:6px 6px 0 0}.breadcrumb-tabs{display:flex;gap:0;background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 6px 6px;overflow-x:auto;scrollbar-width:none}.breadcrumb-tabs::-webkit-scrollbar{display:none}.breadcrumb-tabs__tab{padding:var(--space-2) var(--space-4);font-size:11px;font-weight:600;color:var(--text-muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.breadcrumb-tabs__tab:hover{color:var(--text);text-decoration:none}.breadcrumb-tabs__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.breadcrumb-wrapper .breadcrumb-bar__theme{position:absolute;top:var(--space-3);right:var(--space-4)}.breadcrumb-wrapper{position:relative}@media(max-width:600px){.breadcrumb-bar{padding:var(--space-2) var(--space-3)}.breadcrumb-wrapper .breadcrumb-bar__theme{position:static;align-self:flex-end;margin-bottom:var(--space-2)}.breadcrumb-tabs__tab{padding:var(--space-2) var(--space-3);font-size:10px}}.breadcrumb-bar__theme{position:relative;display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-bar__mode-toggle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:4px;transition:background .15s,color .15s}.breadcrumb-bar__mode-toggle:hover{background:var(--dropdown-bg);color:var(--dropdown-text)}.breadcrumb-bar__theme-toggle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:4px;transition:background .15s,color .15s}.breadcrumb-bar__theme-toggle:hover,.breadcrumb-bar__theme-toggle[aria-expanded=true]{background:var(--dropdown-bg);color:var(--dropdown-text)}.breadcrumb-bar__dropdown{position:absolute;top:100%;right:0;z-index:200;background:var(--dropdown-bg);border-radius:6px;box-shadow:0 4px 16px #00000040;min-width:200px;overflow:hidden;margin-top:var(--space-1)}.breadcrumb-bar__dropdown[hidden]{display:none}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0}.screenshot-grid img{border:1px solid var(--border);border-radius:6px;width:100%;margin:0;aspect-ratio:16 / 10;object-fit:cover;cursor:pointer;transition:opacity .15s}.screenshot-grid img:hover{opacity:.9}.screenshot-grid p{color:var(--text-muted);font-size:11px;margin:var(--space-2) 0 0}@media(max-width:600px){.screenshot-grid{grid-template-columns:1fr}}.screenshot-strip{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.screenshot-strip img{width:100%;height:auto;border:1px solid var(--border);border-radius:6px;object-fit:contain;background:var(--surface);cursor:pointer;transition:opacity .15s;margin:0}.screenshot-strip img:hover{opacity:.9}.project-header{max-width:680px;margin:0 auto;padding:var(--space-8) var(--space-5) 0}.project-header__title{letter-spacing:-.02em}.project-header__subtitle{color:var(--text-muted);font-size:var(--text-lg);margin-top:var(--space-3)}.project-header__links{display:flex;gap:var(--space-5);margin-top:var(--space-5)}.project-header__links a{font-size:var(--text-sm);font-weight:600;color:var(--accent)}.project-header__rule{margin-top:var(--space-6)}.project-content{max-width:680px;margin:0 auto;padding:var(--space-4) var(--space-5) var(--space-8)}.project-content h2{font-size:var(--text-xl);margin-top:var(--space-7);margin-bottom:var(--space-4)}.project-content h2:first-child{margin-top:0}.project-content p{margin-bottom:var(--space-5);line-height:1.7}.project-content img{border:1px solid var(--border);border-radius:6px;margin:var(--space-6) 0 var(--space-2);width:100%;aspect-ratio:16 / 10;object-fit:cover;cursor:pointer;transition:opacity .15s}.project-content>img:first-child{margin-top:0}.project-content img:hover{opacity:.9}.img-caption{position:relative;margin:0}.img-caption__text{font-size:.7rem;color:var(--text-muted);opacity:.6;margin-top:var(--space-2)}.lightbox{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:var(--space-6);cursor:pointer;animation:lightbox-in .15s ease}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.project-prevnext{max-width:680px;margin:0 auto;padding:0 var(--space-5);display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:var(--space-5)}.project-prevnext__link{font-size:var(--text-lg);color:var(--text-muted);text-decoration:none}.project-prevnext__link:hover{color:var(--text);text-decoration:none}.project-prevnext__link--label{font-size:var(--text-sm)}.project-siblings{max-width:680px;margin:0 auto;padding:0 var(--space-5) var(--space-8);border-top:1px solid var(--border);padding-top:var(--space-6)}.project-siblings__label{color:var(--border);font-size:var(--text-sm);margin-bottom:var(--space-2)}.project-siblings__listing{line-height:2.2}.project-siblings__row{white-space:nowrap}.project-siblings__chevron{color:var(--accent);margin-right:var(--space-2)}.project-siblings__link{font-weight:600;font-size:var(--text-sm);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.2)}.project-siblings__link:hover{text-decoration:none;border-bottom-style:solid;border-bottom-color:currentColor}.project-siblings__link--1{color:var(--nav-1)}.project-siblings__link--2{color:var(--nav-2)}.project-siblings__link--3{color:var(--nav-3)}.project-siblings__link--4{color:var(--nav-4)}.project-siblings__link--5{color:var(--accent)}.project-siblings__pages{display:flex;gap:var(--space-5);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border)}.project-siblings__page-link{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none}.project-siblings__page-link:hover{color:var(--text);text-decoration:none}.lightbox img{max-width:90vw;max-height:90vh;border:1px solid var(--border);border-radius:6px;object-fit:contain;aspect-ratio:auto;margin:0;cursor:default;width:auto}@font-face{font-family:Google Sans Code;src:url(/fonts/google-sans-code-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Code;src:url(/fonts/google-sans-code-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--font-body: "Google Sans Code", "SF Mono", "Fira Code", monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--line-height: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--line-height);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.project-content p,.about__text{text-align:justify}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-weight:600;line-height:1.2;color:var(--text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}