@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portfolio/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f07e2c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f07e2c{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/portfolio/_next/static/media/e44cdba7d0878bc5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/portfolio/_next/static/media/07fccecd6728972a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/portfolio/_next/static/media/486fce9f36bc8f45-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/portfolio/_next/static/media/46bdd75a3ff56824-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Caveat Fallback;src:local("Arial");ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.00%;size-adjust:76.94%}.__className_c8f8be{font-family:Caveat,Caveat Fallback;font-style:normal}.__variable_c8f8be{--font-caveat:"Caveat","Caveat Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/portfolio/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/portfolio/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/portfolio/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/portfolio/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/portfolio/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/portfolio/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_db99bd{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_db99bd{--font-jetbrains:"JetBrains Mono","JetBrains Mono Fallback"}:root{--bg:#f4f2ec;--bg-tint:#eceae2;--surface:#ffffff;--surface-2:#f8f7f2;--ink:#14202b;--ink-2:#2c3a4a;--muted:#5c6b7a;--muted-2:#8a95a1;--hairline:#dedad0;--grid:rgba(20,32,43,0.06);--accent:#3e6b89;--accent-soft:#b7cdd9;--accent-deep:#2a4e66;--warm:#c97b5c;--warm-soft:#e9c7b6;--green:#7e9a87;--ochre:#d4a55a;--font-display:"General Sans","Cabinet Grotesk",system-ui,-apple-system,sans-serif;--font-body:var(--font-inter),system-ui,-apple-system,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,menlo,monospace;--font-hand:var(--font-caveat),cursive;--t-xs:0.75rem;--t-sm:0.875rem;--t-base:1rem;--t-md:1.125rem;--t-lg:1.5rem;--t-xl:2rem;--t-2xl:2.75rem;--t-3xl:3.75rem;--t-4xl:5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:32px;--r-pill:999px;--ease:cubic-bezier(0.2,0.7,0.2,1);--dur-1:160ms;--dur-2:280ms;--dur-3:480ms;--shadow-1:0 1px 2px rgba(20,32,43,0.04),0 4px 12px rgba(20,32,43,0.04);--shadow-2:0 2px 4px rgba(20,32,43,0.05),0 12px 32px rgba(20,32,43,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--t-base);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}body:before{content:"";position:fixed;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.13 0 0 0 0 0.17 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/></svg>");opacity:.35;mix-blend-mode:multiply}.gridlines,body:before{inset:0;pointer-events:none}.gridlines{position:absolute;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 40%,black 30%,transparent 75%)}.container{max-width:1180px;margin:0 auto;padding:0 var(--s-6)}.container,main.site-main{position:relative;z-index:2}a{color:inherit}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(244,242,236,.72);border-bottom:1px solid var(--hairline)}.topbar-inner{justify-content:space-between;padding:var(--s-4) 0}.brand,.topbar-inner{display:flex;align-items:center}.brand{font-family:var(--font-display);font-weight:600;font-size:var(--t-md);letter-spacing:-.01em;gap:var(--s-2);text-decoration:none;color:var(--ink)}.brand .logo-mark{width:24px;height:24px}.nav{display:flex;gap:var(--s-6);font-size:var(--t-sm);color:var(--muted)}.nav a{text-decoration:none;position:relative;transition:color var(--dur-1) var(--ease)}.nav a.active,.nav a:hover{color:var(--ink)}.nav a.active:after{content:"";position:absolute;left:-2px;right:-4px;bottom:-6px;height:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 6' preserveAspectRatio='none'><path d='M1 4 C 18 1, 35 6, 52 3 S 78 4, 79 2' fill='none' stroke='%233E6B89' stroke-width='1.5' stroke-linecap='round'/></svg>") no-repeat 50% /100% 100%}.btn{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:500;font-size:var(--t-sm);padding:12px 20px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;transition:transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--accent-deep)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--hairline)}.btn-secondary:hover{border-color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink);padding:12px 8px}.btn-ghost:hover{color:var(--accent)}.btn .arrow{transition:transform var(--dur-2) var(--ease)}.btn:hover .arrow{transform:translateX(3px)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-deep);background:var(--accent-soft);padding:4px 10px;border-radius:var(--r-pill)}.chip.warm{color:var(--warm);background:var(--warm-soft)}.chip.green{color:#4f6a57;background:#d4e0cd}.hero{position:relative;overflow:hidden}.hero--video{display:flex;align-items:flex-end;min-height:min(88vh,920px);padding:var(--s-10) 0 var(--s-9);color:#f4f2ec}.hero-media{overflow:hidden}.hero-media,.hero-video{position:absolute;inset:0;z-index:0}.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-gradient{position:absolute;inset:0;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(5px) saturate(1.15);backdrop-filter:blur(5px) saturate(1.15);background:linear-gradient(90deg,rgba(20,32,43,.52) 0,rgba(20,32,43,.24) 42%,rgba(20,32,43,.05) 100%,transparent 0),linear-gradient(0deg,rgba(20,32,43,.45) 0,rgba(20,32,43,.1) 32%,transparent 58%)}.hero-content{position:relative;z-index:2;width:100%}.hero-actions{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}.hero--video .eyebrow{margin-bottom:var(--s-4);color:rgba(244,242,236,.72)}.hero--video .eyebrow:before{background:rgba(244,242,236,.45)}.eyebrow{display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.eyebrow--center{justify-content:center}.eyebrow:before{content:"";width:24px;height:1px;background:var(--muted)}.hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,6.8vw,var(--t-4xl));line-height:1.04;letter-spacing:-.025em;margin:0 0 var(--s-5);max-width:18ch}.hero--video h1{color:#f8f7f2;text-shadow:0 1px 2px rgba(20,32,43,.5),0 8px 32px rgba(20,32,43,.45)}.hero h1 em{font-style:normal;color:var(--accent);position:relative;white-space:nowrap}.hero--video h1 em{color:var(--accent-soft)}.hero h1 em:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-4px;height:8px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'><path d='M1 5 C 25 1, 50 8, 75 4 S 99 5, 99 3' fill='none' stroke='%23C97B5C' stroke-width='2' stroke-linecap='round'/></svg>") no-repeat 50% /100% 100%}.hero--video h1 em:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'><path d='M1 5 C 25 1, 50 8, 75 4 S 99 5, 99 3' fill='none' stroke='%23E9C7B6' stroke-width='2' stroke-linecap='round'/></svg>")}.hero .lede{font-size:var(--t-md);color:var(--muted);max-width:56ch;margin:0 0 var(--s-7)}.hero--video .lede{color:rgba(244,242,236,.88);text-shadow:0 1px 12px rgba(20,32,43,.4)}.hero--video .hand-note{color:var(--warm-soft)}.hero--video .btn-primary{background:#f4f2ec;color:var(--ink)}.hero--video .btn-primary:hover{background:#fff}.hero--video .btn-secondary{background:rgba(244,242,236,.12);color:#f4f2ec;border-color:rgba(244,242,236,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero--video .btn-secondary:hover{background:rgba(244,242,236,.2);border-color:rgba(244,242,236,.55)}@media (prefers-reduced-motion:reduce){.hero-video{display:none}.hero-gradient{-webkit-backdrop-filter:none;backdrop-filter:none}.hero--video{background:linear-gradient(135deg,var(--accent-deep) 0,var(--ink) 55%,#1a2834 100%)}}@media (max-width:720px){.hero--video{min-height:min(78vh,720px);padding-top:var(--s-9)}.hero-video{object-position:62% center}.hero-gradient{-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);background:linear-gradient(0deg,rgba(20,32,43,.55) 0,rgba(20,32,43,.22) 40%,transparent 72%)}}.hand-note{font-family:var(--font-hand);color:var(--warm);font-size:1.6rem;line-height:1;transform:rotate(-3deg);display:inline-block}.hero-art{position:absolute;right:-40px;bottom:-40px;width:460px;height:360px;z-index:0;opacity:.85}@media (max-width:1100px){.hero-art{display:none}}section.block{padding:var(--s-9) 0;border-top:1px solid var(--hairline);position:relative}h2.section-title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.75rem,3.4vw,var(--t-2xl));letter-spacing:-.02em;line-height:1.1;margin:var(--s-3) 0 var(--s-3);max-width:22ch}.section-sub{color:var(--muted);max-width:60ch;margin:0 0 var(--s-7)}.approach{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-6);gap:var(--s-6)}@media (max-width:900px){.approach{grid-template-columns:1fr}}.pillar{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-1);position:relative}.pillar .icon{width:48px;height:48px;margin-bottom:var(--s-5);color:var(--accent)}.pillar h3{font-family:var(--font-display);font-weight:500;font-size:var(--t-lg);margin:0 0 var(--s-2);letter-spacing:-.01em}.pillar p{color:var(--muted);font-size:var(--t-sm);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-5);gap:var(--s-5)}@media (max-width:900px){.cards{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);text-decoration:none;color:var(--ink);display:block}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.card .thumb{aspect-ratio:4/3;background:var(--surface-2);border-bottom:1px solid var(--hairline);overflow:hidden}.card .thumb svg{width:100%;height:100%;display:block}.card .body{padding:var(--s-5)}.card .meta{display:flex;gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap}.card h3{font-family:var(--font-display);font-weight:500;font-size:var(--t-md);margin:0 0 var(--s-2);letter-spacing:-.01em}.card p{font-size:var(--t-sm);color:var(--muted);margin:0 0 var(--s-4)}.card .read-more{color:var(--ink);font-size:var(--t-sm);font-weight:500;position:relative;padding-bottom:4px;display:inline-block}.card .read-more:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:5px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 6' preserveAspectRatio='none'><path d='M1 4 C 18 1, 35 6, 52 3 S 78 4, 79 2' fill='none' stroke='%233E6B89' stroke-width='1.5' stroke-linecap='round'/></svg>") no-repeat 50% /100% 100%;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease)}.card:hover .read-more:after{transform:scaleX(1)}.asymmetric .card:first-child{transform:translateY(0)}.asymmetric .card:nth-child(2){transform:translateY(28px)}.asymmetric .card:nth-child(3){transform:translateY(-12px)}@media (max-width:900px){.asymmetric .card{transform:none!important}}.more-projects{margin-top:var(--s-9);display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 var(--s-7);gap:0 var(--s-7);max-width:820px}@media (max-width:700px){.more-projects{grid-template-columns:1fr}}.more-projects a{text-decoration:none;color:var(--ink);display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-3) 0;border-bottom:1px dashed var(--hairline);transition:color var(--dur-1) var(--ease)}.more-projects a:hover{color:var(--accent)}.more-projects .name{font-family:var(--font-display);font-weight:500}.more-projects .tag{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--muted)}.pull{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-9);gap:var(--s-9);align-items:start}@media (max-width:900px){.pull{grid-template-columns:1fr}}.pull .lead-quote{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.4vw,var(--t-xl));line-height:1.3;letter-spacing:-.015em;color:var(--ink)}.pull .lead-quote em{color:var(--accent);font-style:normal}.pull .body p{color:var(--muted);margin:0 0 var(--s-4)}.pull .signature{font-family:var(--font-hand);color:var(--warm);font-size:1.6rem;margin-top:var(--s-4);line-height:1}.quotes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-5);gap:var(--s-5)}@media (max-width:900px){.quotes{grid-template-columns:1fr}}.quote{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-1);position:relative}.quote .mark{font-family:var(--font-display);font-size:4rem;line-height:1;color:var(--accent-soft);position:absolute;top:var(--s-3);left:var(--s-5);-webkit-user-select:none;-moz-user-select:none;user-select:none}.quote blockquote{margin:0 0 var(--s-5);padding-top:var(--s-6);color:var(--ink-2);font-size:var(--t-sm);line-height:1.6;position:relative}.quote .who{border-top:1px dashed var(--hairline);padding-top:var(--s-4);font-family:var(--font-mono);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.quote .who strong{color:var(--ink);font-family:var(--font-display);font-weight:500;font-size:var(--t-sm);text-transform:none;letter-spacing:-.005em;display:block;margin-bottom:2px}.about{display:grid;grid-template-columns:1fr 2fr;grid-gap:var(--s-8);gap:var(--s-8);align-items:start}@media (max-width:900px){.about{grid-template-columns:1fr}}.portrait{aspect-ratio:4/5;border-radius:var(--r-lg);background:radial-gradient(circle at 30% 30%,var(--accent-soft),transparent 60%),radial-gradient(circle at 70% 80%,var(--warm-soft),transparent 60%),var(--surface-2);border:1px solid var(--hairline);overflow:hidden;position:relative}.portrait .label{position:absolute;bottom:var(--s-4);left:var(--s-4);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.about .body p{font-size:var(--t-md);color:var(--ink-2);margin:0 0 var(--s-5);max-width:56ch}.resume{margin-top:var(--s-6);border-top:1px solid var(--hairline);padding-top:var(--s-5)}.resume .row{display:grid;grid-template-columns:130px 1fr;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px dashed var(--hairline);font-size:var(--t-sm)}.resume .row:last-child{border-bottom:none}.resume .when{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding-top:3px}.resume .what strong{font-family:var(--font-display);font-weight:500;color:var(--ink);display:block;margin-bottom:2px}.resume .what span{color:var(--muted)}.contact{text-align:center;padding:var(--s-10) 0;position:relative}.contact h2{font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,6vw,var(--t-3xl));line-height:1.05;letter-spacing:-.025em;margin:0 0 var(--s-5)}.contact h2 em{font-style:normal;color:var(--accent);position:relative}.contact h2 em:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'><path d='M1 5 C 25 1, 50 8, 75 4 S 99 5, 99 3' fill='none' stroke='%23C97B5C' stroke-width='2' stroke-linecap='round'/></svg>") no-repeat 50% /100% 100%}.contact p{color:var(--muted);max-width:50ch;margin:0 auto var(--s-6)}footer.foot{padding:var(--s-7) 0 var(--s-8);border-top:1px solid var(--hairline);color:var(--muted);font-size:var(--t-sm)}footer .foot-row{justify-content:space-between;align-items:center;flex-wrap:wrap}footer .foot-row,footer .links{display:flex;gap:var(--s-5)}footer a{text-decoration:none;color:var(--muted);transition:color var(--dur-1) var(--ease)}footer a:hover{color:var(--ink)}.example-page{display:flex;flex-direction:column;min-height:calc(100dvh - 80px)}.example-chrome{position:relative;z-index:10;background:rgba(244,242,236,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);padding:var(--s-4) 0}.example-chrome-inner{max-width:1180px;margin:0 auto;padding:0 var(--s-6)}.example-breadcrumb{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--muted);margin-bottom:var(--s-2)}.example-breadcrumb a{color:var(--accent);text-decoration:none}.example-breadcrumb a:hover{text-decoration:underline}.example-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-3);justify-content:space-between}.example-title-row h1{font-family:var(--font-display);font-weight:500;font-size:var(--t-lg);margin:0;letter-spacing:-.02em}.example-meta{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}.example-frame-wrap{flex:1 1;position:relative;min-height:min(720px,calc(100dvh - 200px));width:100%}.example-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--surface-2)}.examples-archive-header{padding:var(--s-8) 0 var(--s-5)}.examples-archive-header h1{font-family:var(--font-display);font-weight:500;font-size:clamp(1.75rem,3.4vw,var(--t-2xl));margin:0 0 var(--s-3)}.resume .what a{color:var(--accent);text-decoration:none}.resume .what a:hover{text-decoration:underline}