:root{--bg:#fff;--surface:#fff;--fg:#111;--muted:#777;--line:#e8e8e8;--soft:#f5f4f0;--accent:#111;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{color:#111;text-rendering:optimizelegibility;background:#fff;font-family:Arial,Helvetica,sans-serif}body{background:#fff;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.site-header{justify-content:space-between;align-items:flex-start;padding:24px 28px 28px;font-size:12px;line-height:1.2;display:flex}.brand{font-size:13px;font-weight:500}.site-header nav{gap:18px;display:flex}.site-header nav a:hover{text-underline-offset:3px;text-decoration:underline}main{width:100%;padding:0 28px 80px}.category-strip{grid-template-columns:repeat(6,1fr);gap:8px;margin:0 0 34px;display:grid}.category-strip a{border-top:1px solid var(--line);grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:7px 8px;font-size:11px;display:grid}.category-strip img{object-fit:cover;width:54px;height:42px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.portfolio-item img,.portfolio-placeholder{aspect-ratio:4/5;object-fit:cover;background:var(--soft);width:100%;display:block}.portfolio-item:nth-child(5n+2)>a>img,.portfolio-item:nth-child(5n+2) .portfolio-placeholder,.portfolio-item:nth-child(5n+4)>a>img,.portfolio-item:nth-child(5n+4) .portfolio-placeholder{aspect-ratio:1}.portfolio-item:nth-child(5n+3)>a>img,.portfolio-item:nth-child(5n+3) .portfolio-placeholder{aspect-ratio:5/4}.portfolio-item>a>img{transition:opacity .18s}.portfolio-item a:hover>img{opacity:.88}.portfolio-placeholder.illustrated{place-items:center;display:grid;position:relative;overflow:hidden}.portfolio-placeholder.illustrated img{object-fit:cover;opacity:.9;width:100%;height:100%}.portfolio-placeholder.illustrated span{background:#ffffffe0;padding:5px 7px;font-size:11px;position:absolute;bottom:13px;left:14px}.portfolio-meta{color:#777;align-items:center;gap:6px;padding:6px 0 14px;font-size:10px;display:flex}.portfolio-meta img{aspect-ratio:auto!important;object-fit:cover!important;width:22px!important;height:17px!important}.kicker,.meta{letter-spacing:.08em;text-transform:uppercase;color:#777;font-size:10px}.page-title{letter-spacing:-.035em;max-width:900px;margin:10px 0 18px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,5vw,62px);font-weight:400;line-height:1.02}.page-intro,.post-deck{color:#555;max-width:640px;margin:0 0 42px;font-size:14px;line-height:1.65}.back-link{color:#666;margin-bottom:30px;font-size:11px;display:inline-block}.hero-image{max-width:1100px;margin:0 0 46px}.hero-image img{object-fit:contain;object-position:left;width:100%;height:auto;max-height:78vh;display:block}.post-category-mark{letter-spacing:.08em;text-transform:uppercase;color:#777;align-items:center;gap:10px;margin-bottom:8px;font-size:10px;display:flex}.post-category-mark img{object-fit:cover;width:52px;height:40px}.prose{max-width:700px;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.8}.prose p{margin:0 0 24px}.prose h2,.prose h3{font-family:Arial,Helvetica,sans-serif;font-weight:400}.category-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px;display:grid}.category-card{border-top:1px solid var(--line);padding-top:10px}.category-card>img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:12px;display:block}.category-card h2{margin:0 0 6px;font-size:18px;font-weight:400}.category-card p{color:#666;margin:0 0 12px;font-size:12px;line-height:1.55}.category-hero{grid-template-columns:minmax(220px,380px) 1fr;align-items:center;gap:34px;margin-bottom:40px;display:grid}.category-hero>img{aspect-ratio:4/3;object-fit:cover;width:100%}.category-post-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.category-post img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.category-post span{padding:7px 0 14px;font-size:12px;display:block}footer{color:#777;justify-content:space-between;padding:0 28px 24px;font-size:10px;display:flex}@media (max-width:900px){.portfolio-grid,.category-cards,.category-post-grid{grid-template-columns:repeat(2,1fr)}.category-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.site-header{padding:18px 14px 24px}.site-header nav{gap:12px}main{padding:0 14px 56px}.category-strip{grid-template-columns:repeat(2,1fr);margin-bottom:24px}.portfolio-grid,.category-cards,.category-post-grid{grid-template-columns:1fr}.portfolio-item>a>img,.portfolio-placeholder,.portfolio-item:nth-child(n)>a>img,.portfolio-item:nth-child(n) .portfolio-placeholder{aspect-ratio:auto}.portfolio-placeholder{aspect-ratio:4/5!important}.category-hero{grid-template-columns:1fr}.category-hero>img{max-width:420px}.page-title{font-size:38px}.prose{font-size:18px}footer{padding:0 14px 18px}}