:root{color-scheme:light;--ink:#171717;--muted:#6b6b6b;--line:#dedbd5;--paper:#fbfaf7;--panel:#fff;--accent:#0e6f68}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}header{padding:48px 5vw 28px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:32px;align-items:end}h1{font-size:clamp(2.5rem,7vw,6.5rem);line-height:.9;margin:0;letter-spacing:0}p{line-height:1.55}.intro{max-width:760px;color:var(--muted);font-size:1.05rem}.portrait{width:100%;aspect-ratio:1;border-radius:4px;object-fit:cover;background:#e8e2d7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;border-radius:4px}.button:hover{background:var(--ink);color:white}main{padding:34px 5vw 64px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#e8e2d7}.card h2{font-size:1rem;line-height:1.2;margin:12px 12px 14px}.meta{margin:0 0 18px;color:var(--muted)}footer{padding:24px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}@media(max-width:720px){header{grid-template-columns:1fr;padding-top:34px}.portrait{max-width:240px}main{padding-top:24px}.grid{grid-template-columns:1fr 1fr;gap:12px}.card h2{font-size:.9rem}}