/* News pages: headline, one big photo, a readable column of text, then more stories. Builds on garanhao.css. */
.n-head{padding-top:clamp(140px,22vh,220px);padding-bottom:clamp(36px,6vh,60px);display:grid;gap:18px}
.n-head h1{margin:0;max-width:20ch;font-weight:400;font-size:clamp(2.2rem,5.4vw,5rem);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.n-head p{margin:0;max-width:52ch;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.5;color:#4a4640}
.n-hero{margin:0 auto}
.n-hero img{width:100%;height:auto;max-height:82vh;object-fit:cover;object-position:var(--pos,50% 50%);background:#ddd8cf}
.n-body{max-width:calc(68ch + 40px);margin:0 auto;padding-block:clamp(60px,10vh,110px)}
.n-body p{margin:0 0 1.2em;font-size:1.1rem;line-height:1.75;color:#2c2925}
.n-body h2{margin:2.2em 0 .7em;font-weight:500;font-size:1.3rem;letter-spacing:-.01em}
.n-body ul{list-style:none;margin:0 0 1.4em;padding:0;border-top:1px solid var(--line)}
.n-body li{padding:12px 0;border-bottom:1px solid var(--line);font-size:1.02rem;line-height:1.5;font-variant-numeric:tabular-nums}
.n-fig{margin:2.4em 0}
.n-fig img{width:100%;height:auto}
.n-sign{margin-top:2.4em!important;font-size:.72rem!important;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)!important}
.n-more{padding-block:0 clamp(80px,12vh,140px);border-top:1px solid var(--line);padding-top:clamp(40px,6vh,64px)}
.n-more h2{margin:0 0 24px;font-weight:400}
.n-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.n-card{display:grid;gap:10px;align-content:start;text-decoration:none;min-width:0}
.n-card .ph{display:block;aspect-ratio:3/2;overflow:hidden;background:#ddd8cf}
.n-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.n-card:hover img{transform:scale(1.04)}
.n-card time{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.n-card b{font-weight:400;font-size:1.1rem;line-height:1.25;text-wrap:balance}
.n-back{color:var(--ink);mix-blend-mode:normal}
@media (max-width:760px){.n-grid{grid-template-columns:1fr}}