/* Keep the guest-supplied portrait intact; preserve the existing three reading photographs. */
.reading-collage-with-view{grid-template-columns:1fr 1.05fr;grid-template-rows:repeat(3,auto);gap:18px 20px;align-items:start}
.reading-collage-with-view .reading-window{grid-column:2;grid-row:1/4;margin:0;align-self:center}
.reading-collage-with-view .reading-window img{display:block;width:100%;height:auto;aspect-ratio:941/1672;object-fit:contain}
.reading-collage-with-view .reading-main{grid-column:1;grid-row:1;height:auto}
.reading-collage-with-view .reading-detail{grid-column:1;grid-row:2}
.reading-collage-with-view .reading-shelf{grid-column:1;grid-row:3;padding-top:0}
.reading-collage-with-view .reading-main img,.reading-collage-with-view .reading-detail img,.reading-collage-with-view .reading-shelf img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}
/* Full portrait at the right of the hero leaves room for the existing copy on desktop. */
.intro-hero .hero-slides.photo-rotator>.auto-frame[src*="lettura-vista-torre-20261017"]{object-fit:contain;object-position:right center;background:var(--ink)}
@media(max-width:960px) and (min-width:601px){.reading-collage-with-view{max-width:700px;width:100%;justify-self:center}}
@media(max-width:600px){
 .reading-collage-with-view{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:24px 14px}
 .reading-collage-with-view .reading-window{grid-column:1/-1;grid-row:1;width:100%;max-width:390px;justify-self:center}
 .reading-collage-with-view .reading-main{grid-column:1/-1;grid-row:2}
 .reading-collage-with-view .reading-detail{grid-column:1;grid-row:3}
 .reading-collage-with-view .reading-shelf{grid-column:2;grid-row:3}
 .reading-collage-with-view .reading-detail img,.reading-collage-with-view .reading-shelf img{height:145px;aspect-ratio:auto}
 .intro-hero .hero-slides.photo-rotator>.auto-frame[src*="lettura-vista-torre-20261017"]{object-fit:cover;object-position:50% 50%}
}