*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#2a2622;background:#fbf7f1}
a{color:#7a3e12}header{background:#2f3a2f;color:#fff}nav{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:.9rem 1.2rem}
nav a{color:#f3e9d8;text-decoration:none}nav .brand{font-weight:700;font-size:1.25rem;margin-right:auto;color:#fff}nav a:focus,nav a:hover{text-decoration:underline}
main{max-width:1100px;margin:auto;padding:1.5rem 1.2rem 3rem}.hero{padding:3rem 0 2rem}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0 0 .6rem}
.lead{font-size:1.2rem;max-width:42rem}.btn{display:inline-block;background:#7a3e12;color:#fff;padding:.7rem 1.2rem;border-radius:.5rem;text-decoration:none;margin-top:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}.card{background:#fff;border-radius:.8rem;overflow:hidden;box-shadow:0 2px 10px #0001;display:flex;flex-direction:column}
.card .art{aspect-ratio:920/430;background:linear-gradient(135deg,#e9d8bd,#c9d8c0);display:grid;place-items:center;font-size:3.5rem}.card img,.big img{width:100%;height:100%;object-fit:cover;display:block}
.card div.b{padding:1rem}.card h3{margin:.2rem 0}.tag{font-size:.8rem;background:#efe3cf;padding:.15rem .5rem;border-radius:1rem}.plat{color:#6b6157;font-size:.9rem}
.big{aspect-ratio:920/430;max-width:720px;border-radius:.8rem;overflow:hidden;background:linear-gradient(135deg,#e9d8bd,#c9d8c0);display:grid;place-items:center;font-size:6rem}
.draft{background:#fff4d6;border-left:4px solid #d9a400;padding:.7rem 1rem;margin:1rem 0}footer{background:#2f3a2f;color:#e9dfcf;text-align:center;padding:1.6rem 1rem;font-size:.9rem}
footer svg{vertical-align:-3px}footer em{display:block;margin:.3rem 0}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}