@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap";:root{--bg: #f2efe8;--surface: #f8f6f0;--text: #111111;--muted: #5b5b5b;--line: #cfcbc1;--accent: #be185d;--accent-soft: #ffe4ef}[data-theme=dark]{--bg: #0f1115;--surface: #151920;--text: #f4f4f1;--muted: #aaaaa7;--line: #2b3240;--accent: #f472b6;--accent-soft: #3a1630}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif;line-height:1.6}.container{max-width:1080px;margin:0 auto;padding:0 1.25rem}.simple-nav{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.nav-inner{min-height:3.9rem;display:flex;align-items:center;justify-content:space-between}.brand-link{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.01em}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer}.site-main{padding:2.4rem 0 2rem}.hero{border-top:2px solid var(--text);border-bottom:1px solid var(--line);padding:1.1rem 0 1.8rem;margin-bottom:1.5rem}.hero-role{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--muted);margin-bottom:.7rem;font-weight:700}.hero-name{font-family:Fraunces,serif;font-size:clamp(2.15rem,6vw,4.7rem);line-height:1.04;font-weight:700;margin-bottom:.75rem}.hero-copy{max-width:64ch;color:var(--muted);font-size:clamp(1rem,1.8vw,1.16rem)}.hero-meta{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;font-weight:600}.hero-meta a{color:var(--text);text-decoration:none;border-bottom:1px solid transparent}.hero-meta a:hover{border-color:var(--text)}.meta-sep{color:var(--muted)}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:1rem}.panel{border:1px solid var(--line);background:var(--surface)}.panel-main,.panel-side{padding:1rem}.panel-head{margin-bottom:.8rem}.panel-head h2{font-family:Fraunces,serif;font-size:1.38rem;margin-bottom:.2rem}.panel-head p{color:var(--muted);font-size:.9rem}.work-list{border-top:1px solid var(--line)}.work-item{padding:.9rem 0;border-bottom:1px solid var(--line)}.work-item h3{font-size:1.02rem;margin-bottom:.2rem}.work-item h3 a{color:var(--accent);text-decoration:none}.work-item h3 a:hover{text-decoration:underline}.live-link{display:inline-flex;align-items:baseline;gap:.5rem;color:var(--accent);text-decoration:none;font-weight:700;font-size:.84rem;margin-bottom:.35rem}.live-link span{color:var(--muted);font-weight:600;font-size:.78rem;word-break:break-all}.live-link:hover{text-decoration:underline}.work-item p{color:var(--muted);font-size:.95rem;margin-bottom:.55rem}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tags span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);padding:.15rem .45rem;border-radius:3px}.links-list{list-style:none;display:grid;gap:.45rem}.links-list a{display:block;border:1px solid var(--line);padding:.55rem .62rem;text-decoration:none;color:var(--text);font-weight:600;font-size:.9rem}.links-list a:hover{border-color:var(--accent);color:var(--accent)}.site-footer{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:.8rem}.site-footer p{color:var(--muted);font-size:.82rem}@media(max-width:900px){.container{padding:0 1rem}.site-main{padding:1.5rem 0 1.2rem}.grid{grid-template-columns:1fr}.panel-main,.panel-side{padding:.9rem}}@media(max-width:640px){.nav-inner{min-height:3.6rem}.brand-link{font-size:.92rem}.theme-toggle{padding:.42rem .78rem;min-height:2rem}.hero{padding:.85rem 0 1.2rem;margin-bottom:1rem}.hero-role{margin-bottom:.45rem}.hero-name{font-size:clamp(1.8rem,10vw,2.4rem)}.hero-copy{font-size:.97rem}.hero-meta{font-size:.84rem;gap:.35rem}.panel-head h2{font-size:1.2rem}.work-item{padding:.75rem 0}.work-item h3{font-size:.98rem}.live-link{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin-bottom:.4rem}.live-link span{font-size:.74rem}.links-list a{padding:.62rem .65rem}}