:root{color-scheme:light;--ink:#111;--paper:#f7f3e9;--surface:#fff;--accent:#ffd84d;--coral:#ff6b5d;--coral-text:#a62d25;--mint:#83e8c2;--muted:#5f5b53;--line:#111;--shadow:7px 7px 0 var(--line);--shadow-small:4px 4px 0 var(--line);--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace}:root[data-theme=dark]{color-scheme:dark;--ink:#f8f4e9;--paper:#171717;--surface:#232323;--accent:#ffd84d;--coral:#ff7669;--coral-text:#ff8d83;--mint:#75dbb5;--muted:#c3bfb5;--line:#f8f4e9;--shadow:7px 7px 0 var(--line);--shadow-small:4px 4px 0 var(--line)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);margin:0;font-size:1rem;line-height:1.65;transition:background-color .18s,color .18s;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}::selection{background:var(--accent);color:#111}.shell{width:min(1180px,100% - 2.5rem);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border:2px solid var(--line);background:var(--accent);color:#111;box-shadow:var(--shadow-small);padding:.75rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;border-bottom:2px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(12px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:5rem;display:flex}.brand{letter-spacing:-.05em;font-size:1.35rem;font-weight:700;text-decoration:none}.brand:after{content:"";background:var(--accent);width:55%;height:5px;margin-top:-4px;display:block}.site-nav{align-items:center;gap:clamp(1rem,3vw,2.25rem);display:flex}.site-nav a{font-family:var(--font-mono);text-transform:uppercase;font-size:.83rem;font-weight:500;text-decoration:none;position:relative}.site-nav a:not(.nav-contact):after{content:"";background:var(--ink);transform-origin:100%;height:2px;transition:transform .15s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-contact{border:2px solid var(--line);background:var(--accent);box-shadow:3px 3px 0 var(--line);color:#111;padding:.45rem .85rem}.nav-contact:hover{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.theme-toggle,.menu-toggle{border:2px solid var(--line);background:var(--surface);cursor:pointer;width:2.6rem;height:2.6rem;box-shadow:3px 3px 0 var(--line);place-items:center;padding:0;display:grid}.theme-toggle:hover{transform:rotate(-8deg)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.2rem}.moon,[data-theme=dark] .sun{display:none}[data-theme=dark] .moon{display:block}.menu-toggle{display:none}.hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:clamp(3rem,8vw,8rem);min-height:calc(100svh - 5rem);padding-block:clamp(4rem,8vw,8rem);display:grid}.eyebrow,.project-category,.article-meta,.mini-heading,.section-index,.contact-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:500}.eyebrow{border:2px solid var(--line);background:var(--surface);align-items:center;gap:.65rem;padding:.3rem .7rem;display:inline-flex}.status-dot{background:#23bd75;border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 3px #23bd7540}.hello{align-items:center;gap:.7rem;margin:clamp(2rem,5vw,3.5rem) 0 .1rem;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600;display:flex}.hello img{aspect-ratio:1;transform-origin:70% 70%;width:clamp(2rem,4vw,3.25rem);height:auto;animation:2.2s ease-in-out .5s 2 wave}h1{letter-spacing:-.075em;max-width:900px;margin:0;font-size:clamp(3.6rem,8.7vw,7.7rem);line-height:.9}h1 span{white-space:nowrap;position:relative}h1 span:after{content:"";z-index:-1;background:var(--accent);height:.24em;position:absolute;bottom:.08em;left:.04em;right:-.03em;transform:rotate(-1.5deg)}.hero-line{letter-spacing:-.045em;max-width:850px;margin:1.8rem 0 0;font-size:clamp(1.5rem,4vw,3.1rem);font-weight:600;line-height:1.05}mark{background:var(--coral);color:#111;padding-inline:.12em}.hero-role{color:var(--muted);margin:1.25rem 0 0;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.2rem;display:flex}.button{border:2px solid var(--line);min-height:3.2rem;font-family:var(--font-mono);text-transform:uppercase;justify-content:center;align-items:center;gap:1rem;padding:.65rem 1.15rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.button-primary{background:var(--accent);color:#111;box-shadow:var(--shadow-small)}.button-secondary{background:var(--surface);box-shadow:var(--shadow-small)}.button:hover{box-shadow:1px 1px 0 var(--line);transform:translate(3px,3px)}.hero-card{border:3px solid var(--line);background:var(--mint);color:#111;width:100%;max-width:350px;box-shadow:13px 13px 0 var(--line);justify-self:end;padding:2.25rem;position:relative;transform:rotate(2.5deg)}.hero-card>p:not(.card-number){letter-spacing:-.05em;margin:1rem 0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:.95}.hero-card>span{font-size:2rem;font-weight:700;display:block}.card-number{font-family:var(--font-mono);margin:0 0 2rem;font-size:.7rem}.card-tape{background:color-mix(in srgb, var(--accent) 80%, transparent);width:7.5rem;height:2.7rem;position:absolute;top:-1.5rem;left:33%;transform:rotate(-4deg)}.scribble{font-size:5rem;font-weight:700;position:absolute;bottom:-1.5rem;right:1rem;transform:rotate(8deg)}.ticker{border-block:2px solid var(--line);background:var(--ink);color:var(--paper);overflow:hidden;transform:rotate(-1deg)scale(1.02)}.ticker div{width:max-content;font-family:var(--font-mono);letter-spacing:.08em;word-spacing:.55rem;padding-block:.6rem;font-size:.8rem;animation:24s linear infinite ticker}.section{padding-block:clamp(5rem,10vw,9rem)}.section-heading{border-bottom:2px solid var(--line);justify-content:space-between;align-items:end;gap:3rem;margin-bottom:clamp(3rem,6vw,5.5rem);display:flex}.section-heading>div{align-items:start;gap:.8rem;display:flex}.section-heading h2{letter-spacing:-.065em;margin:0 0 1.2rem;font-size:clamp(2.5rem,6vw,5.3rem);line-height:.9}.section-index{color:var(--coral-text)}.section-heading>p{max-width:340px;color:var(--muted);text-align:right;margin:0 0 1.2rem}.project-list{gap:clamp(4rem,10vw,8rem);display:grid}.project-card{grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);display:grid}.project-card:nth-child(2n) .project-media{box-shadow:-9px 9px 0 var(--line);order:2;transform:rotate(1deg)}.project-media{aspect-ratio:16/10;border:3px solid var(--line);background:var(--accent);box-shadow:9px 9px 0 var(--line);position:relative;overflow:hidden;transform:rotate(-1deg)}.project-media:after{content:"";border:10px solid color-mix(in srgb, var(--surface) 20%, transparent);pointer-events:none;position:absolute;inset:0}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .25s,filter .25s}.project-card:hover .project-media img{filter:saturate(1.1);transform:scale(1.025)}.project-count{z-index:2;background:var(--accent);color:#111;width:2.8rem;height:2.8rem;font-family:var(--font-mono);border:2px solid #111;place-items:center;font-weight:500;display:grid;position:absolute;top:1rem;left:1rem}.project-category{color:var(--coral-text);margin:0 0 .75rem}.project-content h3{letter-spacing:-.06em;margin:0 0 1.3rem;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95}.project-content>p:not(.project-category){color:var(--muted);margin:0;font-size:1.05rem}.tag-list{flex-wrap:wrap;gap:.55rem;margin:1.7rem 0;padding:0;list-style:none;display:flex}.tag-list li{border:1.5px solid var(--line);background:var(--surface);font-family:var(--font-mono);text-transform:uppercase;padding:.28rem .65rem;font-size:.68rem}.project-links{flex-wrap:wrap;gap:1.5rem;display:flex}.project-links a,.text-link{font-family:var(--font-mono);text-transform:uppercase;font-size:.78rem;font-weight:500}.text-link{border-bottom:5px solid var(--accent);width:max-content;margin:5rem auto 0;padding:.75rem 1rem;text-decoration:none;display:block}.about-section{color:#f8f4e9;background:#111}.about-section .section-index{color:#ff8d83}.light-heading{border-color:#f8f4e9}.light-heading>p{color:#d0ccc2}.about-grid{grid-template-columns:minmax(260px,.7fr) minmax(0,1.2fr);align-items:center;gap:clamp(3rem,9vw,9rem);display:grid}.portrait-wrap{max-width:420px;position:relative}.portrait-wrap img{aspect-ratio:4/5;object-fit:cover;filter:grayscale()contrast(1.1);width:100%;box-shadow:12px 12px 0 var(--accent);border:3px solid #f8f4e9;transform:rotate(-2deg)}.portrait-label{z-index:2;background:var(--coral);color:#111;font-family:var(--font-mono);border:2px solid #111;padding:.45rem .8rem;font-size:.7rem;position:absolute;top:-1.5rem;right:-2rem;transform:rotate(4deg)}.about-copy p{color:#d0ccc2;font-size:1.05rem}.about-copy>p:first-child{color:#f8f4e9;letter-spacing:-.04em;font-size:clamp(1.7rem,3.5vw,3rem);font-weight:600;line-height:1.08}.about-copy strong{color:#111;background:var(--accent)}.about-copy a{color:#f8f4e9;text-decoration-color:var(--coral)}.skills-block{margin-top:clamp(5rem,10vw,8rem)}.mini-heading{color:var(--accent);margin-bottom:1.5rem}.skills-grid{grid-template-columns:repeat(5,1fr);gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.skills-grid li{border:2px solid var(--paper);color:#f8f4e9;min-height:4.3rem;box-shadow:4px 4px 0 var(--accent);font-family:var(--font-mono);background:#242424;align-items:center;gap:.7rem;padding:.8rem;font-size:.72rem;transition:transform .14s;display:flex}.skills-grid li:hover{transform:translateY(-4px) rotate(calc((var(--i) - 4) * .15deg))}.skills-grid img{object-fit:contain;flex:none;width:25px;height:25px}.articles-grid{border-top:2px solid var(--line)}.article-card{border-bottom:2px solid var(--line);grid-template-columns:4rem 1fr auto;align-items:center;gap:1.5rem;padding:2rem 1rem;text-decoration:none;transition:background .15s,padding .15s;display:grid}.article-card:hover{background:var(--accent);color:#111;padding-inline:1.7rem}.article-index{font-family:var(--font-mono);font-size:.72rem}.article-meta{color:var(--muted);margin:0 0 .35rem}.article-card:hover .article-meta{color:#111}.article-card h3{letter-spacing:-.035em;max-width:820px;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.15}.article-arrow{font-size:2rem}.feed-fallback{border:2px dashed var(--line);justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.contact-section{background:var(--accent);color:#111;border-top:2px solid #111;padding-block:clamp(5rem,10vw,9rem)}.contact-section .section-index{color:#111}.contact-grid{grid-template-columns:1.4fr .6fr;align-items:end;gap:4rem;display:grid}.contact-kicker{margin:2rem 0 .5rem}.contact-section h2{letter-spacing:-.085em;margin:0;font-size:clamp(4.5rem,12vw,10rem);line-height:.82}.email-link{font-family:var(--font-mono);margin-top:2.5rem;font-size:clamp(.9rem,2vw,1.2rem);font-weight:500;display:inline-block}.contact-profile{justify-self:end;max-width:320px}.contact-profile img{object-fit:cover;border:3px solid #111;border-radius:50%;width:8rem;height:8rem;box-shadow:7px 7px #111}.contact-profile p{margin:1.8rem 0 0;font-weight:500}.site-footer{border-top:2px solid var(--line);background:var(--surface)}.footer-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:8rem;display:flex}.footer-inner p{font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:.7rem}.footer-links{flex-wrap:wrap;gap:1.2rem;display:flex}.footer-links a{font-family:var(--font-mono);text-transform:uppercase;font-size:.7rem}.reveal{animation:.6s cubic-bezier(.22,1,.36,1) both reveal}.delay-1{animation-delay:.14s}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}}@keyframes wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}@keyframes ticker{to{transform:translate(-50%)}}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-card{justify-self:start;max-width:450px}.project-card{grid-template-columns:1fr;gap:2.5rem}.project-card:nth-child(2n) .project-media{order:0}.about-grid{gap:4rem}.skills-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr}.contact-profile{justify-self:start}}@media (width<=720px){.shell{width:min(100% - 1.5rem,1180px)}.menu-toggle{z-index:2;gap:.35rem;display:grid;position:relative}.menu-toggle span:not(.sr-only){background:currentColor;width:1.3rem;height:2px;transition:transform .16s;display:block}.menu-toggle[aria-expanded=true] span:nth-last-child(2){transform:translateY(4px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.site-nav{border-bottom:2px solid var(--line);background:var(--paper);align-content:center;justify-items:start;min-height:calc(100svh - 5rem);padding:3rem 1.5rem;display:none;position:fixed;inset:5rem 0 auto}.site-nav.is-open{display:grid}.site-nav a{font-size:clamp(1.7rem,8vw,3rem)}.nav-contact{margin-top:1rem}.theme-toggle{position:absolute;bottom:2rem;right:1.5rem}.hero{gap:5rem;min-height:auto;padding-block:4rem 6rem}h1 span{white-space:normal}.hero-card{justify-self:start;width:calc(100% - .8rem)}.section-heading{display:block}.section-heading>p{text-align:left;margin-bottom:1.2rem}.section-heading h2{margin-bottom:.7rem}.project-media{box-shadow:6px 6px 0 var(--line)}.about-grid{grid-template-columns:1fr}.portrait-wrap{width:calc(100% - 1.5rem)}.portrait-label{right:-1rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.article-card{grid-template-columns:2.2rem 1fr auto;gap:.75rem;padding-inline:0}.article-card:hover{padding-inline:.5rem}.feed-fallback,.footer-inner{flex-direction:column;align-items:flex-start}.feed-fallback{display:flex}.footer-inner{justify-content:center;padding-block:2rem}}@media (width<=420px){.skills-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}.article-index{display:none}.article-card{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ticker div{transform:none}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-mono-latin-ext-400-normal.C2zvOubV.woff2)format("woff2"),url(/_astro/dm-mono-latin-ext-400-normal.1aZr6b2b.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/dm-mono-latin-400-normal.4GdczIuU.woff2)format("woff2"),url(/_astro/dm-mono-latin-400-normal.-0xN8mdc.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-mono-latin-ext-500-normal.BtRyHRi6.woff2)format("woff2"),url(/_astro/dm-mono-latin-ext-500-normal.Dw3M13d8.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/dm-mono-latin-500-normal.DRMDZjhP.woff2)format("woff2"),url(/_astro/dm-mono-latin-500-normal.CN8Miw6E.woff)format("woff");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}