:root{--ivoire:#f7f4ed;--sable:#d7c8b1;--olive:#6b6f5b;--charbon:#222;--serif:"Cormorant Garamond",Georgia,serif}
*{box-sizing:border-box;margin:0}
body{font:300 1.0625rem/1.8 Manrope,system-ui,sans-serif;color:#2b2824;background:var(--ivoire)}
a{color:inherit}:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.bh{background:var(--charbon);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1.1rem max(1.3rem,calc((100% - 1100px)/2))}
.logo{font-family:var(--serif);font-size:1.5rem;letter-spacing:.14em;line-height:1;text-decoration:none}.logo small{display:block;font:400 .5rem Manrope;letter-spacing:.35em;margin-top:.3rem}
.bh nav{display:flex;gap:1.6rem;align-items:center;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.bh nav a{text-decoration:none}.bh nav a:hover{text-decoration:underline;text-underline-offset:6px}
.bh .btn{background:#b49b78;color:#fff;padding:.65rem 1.1rem}
.btn{display:inline-block;background:var(--sable);color:var(--charbon);padding:.95rem 1.6rem;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;text-decoration:none}.btn:hover{background:#c9b89c}
.btn.dark{background:var(--charbon);color:#fff}.btn.dark:hover{background:var(--olive)}
main{max-width:760px;margin:0 auto;padding:3rem 1.3rem 4rem}
.crumb{font-size:.8rem;color:#6a6458;margin-bottom:1.4rem}.crumb a{text-decoration:none;border-bottom:1px solid #c9c0b0}
h1,h2{font-family:var(--serif);font-weight:500;line-height:1.12;color:var(--charbon)}
h1{font-size:clamp(2.3rem,5.5vw,3.6rem);margin-bottom:1rem}h2{font-size:clamp(1.6rem,3.2vw,2.1rem);margin:2.6rem 0 .8rem}
.meta{font-size:.85rem;color:#6a6458;margin-bottom:1.8rem}
.cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;margin:0 0 2rem}
.lead{font-size:1.25rem;font-weight:400;color:#3a362f}
article p{margin:0 0 1.1rem}article ul,article ol{margin:0 0 1.4rem 1.2rem}article li{margin-bottom:.6rem}article strong{font-weight:600}
article a{color:var(--olive);text-underline-offset:3px}
.cta{background:var(--charbon);color:#fff;padding:2rem;margin:3rem 0 2rem}.cta h2{color:#fff;margin:0 0 .6rem;font-size:1.8rem}.cta p{color:#e4ddcf}
.more h2{font-size:1.5rem}.more ul{list-style:none;margin:0}.more li{border-top:1px solid #d8d1c3;padding:.8rem 0}.more a{text-decoration:none;font-weight:500}.more a:hover{text-decoration:underline}
.cards{display:grid;gap:2rem}.card{display:grid;grid-template-columns:240px 1fr;gap:1.4rem;align-items:center;text-decoration:none;border-top:1px solid #d8d1c3;padding-top:2rem}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card h2{margin:0 0 .4rem;font-size:1.6rem}.card p{margin:0;font-size:.95rem}.card .meta{margin:0 0 .4rem}
.bf{background:var(--charbon);color:#cfc8ba;font-size:.85rem;padding:1.6rem max(1.3rem,calc((100% - 1100px)/2));display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}
@media(max-width:640px){.card{grid-template-columns:1fr}.bh nav a:not(.btn){display:none}}

.bh nav{margin-left:auto;margin-right:1.4rem}
.langsw{display:inline-flex;border:1px solid rgba(255,255,255,.55);font-size:.68rem;letter-spacing:.14em;line-height:1}
.langsw a,.langsw span{padding:.55rem .75rem;color:#fff;text-decoration:none;transition:background .3s ease}
.langsw [aria-current]{background:#fff;color:var(--charbon);font-weight:600}.langsw a:hover{background:rgba(255,255,255,.2)}