:root{--bg:#faf8f4;--surface:#fff;--ink:#1c1a15;--muted:#6f6a5e;--faint:#a39d8f;--accent:#b4530a;--accent-deep:#8a3f06;--accent-tint:#f6e8db;--border:#e7e2d8;--dark:#211e18;--max-width:760px;--wide:980px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;gap:24px;min-height:100vh;font-size:1.0625rem;line-height:1.75;display:flex}main{max-width:var(--max-width);flex-direction:column;flex:1;gap:1.1rem;margin:0 auto;padding:3rem 1.5rem 5rem;display:flex}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600;line-height:1.18}h1{font-size:clamp(2.1rem,5.5vw,3rem)}h2{font-size:1.55rem}h3{font-size:1.15rem}p{margin:0}a{color:var(--accent-deep);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent)}ul,ol{flex-direction:column;gap:.45rem;margin:0;padding-left:1.4rem;display:flex}li{margin:0}li::marker{color:var(--accent)}strong{font-weight:600}table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.55}th,td{text-align:left;vertical-align:top;padding:.6rem .75rem}thead th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--ink);font-size:.72rem}tbody tr{border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}blockquote{border-left:3px solid var(--accent);color:var(--muted);padding:.3rem 0 .3rem 1.2rem;font-size:.98rem}code{background:var(--accent-tint);border-radius:5px;padding:.12em .4em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85em}img{border:1px solid var(--border);border-radius:10px;max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}.site-header{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#faf8f4e0;position:sticky;top:0}.site-header .inner{max-width:var(--wide);justify-content:space-between;align-items:center;margin:0 auto;padding:.9rem 1.5rem;display:flex}.logo{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:600;text-decoration:none}.logo em{color:var(--accent);font-style:normal}.site-header nav{gap:1.6rem;display:flex}.site-header nav a{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none}.site-header nav a:hover{color:var(--ink)}.site-header nav a[aria-current=page]{color:var(--accent-deep)}.hero{max-width:var(--wide);flex-direction:column;align-items:flex-start;gap:1.4rem;margin:0 auto;padding:3.5rem 1.5rem 1rem;display:flex}.hero .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero .eyebrow:before{content:"";background:var(--accent);width:28px;height:2px;display:inline-block}.hero h1{max-width:15ch;font-size:clamp(2.4rem,6.5vw,3.8rem)}.hero h1 .accent{color:var(--accent);font-style:italic}.hero .lede{max-width:54ch;color:var(--muted);font-size:1.15rem}.hero .cta-row{flex-wrap:wrap;gap:.8rem;display:flex}.btn{border-radius:999px;padding:.65rem 1.35rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn-primary{background:var(--dark);color:#fff}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #1c1a152e}.btn-ghost{border:1.5px solid var(--border);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-deep);transform:translateY(-2px)}.section{max-width:var(--wide);flex-direction:column;gap:1.1rem;margin:0 auto;padding:3.5rem 1.5rem;display:flex}.section-title{align-items:baseline;gap:.8rem;font-size:1.7rem;display:flex}.section-title .num{color:var(--faint);font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:400}.section-sub{color:var(--muted)}.work-list{gap:1.1rem;display:grid}.work-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:1.2rem;padding:1.4rem 1.6rem;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.work-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 28px #1c1a1514}.work-card .index{color:var(--faint);font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:400}.work-card>div{flex-direction:column;gap:.55rem;display:flex}.work-card h3{font-size:1.3rem}.work-card .desc{color:var(--muted);font-size:.95rem}.work-card .tags{flex-wrap:wrap;gap:.4rem;display:flex}.work-card .tags span{letter-spacing:.03em;color:var(--accent-deep);background:var(--accent-tint);border-radius:999px;padding:.14rem .6rem;font-size:.72rem;font-weight:600}.work-card .arrow{color:var(--faint);transition:color .18s,transform .18s}.work-card:hover .arrow{color:var(--accent);transform:translate(4px)}.skills{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;display:grid}.skill{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.3rem;padding:1.2rem 1.3rem;display:flex}.skill .icon,.skill>svg,.skill>span:has(svg){color:var(--accent);display:inline-flex}.skill h4{font-size:.95rem;font-weight:600}.skill p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.case-hero{background:linear-gradient(135deg, var(--dark) 0%, #3a3226 100%);color:#f4f1ea;padding:4.5rem 1.5rem 3.8rem}.case-hero .inner{max-width:var(--max-width);flex-direction:column;align-items:flex-start;gap:1.3rem;margin:0 auto;display:flex}.case-hero .back{color:#f4f1eaa6;align-items:center;gap:.4rem;font-size:.88rem;text-decoration:none;display:inline-flex}.case-hero .back:hover{color:#f4f1ea}.case-hero .case-meta{flex-wrap:wrap;gap:.45rem;display:flex}.case-hero .case-meta span{letter-spacing:.05em;color:#f0c9a4;border:1px solid #f0c9a459;border-radius:999px;padding:.18rem .7rem;font-size:.72rem;font-weight:600}.case-hero h1{color:#fdfcf9;font-size:clamp(1.9rem,5vw,2.8rem)}.case-hero .case-subtitle{color:#f4f1eac7;max-width:58ch;font-size:1.12rem}.case-body{gap:2.4rem;padding-top:2.5rem}.case-body article{flex-direction:column;gap:1.1rem;display:flex}.case-body figure{flex-direction:column;gap:.55rem;display:flex}.case-body figure img{width:100%}.case-body figcaption{color:var(--faint);text-align:center;font-size:.82rem;line-height:1.5}.context-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:1.2rem;padding:1.3rem 1.5rem;display:grid}.context-card>div{flex-direction:column;gap:.15rem;display:flex}.context-card dt{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:.7rem;font-weight:700}.context-card dd{margin:0;font-size:.95rem;line-height:1.6}.case-body blockquote:first-of-type{background:var(--accent-tint);border-left:3px solid var(--accent);color:var(--ink);border-radius:0 10px 10px 0;padding:1.1rem 1.4rem;font-size:1rem}.site-footer{background:var(--dark);color:#f4f1eab3}.site-footer .inner{max-width:var(--wide);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:2.2rem 1.5rem;font-size:.9rem;display:flex}.site-footer a{color:#f4f1ea;font-weight:500;text-decoration:none}.site-footer a:hover{color:#f0c9a4}.site-footer .links{gap:1.4rem;display:flex}.about-head{align-items:center;gap:1.6rem;display:flex}.about-head>div{flex-direction:column;gap:.2rem;display:flex}.avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:88px;height:88px;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:600;display:flex}@media (width<=640px){.work-card{grid-template-columns:1fr;gap:.6rem}.work-card .arrow{display:none}.context-card{grid-template-columns:1fr}.hero{padding-top:3rem}}