/* Foto panoramica estesa verso sinistra; sfumatura modificabile sul sito. */
.theme-2 .hero{height:clamp(630px,48vw,790px);isolation:isolate}
.hero-picture{position:absolute;inset:0;width:100%;height:100%;display:block}
.theme-2 .hero .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;aspect-ratio:auto}
.theme-2 .hero-shade{display:block;background:linear-gradient(90deg,rgba(0,42,29,.95) 0%,rgba(0,47,32,.90) 22%,rgba(0,49,32,.70) 36%,rgba(0,47,31,.28) 49%,rgba(0,35,25,.04) 66%),linear-gradient(0deg,rgba(0,35,24,.20),transparent 45%)}
.theme-2 .hero h1{max-width:550px;line-height:1.07}
.theme-2 .hero-content>p{max-width:470px}
.theme-2 .hero-caption{bottom:56px}
/* Il post mensile arriva al bordo destro e copre tutta l'altezza. */
.monthly-grid.wrap{width:100%;max-width:none;grid-template-columns:minmax(0,1fr) 38%;padding:0;gap:0;align-items:stretch}
.monthly-copy{align-self:center;padding:55px 64px 55px max(56px,calc((100vw - 1320px)/2))}
.monthly-copy h2{font-size:clamp(2.3rem,3.05vw,2.75rem)}
.monthly-copy h2 br{display:none}
.monthly-copy>p{max-width:620px}
.monthly-poster{position:relative;align-self:stretch;justify-self:stretch;display:block;width:100%;max-width:none;min-width:0;min-height:100%;aspect-ratio:1122/1402;border:0;border-radius:0;box-shadow:none;transform:none;overflow:hidden}
.monthly-poster img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.monthly-poster:hover{opacity:1}
@media(min-width:761px) and (max-width:1100px){
 .theme-2 .hero{height:610px}
 .theme-2 .hero .hero-image{object-position:58% top}
 .theme-2 .hero h1{max-width:460px;font-size:3.45rem}
 .theme-2 .hero-content>p{max-width:390px}
 .theme-2 .hero-shade{background:linear-gradient(90deg,#002a1ff5 0%,#002f20de 25%,#003120a6 43%,#00312030 66%,transparent 88%)}
 .monthly-grid.wrap{grid-template-columns:minmax(0,1fr) 42%}
 .monthly-copy{padding:40px 30px 40px 36px}
 .monthly-copy h2{font-size:2.1rem}
 .monthly-copy>p{font-size:1.0625rem;margin:20px 0}
 .monthly-copy .monthly-validity{font-size:.9375rem;margin-bottom:0}
 .monthly-tags{margin-bottom:24px;gap:10px}
 .monthly-copy .strong-cta{font-size:1rem;padding:16px 21px}
}
@media(max-width:760px){
 .theme-2 .hero{height:auto;min-height:0}
 .hero-picture{position:relative;inset:auto;width:100%;height:auto;order:2}
 .theme-2 .hero .hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
 .theme-2 .hero-shade{display:none}
 .theme-2 .hero h1{max-width:none;font-size:2.8rem}
 .theme-2 .hero-content>p{max-width:none}
 .monthly-grid.wrap{width:100%;grid-template-columns:1fr;gap:0;padding:0}
 .monthly-copy{padding:42px 20px}
 .monthly-copy h2{font-size:2.15rem}
 .monthly-poster{width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:1122/1402;border:0;transform:none;justify-self:stretch}
 .monthly-poster img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
}
@media(max-width:380px){.theme-2 .hero h1{font-size:2.55rem}}
