/* VRT photo reportage: existing palette and type, original photographs. */
.reportage{border-top:1px solid var(--bordo);scroll-margin-top:7rem}
.reportage .reportage-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:end;margin-bottom:2rem}
.reportage h2{font:800 clamp(2.6rem,6vw,5rem)/.95 var(--display);margin:.5rem 0 1rem}
.reportage-intro p{max-width:65ch;color:var(--tenue);line-height:1.75}
.reportage-date{color:var(--giallo);font-weight:700}
.reportage-cover{margin:0;position:relative;overflow:hidden;border-radius:var(--r);background:var(--carbonio)}
.reportage-cover img{width:100%;height:auto;max-height:680px;object-fit:cover;display:block}
.reportage-cover figcaption{padding:1rem 1.3rem;font-size:.9rem;color:var(--tenue)}
.reportage-story{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:2.3rem 0}
.reportage-story h3{font:800 1.7rem var(--display);margin:0 0 .6rem}
.reportage-story p{color:var(--tenue);line-height:1.8;margin:0}
.reportage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.reportage-grid figure{margin:0;min-width:0;background:var(--carbonio);border-radius:var(--r);overflow:hidden}
.reportage-grid a{display:block;overflow:hidden}
.reportage-grid img{width:100%;height:260px;object-fit:cover;display:block}
.reportage-grid figcaption{font-size:.83rem;line-height:1.5;padding:.8rem 1rem;color:var(--tenue)}
.reportage a:focus-visible,.reportage summary:focus-visible,.reportage-viewer button:focus-visible{outline:3px solid var(--giallo);outline-offset:4px}
.reportage details{border-block:1px solid var(--bordo);margin:2rem 0}
.reportage summary{cursor:pointer;padding:1.4rem .2rem;font-weight:650;font-size:1.08rem}
.reportage details .reportage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.reportage details img{height:210px;object-fit:contain;background:#17171a}
.reportage-film{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;background:var(--carbonio);padding:clamp(1rem,4vw,3rem);border-radius:var(--r);margin-top:2rem}
.reportage-film h3{font:800 clamp(2rem,4vw,3.4rem)/1 var(--display);margin:0 0 1rem}
.reportage-film p{color:var(--tenue);line-height:1.8;max-width:45ch}
.reportage-film video{display:block;width:100%;max-height:560px;background:#000;border-radius:8px}
.reportage-sources{font-size:.82rem;color:var(--tenue);line-height:1.7;margin-top:2rem}
.reportage-sources a{text-decoration:underline;text-underline-offset:3px}
.reportage-viewer{width:min(1200px,96vw);max-width:96vw;max-height:95dvh;padding:0;border:1px solid var(--bordo);border-radius:12px;background:var(--nero);color:var(--testo)}
.reportage-viewer::backdrop{background:rgb(0 0 0 / .9)}
.reportage-viewer header,.reportage-viewer footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem}
.reportage-viewer button{border:1px solid var(--bordo);background:var(--carbonio);color:var(--testo);padding:.7rem 1rem;min-height:44px;cursor:pointer;border-radius:6px;font:inherit}
.reportage-viewer img{display:block;width:100%;height: min(70dvh,850px);object-fit:contain}
.reportage-viewer p{margin:0;font-size:.85rem;line-height:1.5}
.reportage-viewer [data-r-count]{white-space:nowrap;color:var(--tenue)}
@media(max-width:760px){.reportage .reportage-intro,.reportage-story,.reportage-film{grid-template-columns:1fr;gap:1.5rem}.reportage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reportage-grid img{height:210px}.reportage details .reportage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reportage details img{height:170px}.reportage-film video{max-height:500px}.reportage-viewer header{align-items:flex-start}.reportage-viewer footer{flex-wrap:wrap}.reportage-viewer button{padding:.6rem .7rem}}
@media(max-width:380px){.reportage-grid img{height:170px}.reportage details img{height:140px}}