:root{--ink:#1f2527;--paper:#f7f5f0;--panel:#fff;--muted:#687174;--line:#d9d4ca;--accent:#5f6c6f;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}header{position:sticky;top:0;z-index:10;background:rgba(247,245,240,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100vw - var(--max))/2))}.brand{font-family:Optima,Candara,Georgia,serif;font-size:1.35rem;font-weight:700;color:var(--ink);text-decoration:none}nav{display:flex;gap:22px}nav a,.category-nav a{color:var(--ink);text-decoration:none}.hero,.works-intro,.category,#about,#contact{max-width:var(--max);margin:auto;padding:76px 24px}.hero{min-height:68vh;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:54px}.hero h1,.category h2,.works-intro h2,#about h2,#contact h2{font-family:Optima,Candara,Georgia,serif;font-size:clamp(2.4rem,5vw,5.4rem);line-height:1.02;margin:.15em 0}.hero figure{margin:0}.hero figure img{width:100%;max-width:320px;border-radius:3px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:700;color:var(--muted)}.roles{letter-spacing:.12em;font-size:.86rem;font-weight:700}.lead{font-size:1.2rem;max-width:720px}.actions,.buttons,.dialog-actions{display:flex;flex-wrap:wrap;gap:10px}.actions a,.buttons a,.buttons button,.dialog-actions a,.more-toggle{border:1px solid var(--ink);background:var(--ink);color:white;padding:10px 15px;text-decoration:none;border-radius:2px;font:inherit;cursor:pointer}.actions .secondary,.buttons .light,.dialog-actions .light{background:transparent;color:var(--ink)}.works-intro{border-top:1px solid var(--line);padding-bottom:34px}.works-intro p{max-width:800px}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.category-nav a{border:1px solid var(--line);background:white;padding:8px 12px}.category{border-top:1px solid var(--line)}.category h2{font-size:clamp(2.2rem,4vw,4.2rem)}.intro{max-width:820px;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}.work-card{height:100%;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}.cover{aspect-ratio:16/10;overflow:hidden;display:block;background:#d9dde0}.cover img{width:100%;height:100%;object-fit:cover}.textcover{height:100%;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#485659,#aeb8ba);color:white;font-family:Optima,Candara,serif;font-size:1.35rem;text-align:center}.work-body{padding:18px;display:flex;flex:1;flex-direction:column}.work-body h4{font-family:Optima,Candara,Georgia,serif;font-size:1.25rem;margin:0 0 8px}.instrumentation{color:var(--muted);margin:0 0 18px}.buttons{margin-top:auto}.more-work{display:none}.grid.expanded .more-work{display:block}.more-toggle{display:block;margin:28px auto 0;background:transparent;color:var(--ink)}dialog{width:min(680px,calc(100vw - 32px));border:0;border-radius:3px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(20,24,25,.68)}dialog h3{font-family:Optima,Candara,serif;font-size:2rem;margin:.2em 0}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer}.about{max-width:850px;font-size:1.08rem}.email a{font-size:1.3rem;color:var(--ink)}footer{max-width:var(--max);margin:auto;padding:28px 24px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero figure{order:-1}.hero figure img{max-width:220px}}@media(max-width:560px){header nav{gap:12px;font-size:.9rem}.grid{grid-template-columns:1fr}.hero,.works-intro,.category,#about,#contact{padding:52px 18px}.hero h1{font-size:3rem}}