@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fffdfa;--mist:#eef0ef;--ink:#1e2833;--slate:#5b7183;--pine:#45604f;--rust:#b3541e;--chip-rust-bg:#fbe8d8;--chip-pine-bg:#e2ece5;--chip-slate-bg:#dfe7ee;--muted:#68707a;--line:#eee9e2;--radius-card:18px;--radius-tile:10px;--shadow-page:0 18px 50px #14232d4d;--shadow-tile:0 4px 10px #14232d14;--font-display:"Bricolage Grotesque Variable", sans-serif;--font-body:"Inter Variable", sans-serif}*{box-sizing:border-box}body{background:var(--mist);color:var(--ink);font-family:var(--font-body);margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-display);line-height:1.15}a{color:var(--rust)}.backdrop{z-index:-1;width:100%;height:100%;position:fixed;inset:0}.page-card{background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-page);max-width:1024px;margin:48px auto;padding:40px clamp(20px,5vw,56px)}.kicker{color:var(--slate);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700}.section-heading{border-bottom:3px solid var(--rust);margin:2.5rem 0 1rem;padding-bottom:2px;font-size:1.5rem;display:inline-block}.pill{border:1.5px solid #0000;border-radius:999px;padding:10px 22px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.pill--solid{background:var(--rust);color:#fff}.pill--solid:hover{background:#9a4719}.pill--outline{color:var(--ink);border-color:#cfd4d8}.pill--outline:hover{border-color:var(--slate)}@media (width<=640px){.page-card{margin:16px 10px;padding:24px 18px}}.nav{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.nav__mark{font-family:var(--font-display);color:var(--ink);font-size:1.25rem;font-weight:800;text-decoration:none}.nav__mark span{color:var(--rust)}.nav__links{gap:1.5rem;display:flex}.nav__links a{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:600;text-decoration:none}.nav__links a:hover{color:var(--rust)}.hero{align-items:flex-start;gap:20px;display:flex}.hero__portrait{border:3px solid var(--rust);border-radius:50%;flex-shrink:0}.hero h1{margin:.2rem 0;font-size:clamp(1.8rem,5vw,2.6rem)}.hero__intro{color:var(--muted);max-width:46ch}.hero__actions{gap:10px;margin-top:.75rem;display:flex}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius-tile);box-shadow:var(--shadow-tile);color:var(--ink);transform:rotate(var(--tilt));background:#fff;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s;display:block;overflow:hidden}.project-card:hover{transform:rotate(0)translateY(-2px);box-shadow:0 10px 24px #14232d29}.project-card__cover{object-fit:cover;width:100%;height:140px;display:block}.project-card__cover--empty{background:var(--chip-slate-bg)}.project-card__body{padding:12px 14px}.project-card__body h3{margin:0 0 2px;font-size:1.05rem}.project-card__body p{color:var(--muted);margin:0 0 8px;font-size:.85rem}.project-card__chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:700}.chip--rust{background:var(--chip-rust-bg);color:var(--rust)}.chip--pine{background:var(--chip-pine-bg);color:var(--pine)}.chip--slate{background:var(--chip-slate-bg);color:var(--slate)}.footer{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.project-subtitle{color:var(--muted);margin-top:-.5rem}@media (width<=640px){.hero{flex-direction:column}}.project-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:.5rem 0;display:flex}.project-meta__item{color:var(--muted);font-size:.85rem}.project-links{flex-wrap:wrap;gap:8px;margin:.75rem 0 1.5rem;display:flex}.project-links .pill{padding:6px 14px;font-size:.8rem}.gallery__strip{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.gallery__thumb{border:1px solid var(--line);cursor:zoom-in;background:0 0;border-radius:8px;flex-shrink:0;padding:0;overflow:hidden}.gallery__thumb img{height:140px;display:block}.gallery__dialog{background:var(--paper);border:none;border-radius:12px;align-items:center;gap:10px;max-width:min(92vw,1100px);padding:12px}.gallery__dialog[open]{display:flex}.gallery__dialog img{border-radius:6px;max-width:80vw;max-height:80vh}.gallery__dialog::backdrop{background:#14232db3}.gallery__nav{color:var(--slate);cursor:pointer;background:0 0;border:none;font-size:2rem}.code-sample{border:1px solid var(--line);border-radius:var(--radius-tile);margin:.75rem 0;overflow:hidden}.code-sample summary{cursor:pointer;font-weight:700;font-family:var(--font-display);padding:10px 14px}.code-sample[open] summary{border-bottom:1px solid var(--line)}.code-sample pre{margin:0;padding:14px;font-size:.85rem;overflow-x:auto}