@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root,:root[data-theme=mocha]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e2e;--bg-alt:#181825;--surface:#313244;--surface-strong:#45475a;--text:#cdd6f4;--muted:#a6adc8;--line:#45475a;--accent:#fab387;--card-shadow:0 18px 34px #00000057;--hero-grad:radial-gradient(circle at 82% 12%, #cba6f726 0%, transparent 34%), linear-gradient(160deg, #1b1b2e 0%, #181825 45%, #1e1e2e 100%)}:root[data-theme=latte]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f7f2;--bg-alt:#f2f0ea;--surface:#ebe8e1;--surface-strong:#dfdbd2;--text:#343434;--muted:#666660;--line:#d7d3cb;--accent:#c96e2a;--card-shadow:0 18px 34px #34343414;--hero-grad:radial-gradient(circle at 82% 12%, #c96e2a1a 0%, transparent 34%), linear-gradient(160deg, #f4f2ed 0%, #f8f7f2 45%, #fcfbf8 100%)}:root[data-theme=dawn]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9f6ef;--bg-alt:#f3eee3;--surface:#ede5d9;--surface-strong:#e2d7c8;--text:#3a3129;--muted:#6f6256;--line:#d7c9b7;--accent:#c26b3f;--card-shadow:0 18px 34px #3a312917;--hero-grad:radial-gradient(circle at 82% 12%, #c26b3f24 0%, transparent 34%), linear-gradient(160deg, #f5efe3 0%, #f9f6ef 45%, #fcfaf4 100%)}:root[data-theme=sage]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f8f3;--bg-alt:#edf3ea;--surface:#e3ece0;--surface-strong:#d6e2d1;--text:#2f3a33;--muted:#5c6d62;--line:#c7d6c8;--accent:#3f7a57;--card-shadow:0 18px 34px #2f3a3314;--hero-grad:radial-gradient(circle at 82% 12%, #3f7a5724 0%, transparent 34%), linear-gradient(160deg, #edf5ea 0%, #f4f8f3 45%, #f8fcf8 100%)}:root[data-theme=frappe]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#303446;--bg-alt:#292c3c;--surface:#414559;--surface-strong:#51576d;--text:#c6d0f5;--muted:#a5adce;--line:#51576d;--accent:#ef9f76;--card-shadow:0 18px 34px #00000047;--hero-grad:radial-gradient(circle at 82% 12%, #ca9ee626 0%, transparent 34%), linear-gradient(160deg, #2c2f40 0%, #292c3c 45%, #303446 100%)}:root[data-theme=macchiato]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#24273a;--bg-alt:#1e2030;--surface:#363a4f;--surface-strong:#494d64;--text:#cad3f5;--muted:#a5adcb;--line:#494d64;--accent:#f5a97f;--card-shadow:0 18px 34px #00000052;--hero-grad:radial-gradient(circle at 82% 12%, #c6a0f626 0%, transparent 34%), linear-gradient(160deg, #1f2133 0%, #1e2030 45%, #24273a 100%)}:root[data-theme=nord]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2e3440;--bg-alt:#262b36;--surface:#3b4252;--surface-strong:#434c5e;--text:#eceff4;--muted:#c0c7d4;--line:#4c566a;--accent:#88c0d0;--card-shadow:0 18px 34px #00000057;--hero-grad:radial-gradient(circle at 82% 12%, #88c0d029 0%, transparent 34%), linear-gradient(160deg, #2a303b 0%, #262b36 45%, #2e3440 100%)}:root[data-theme=dracula]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#282a36;--bg-alt:#21222c;--surface:#343746;--surface-strong:#44475a;--text:#f8f8f2;--muted:#bdc1d9;--line:#4a4d61;--accent:#bd93f9;--card-shadow:0 18px 34px #00000061;--hero-grad:radial-gradient(circle at 82% 12%, #bd93f929 0%, transparent 34%), linear-gradient(160deg, #242530 0%, #21222c 45%, #282a36 100%)}:root[data-theme=tokyonight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1b26;--bg-alt:#16161e;--surface:#24283b;--surface-strong:#2f334d;--text:#c0caf5;--muted:#9aa5ce;--line:#414868;--accent:#7aa2f7;--card-shadow:0 18px 34px #0000005c;--hero-grad:radial-gradient(circle at 82% 12%, #7aa2f729 0%, transparent 34%), linear-gradient(160deg, #171825 0%, #16161e 45%, #1a1b26 100%)}:root[data-theme=everforest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2b3339;--bg-alt:#232a2e;--surface:#343f44;--surface-strong:#3d484d;--text:#d3c6aa;--muted:#a7c080;--line:#4a555b;--accent:#a7c080;--card-shadow:0 18px 34px #00000057;--hero-grad:radial-gradient(circle at 82% 12%, #a7c08029 0%, transparent 34%), linear-gradient(160deg, #263034 0%, #232a2e 45%, #2b3339 100%)}:root{--color-rosewater:#ffe4ec;--color-flamingo:#ffb8cc;--color-pink:#ff7ecb;--color-rose:#e11d48;--color-red:#ef4444;--color-scarlet:#ff4d4f;--color-crimson:#c81e4a;--color-maroon:#8f2d4f;--color-coral:#ff8a65;--color-peach:#ffb480;--color-orange:#f97316;--color-tangerine:#ff9f1c;--color-amber:#f59e0b;--color-gold:#eab308;--color-honey:#d99b2b;--color-yellow:#facc15;--color-lime:#84cc16;--color-olive:#6b8e23;--color-green:#22c55e;--color-emerald:#10b981;--color-jade:#00a86b;--color-mint:#6ee7b7;--color-seafoam:#34d399;--color-teal:#14b8a6;--color-turquoise:#2ec4b6;--color-cyan:#06b6d4;--color-sky:#38bdf8;--color-azure:#0ea5e9;--color-cerulean:#0284c7;--color-sapphire:#1d4ed8;--color-cobalt:#1e40af;--color-blue:#3b82f6;--color-indigo:#4f46e5;--color-navy:#1e3a8a;--color-lavender:#b8b5ff;--color-mauve:#c084fc;--color-violet:#8b5cf6;--color-plum:#7e22ce;--color-fuchsia:#d946ef;--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Manrope,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-shell{background:var(--bg);grid-template-rows:auto 1fr auto;gap:1.5rem;min-height:100vh;padding:1.25rem;display:grid}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;max-width:1100px;margin:0 auto;padding:.4rem 0;display:flex}.topbar-nav{flex:1;align-items:center;gap:.25rem;display:flex}.nav-list{gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);opacity:.84;padding:.45rem .32rem;font-size:.88rem;font-weight:700;transition:color .18s,transform .18s,text-shadow .18s;display:inline-block}.nav-list a.item-active{color:var(--accent);opacity:1}.nav-list a:hover{color:var(--accent);opacity:1;text-shadow:0 0 .4rem color-mix(in hsl, var(--accent) 36%, transparent);transform:translateY(-1px)scale(1.03)}.nav-list:hover a.item-active:not(:hover){opacity:.72;text-shadow:none;transform:scale(.96)}.theme-toggle{border:1px solid color-mix(in hsl, var(--line) 70%, transparent);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:.44rem}.icon-toggle svg{fill:currentColor;width:1.05rem;height:1.05rem;display:block}.page{gap:2rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.hero,.section{padding:.25rem 0}.hero{padding-top:1rem}.hero-grid{grid-template-columns:minmax(300px,1.1fr) minmax(240px,.9fr);align-items:center;gap:clamp(1rem,2.8vw,2.2rem);display:grid}.hero-intro{text-align:center;animation:.62s 70ms both rise-fade}.hero-name{color:var(--accent);text-shadow:0 0 .25rem color-mix(in hsl, var(--accent) 34%, transparent);transition:text-shadow .22s,filter .22s}.hero-name:hover{text-shadow:0 0 .7rem color-mix(in hsl, var(--accent) 65%, transparent);filter:saturate(1.1)}.hero-portraits{height:clamp(330px,48vw,430px);animation:.72s .19s both rise-fade;position:relative}.portrait-card{appearance:none;width:min(100%,240px);height:clamp(285px,37vw,335px);box-shadow:var(--card-shadow);transform:translate(-50%, -50%) translateX(calc((var(--i) - 2) * 16px + var(--drag-x,0px))) translateY(calc((var(--i) - 2) * 8px + var(--drag-y,0px))) rotate(calc((var(--i) - 2) * 1.8deg + var(--drag-rot,0deg))) scale(var(--drag-scale,1));opacity:var(--fade,1);filter:blur(calc(var(--dissolve,0) * 2.2px)) saturate(calc(1 - var(--dissolve,0) * .35));z-index:calc(20 - var(--i));background:0 0;border:0;border-radius:1rem;margin:0;padding:0;line-height:0;transition:transform .26s,box-shadow .22s,opacity .18s,filter .18s;display:block;position:absolute;top:50%;left:50%;overflow:hidden}.portrait-card:disabled{opacity:var(--fade,1)}.portrait-card:first-child{z-index:20}.portrait-card:hover{transform:translate(-50%, -50%) translateX(calc((var(--i) - 2) * 16px + var(--drag-x,0px))) translateY(calc((var(--i) - 2) * 8px - 8px + var(--drag-y,0px))) rotate(calc((var(--i) - 2) * 1.8deg + var(--drag-rot,0deg))) scale(var(--drag-scale,1));box-shadow:0 22px 36px #0003}.portrait-top{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.portrait-top.dragging{cursor:grabbing;transition:none}.portrait-top:focus-visible{outline:2px solid color-mix(in hsl, var(--accent) 65%, white);outline-offset:3px}.hero-portraits.is-reforming{animation:.86s stack-pulse}.reform-burst{pointer-events:none;background:radial-gradient(circle, color-mix(in hsl, var(--accent) 55%, transparent) 0%, transparent 60%), radial-gradient(circle at 60% 40%, #ffffff8c 0%, transparent 35%);filter:blur(.5px);border-radius:999px;animation:.86s forwards reform-burst;position:absolute;inset:14% 18%}.portrait-card img{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block}@keyframes rise-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes reform-burst{0%{opacity:0;transform:scale(.4)rotate(-8deg)}35%{opacity:.92;transform:scale(1.08)rotate(4deg)}to{opacity:0;transform:scale(1.5)rotate(0)}}@keyframes stack-pulse{0%{filter:brightness(.95);transform:scale(.95)}45%{filter:brightness(1.08);transform:scale(1.03)}to{filter:brightness();transform:scale(1)}}.hero h1,.section h1{max-width:24ch;margin:.35rem auto 1rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4.8vw,3.8rem);line-height:1.02}.section h1{font-size:clamp(1.85rem,4vw,3rem)}.section-header h1{margin:.35rem 0 .8rem}.section-header .lede{margin:0}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0;padding:0;font-size:.78rem;font-weight:700;display:inline-flex}.lede{color:var(--muted);max-width:75ch;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.72}.social-row{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.social-inline{display:contents}.social-link{border:1px solid color-mix(in hsl, var(--line) 68%, transparent);background:0 0;border-radius:999px;align-items:center;gap:.48rem;padding:.58rem .82rem;font-size:.92rem;font-weight:600;transition:transform .18s,border-color .18s;display:inline-flex}.social-link svg{fill:currentColor;width:1.05rem;height:1.05rem}.social-link:hover{border-color:var(--accent);transform:translateY(-1px)}.grid{gap:1rem;display:grid}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.1rem}.projects-games-heading{padding-top:1.1rem;padding-bottom:.15rem}.projects-games-heading h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.35rem,2vw,1.7rem)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{padding:0}.card h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.35rem}.card p{color:var(--muted);line-height:1.62}.project-card{border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:color-mix(in hsl, var(--surface) 87%, transparent);border-radius:16px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.project-card-link:hover .project-card{border-color:color-mix(in hsl, var(--accent) 62%, transparent);box-shadow:var(--card-shadow);transform:translateY(-2px)}.project-card-image-wrap{aspect-ratio:16/9;background:color-mix(in hsl, var(--surface-strong) 82%, var(--bg-alt));place-items:center;padding:.45rem;display:grid;overflow:hidden}.project-card-image-wrap img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.project-card-copy{gap:.7rem;padding:.95rem;display:grid}.project-card-head{grid-template-columns:auto 1fr;align-items:baseline;gap:.8rem;display:grid}.project-card-head h2{text-align:right;margin:0;font-size:1.26rem}.project-date{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.76rem;font-weight:700}.project-summary{margin:0;font-size:.95rem;line-height:1.58}.project-tags-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.tag-icon-wrap{width:1.35rem;height:1.35rem;color:var(--accent);flex-shrink:0;place-items:center;display:inline-grid}.tag-icon-wrap svg{fill:currentColor;width:1rem;height:1rem}.project-tags{flex-wrap:wrap;gap:.42rem;margin:0;padding:0;list-style:none;display:flex}.project-tags li{border:1px solid color-mix(in hsl, var(--tag-color) 70%, transparent);background:color-mix(in hsl, var(--tag-color) 18%, transparent);color:color-mix(in hsl, var(--tag-color) 85%, white);border-radius:999px;padding:.22rem .52rem;font-size:.74rem;font-weight:700}.project-detail{gap:1rem;display:grid}.project-detail h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,4vw,2.65rem)}.project-detail-image-wrap{background:0 0;border:0;padding:0}.project-detail-image{object-fit:contain;object-position:center;border-radius:12px;width:100%;height:auto;max-height:min(72vh,900px);display:block}.project-detail-date{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.84rem;font-weight:700}.project-detail-tags{margin-top:-.25rem}.project-divider{background:color-mix(in hsl, var(--line) 78%, transparent);border:0;width:100%;height:1px;margin:.2rem 0}.project-detail-copy p{color:var(--muted);max-width:80ch;margin:0 0 .9rem;line-height:1.72}.project-highlight-list{max-width:85ch;color:var(--muted);gap:.45rem;margin:0;padding:0 0 0 1.15rem;line-height:1.64;display:grid}.project-highlight-list li::marker{color:var(--accent)}.project-detail-copy h2,.project-diagram-grid>h2{margin:0 0 .55rem;font-family:Fraunces,Georgia,serif;font-size:1.2rem}.project-diagram-grid{grid-template-columns:1fr;gap:.9rem;display:grid}.project-diagram-card{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 88%, transparent);border-radius:14px;padding:.9rem}.project-diagram-card h3{margin:0 0 .7rem;font-family:Fraunces,Georgia,serif;font-size:1rem}.diagram-frame{border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:linear-gradient(150deg,#101827 0%,#1b2230 100%);border-radius:10px;padding:.75rem}.mermaid-diagram{min-width:0}.mermaid-diagram svg{width:auto;height:auto}.project-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.9rem;display:grid}.project-gallery figure{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 86%, transparent);border-radius:12px;margin:0;overflow:hidden}.project-gallery img{aspect-ratio:16/10;object-fit:contain;object-position:center;background:color-mix(in hsl, var(--bg-alt) 82%, transparent);width:100%;display:block}.project-gallery figcaption{color:var(--muted);padding:.6rem .75rem;font-size:.82rem}.project-divider-blog{margin-top:.75rem}.project-blog{gap:1rem;display:grid}.project-blog>h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.2rem}.project-blog-entry{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 88%, transparent);border-radius:14px;gap:.65rem;padding:.9rem;display:grid}.project-blog-entry h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:1rem}.project-blog-entry p{color:var(--muted);max-width:82ch;margin:0;line-height:1.72}.project-blog-figure{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 86%, transparent);border-radius:12px;margin:.2rem 0 0;overflow:hidden}.project-blog-figure img{object-fit:contain;object-position:center;background:color-mix(in hsl, var(--bg-alt) 82%, transparent);width:100%;height:clamp(220px,42vw,480px);display:block}.project-blog-figure figcaption{color:var(--muted);padding:.6rem .75rem;font-size:.82rem}.project-detail--mythme .project-diagram-card{padding:.78rem}.project-detail--mythme .diagram-viewport{height:clamp(320px,50vh,560px)}.project-collage{gap:.85rem;display:grid}.project-collage>h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.2rem}.project-collage-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.9rem;display:grid}.project-collage-item{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 84%, transparent);cursor:zoom-in;border-radius:12px;width:100%;margin:0;padding:0;transition:transform .16s,border-color .16s;display:block;overflow:hidden}.project-collage-item:hover{border-color:color-mix(in hsl, var(--accent) 65%, transparent);transform:translateY(-2px)}.project-collage-item img{object-fit:contain;background:color-mix(in hsl, var(--bg-alt) 75%, transparent);width:100%;height:auto;max-height:none;display:block}.project-lightbox{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050810db;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.project-lightbox-close{border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:color-mix(in hsl, var(--surface) 88%, transparent);color:var(--text);cursor:pointer;border-radius:10px;padding:.42rem .66rem;font-size:.9rem;font-weight:700;position:absolute;top:.9rem;right:.9rem}.project-lightbox-stage{grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;width:min(1220px,100%);display:grid}.project-lightbox-nav{border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:color-mix(in hsl, var(--surface) 88%, transparent);color:var(--text);cursor:pointer;border-radius:999px;width:2.8rem;height:2.8rem;font-size:1.3rem;line-height:1}.project-lightbox-figure{justify-items:center;gap:.52rem;margin:0;display:grid}.project-lightbox-figure img{object-fit:contain;border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:color-mix(in hsl, var(--surface) 90%, transparent);border-radius:12px;width:auto;max-width:100%;height:auto;max-height:min(80vh,900px)}.project-lightbox-figure figcaption{color:var(--muted);font-size:.84rem;font-weight:600}@media (width<=980px){.project-collage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.project-collage-grid{grid-template-columns:1fr}}@media (width<=820px){.project-lightbox-stage{grid-template-columns:1fr;gap:.75rem}.project-lightbox-nav{justify-self:center}}.books-stage{isolation:isolate;padding:.45rem 0 .2rem;position:relative}.books-aura{filter:none;z-index:-1;pointer-events:none;background:0 0;position:absolute;inset:0}.books-shelf{grid-template-columns:repeat(3,minmax(220px,1fr));gap:1.1rem;display:grid}.book-tile{appearance:none;border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:color-mix(in hsl, var(--surface) 86%, transparent);cursor:pointer;border-radius:14px;justify-items:center;gap:.45rem;padding:.85rem;transition:transform .22s,filter .22s,border-color .22s;display:grid;position:relative}.book-tile:not(.is-active){filter:saturate(.82)brightness(.9)}.book-tile:hover,.book-tile:focus-visible{border-color:color-mix(in hsl, var(--accent) 65%, transparent);transform:translateY(-4px)}.book-tile:focus-visible{outline:2px solid color-mix(in hsl, var(--accent) 72%, white);outline-offset:4px}.book-cover-wrap{aspect-ratio:2/3;border:1px solid color-mix(in hsl, var(--line) 74%, transparent);background:var(--surface-strong);width:100%;box-shadow:var(--card-shadow);border-radius:12px;transition:transform .22s;overflow:hidden}.book-cover-wrap img{object-fit:cover;width:100%;height:100%;display:block}.book-tile.is-active .book-cover-wrap{transform:scale(1.01)}.book-title-label{text-align:center;max-width:24ch;margin:.08rem 0 0;font-family:Fraunces,Georgia,serif;font-size:1.02rem;font-weight:700}.book-detail-panel{box-shadow:none;background:0 0;border:0;margin-top:1.1rem;padding:0}.book-detail-panel h2{margin:0 0 .45rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.45rem,2.8vw,1.9rem)}.book-summary,.book-reason{margin:0;line-height:1.63}.book-summary{color:color-mix(in hsl, var(--text) 92%, white);margin-bottom:.58rem;font-weight:600}.book-reason{color:var(--muted);font-size:.95rem}.books-list{gap:.55rem;margin:1.35rem 0 0;padding:0;list-style:none;display:grid}.books-list-item{border-bottom:1px solid color-mix(in hsl, var(--line) 64%, transparent);grid-template-columns:auto 48px 1fr;align-items:center;gap:.75rem;padding:.45rem 0;display:grid}.books-list-order{color:var(--muted);min-width:2ch;margin:0;font-size:.82rem;font-weight:700}.books-list-cover{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:var(--surface-strong);border-radius:8px;width:48px;height:64px;overflow:hidden}.books-list-cover img{object-fit:cover;width:100%;height:100%;display:block}.books-list-cover-fallback{text-transform:uppercase;width:100%;height:100%;color:var(--muted);text-align:center;place-items:center;padding:.2rem;font-size:.58rem;font-weight:700;display:grid}.books-list-title{color:color-mix(in hsl, var(--text) 92%, white);margin:0;font-size:.95rem;line-height:1.35}.stack{flex-wrap:wrap;gap:.45rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.stack li{border:1px solid color-mix(in hsl, var(--line) 65%, transparent);background:0 0;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:700}.inline-link,.button{color:var(--accent);margin-top:.8rem;font-size:.92rem;font-weight:700;display:inline-flex}.bullets{color:var(--muted);gap:.5rem;margin:.6rem 0 0;padding-left:1.1rem;line-height:1.55;display:grid}.role{color:var(--text);font-weight:600}.pics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.photo-card{grid-template-rows:180px auto;padding:0;display:grid;overflow:hidden}.photo-card img{object-fit:cover;background:var(--surface-strong);width:100%;height:100%}.photo-copy{padding:.9rem}.photo-copy h2{margin-top:.2rem}.photo-location,.timeline-period{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.75rem;font-weight:700}.timeline{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem;display:grid}.entry-group{gap:.65rem;display:grid}.entry-group h2{margin:0;font-family:Fraunces,Georgia,serif}.entry-subtitle{color:var(--muted);margin:0;font-size:.9rem}.entry-list{gap:.95rem;margin:0;padding:0;list-style:none;display:grid}.entry-list li{border-bottom:1px solid color-mix(in hsl, var(--line) 65%, transparent);padding-bottom:.9rem}.entry-list p{color:var(--muted);margin:.35rem 0 0;line-height:1.62}.entry-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.entry-head a{color:var(--text);font-weight:700}.entry-head span{color:var(--muted);font-size:.85rem}.experience-stack{gap:1rem;margin-top:.7rem;display:grid}.experience-card{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 90%, transparent);box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:auto 1fr;gap:.95rem;padding:1rem;transition:transform .16s,border-color .16s;display:grid}.experience-card-link{color:inherit;text-decoration:none}.experience-card:hover,.experience-card:focus-within{border-color:color-mix(in hsl, var(--accent) 62%, transparent);transform:translateY(-2px)}.experience-card-link:focus-visible{outline:2px solid color-mix(in hsl, var(--accent) 72%, transparent);outline-offset:2px}.experience-logo,.education-logo{background:var(--bg-alt);border:1px solid color-mix(in hsl, var(--line) 72%, transparent);width:2.9rem;height:2.9rem;color:var(--accent);text-transform:uppercase;border-radius:999px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid;overflow:hidden}.experience-logo img,.education-logo img{object-fit:cover;width:100%;height:100%;display:block}.experience-content{gap:.7rem;display:grid}.experience-head,.role-head,.education-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.experience-head h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.38rem}.experience-head a{color:var(--text);margin:0;font-family:Fraunces,Georgia,serif;font-size:1.38rem;font-weight:700;text-decoration:none}.experience-head p,.role-head span,.education-head span{color:var(--muted);margin:0;font-size:.84rem;font-weight:600}.role-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.role-item{border-left:2px solid color-mix(in hsl, var(--line) 62%, transparent);padding:.15rem 0 .15rem 1rem;position:relative}.role-item:before{content:"";background:var(--accent);width:.65rem;height:.65rem;box-shadow:0 0 0 3px color-mix(in hsl, var(--accent) 24%, transparent);border-radius:999px;position:absolute;top:.52rem;left:-.42rem}.role-head a,.education-head a{color:var(--text);font-weight:700;text-decoration:none}.role-head p,.education-head p{color:var(--text);margin:0;font-weight:700}.role-item>p,.education-content>p{color:var(--muted);margin:.35rem 0 0;line-height:1.62}.certifications-grid{gap:1rem;margin-top:.7rem;display:grid}.certification-card{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 90%, transparent);box-shadow:var(--card-shadow);color:inherit;border-radius:14px;grid-template-columns:auto 1fr;gap:1rem;padding:1rem;text-decoration:none;transition:transform .16s,border-color .16s;display:grid}.certification-card:hover{border-color:color-mix(in hsl, var(--accent) 62%, transparent);transform:translateY(-2px)}.certification-badge-wrap{background:color-mix(in hsl, var(--bg-alt) 78%, transparent);border:1px solid color-mix(in hsl, var(--line) 72%, transparent);border-radius:12px;place-items:center;width:clamp(96px,16vw,128px);height:clamp(96px,16vw,128px);display:grid;overflow:hidden}.certification-badge-wrap img{object-fit:contain;width:100%;height:100%;display:block}.certification-copy{gap:.4rem;display:grid}.certification-copy h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.2rem}.certification-copy p{color:var(--muted);margin:0;line-height:1.62}.certification-dates{text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;gap:.9rem;font-size:.84rem;font-weight:700;display:flex}.education-list{gap:.85rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.education-item{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);background:color-mix(in hsl, var(--surface) 90%, transparent);border-radius:12px;grid-template-columns:auto 1fr;gap:.85rem;padding:.9rem 1rem;display:grid}.education-content{gap:.15rem;display:grid}.section-headline{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.pic-card{isolation:isolate;align-items:flex-end;min-height:240px;padding:1rem;display:flex;position:relative;overflow:hidden}.pic-overlay{z-index:-1;background:linear-gradient(#0003,#0000009e);position:absolute;inset:0}.pic-content{color:#f2f8ff}.pic-location{text-transform:uppercase;letter-spacing:.08em;opacity:.88;font-size:.75rem}.tone-sky{background:linear-gradient(145deg,#6eb8e7,#163b5d)}.tone-night{background:linear-gradient(145deg,#473a8b,#0e1122)}.tone-sunset{background:linear-gradient(145deg,#f3a972,#78419f)}.tone-gold{background:linear-gradient(145deg,#e8bf61,#50603f)}.tone-road{background:linear-gradient(145deg,#585f66,#11181e)}.tone-bloom{background:linear-gradient(145deg,#f5d33f,#38603f)}.footer{border-top:1px solid color-mix(in hsl, var(--line) 72%, transparent);width:100%;max-width:1100px;color:var(--muted);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin:0 auto;padding:1.2rem 0 .6rem;font-size:.88rem;display:grid}.footer-copy{letter-spacing:.02em;margin:0;font-weight:600}.footer-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.footer-meta p{border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:color-mix(in hsl, var(--surface) 70%, transparent);border-radius:999px;margin:0;padding:.22rem .52rem;font-size:.78rem}.footer-meta strong{color:var(--text);font-weight:700}.footer-links{justify-self:end;align-items:center;gap:.32rem;display:inline-flex}.footer-icon-link{border:1px solid color-mix(in hsl, var(--line) 72%, transparent);width:2rem;height:2rem;color:var(--muted);background:0 0;border-radius:999px;place-items:center;transition:color .18s,border-color .18s,transform .18s;display:grid}.footer-icon-link svg{fill:currentColor;width:1.05rem;height:1.05rem}.footer-icon-link:hover{color:var(--accent);border-color:color-mix(in hsl, var(--accent) 70%, transparent);transform:translateY(-1px)}.bento-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;display:grid}.bento-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin-bottom:1rem}.bento-grid--compact>*{height:100%}.bento-map-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;display:grid}@media (width<=780px){.site-shell{padding:.8rem}.topbar{justify-content:center;padding:.4rem 0}.topbar-nav{flex:initial}.nav-list{justify-content:center;max-width:100%;overflow-x:auto}.theme-toggle{margin-left:0}.page{justify-items:center}.page>*{width:min(100%,760px)}.hero,.section,.hero-intro,.section-header,.card,.entry-group,.photo-copy{text-align:center}.project-card,.project-card-copy,.project-card-head,.project-detail,.project-detail-copy{text-align:left}.footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.55rem}.footer-links{justify-self:center}.section-header .lede{margin-inline:auto}.section-headline,.entry-head,.experience-head,.role-head,.education-head,.social-row{justify-content:center}.section-headline{flex-direction:column;align-items:center;gap:.35rem}.entry-list,.bullets{text-align:left;margin-inline:auto}.entry-head{gap:.35rem}.experience-card,.education-item,.certification-card{grid-template-columns:1fr}.experience-logo,.education-logo,.certification-badge-wrap{margin:0 auto}.role-item{padding-left:.85rem}.hero-grid,.projects-grid,.info-grid,.split,.pics-grid,.photo-grid,.timeline,.bento-grid,.bento-map-row{grid-template-columns:1fr}.books-shelf{grid-template-columns:1fr;gap:.85rem}.book-tile,.book-tile:hover,.book-tile:focus-visible{transform:none}.book-cover-wrap{width:100%}.book-title-label{text-align:left;justify-self:start}.book-detail-panel{text-align:left}.books-list-item{grid-template-columns:auto 44px 1fr;gap:.6rem}.books-list-cover{width:44px;height:60px}.books-list-title{font-size:.9rem}.project-card-head{grid-template-columns:1fr;gap:.22rem}.project-card-head h2{text-align:left}.project-card-image-wrap{aspect-ratio:16/9;padding:.35rem}.mermaid-diagram{min-width:0}.hero-portraits{height:320px;margin-top:.4rem}.portrait-card{width:220px;height:290px}.bento-grid{grid-template-columns:1fr}.bento-grid--compact{margin-bottom:.75rem}}input[type=range]{appearance:none;background-color:var(--surface-strong);width:100%;height:.5rem;color:var(--accent);accent-color:var(--accent);cursor:pointer;forced-color-adjust:none;border:0;border-radius:999px;margin:0;padding:0;transition:none;display:block}input[type=range]::-webkit-slider-runnable-track{height:.5rem;box-shadow:none;background:0 0;border:0;border-radius:999px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--bg);background:var(--accent);border-radius:50%;width:1.1rem;height:1.1rem;margin-top:-.3rem;box-shadow:0 1px 4px #00000040}input[type=range]::-moz-range-track{height:.5rem;box-shadow:none;background:0 0;border:0;border-radius:999px}input[type=range]::-moz-range-progress{height:.5rem;box-shadow:none;background:0 0;border:0;border-radius:999px}input[type=range]::-moz-range-thumb{border:2px solid var(--bg);background:var(--accent);border-radius:50%;width:1.1rem;height:1.1rem;box-shadow:0 1px 4px #00000040}input[type=range]:focus{outline:none}input[type=range]:focus-visible{outline:2px solid color-mix(in hsl, var(--accent) 72%, transparent);outline-offset:4px}input[type=range]:disabled{cursor:not-allowed;opacity:.58}