/* ============================================================
   RESIDENZA — scoped character ONLY.
   Levers: Inter-only display, --bg-cool tint, crisp EVEN grid,
   horizontal scroll-snap rail, cool/minimalist voice.
   Everything else inherits base.css. NO Cormorant here.
   ============================================================ */
body.residenza{background:var(--bg-cool)}
body.residenza .section-cool{background:var(--bg-cool)}
body.residenza .section-white{background:#fff}

/* Inter-only display is the Residenza's cool signature — override the base serif */
body.residenza h1,
body.residenza h2,
body.residenza h3,
body.residenza h4{font-family:var(--font-body);font-weight:600;letter-spacing:-.02em;line-height:1.12}
body.residenza .phero h1{font-weight:600;letter-spacing:-.02em}
/* the one deliberate exception: the Cormorant statement moment stays serif for contrast */
body.residenza .statement blockquote p,
body.residenza .fullbleed .fb-line{font-family:var(--font-display-serif)}

/* ART-DIRECTED gallery grid — a tall 3:4 anchor beside wide 16:9 frames, not a uniform grid */
body.residenza .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;
  grid-auto-flow:dense}
body.residenza .gallery-grid .gallery-item img{aspect-ratio:16/10;object-fit:cover;width:100%;height:100%}
body.residenza .gallery-grid .gallery-item{overflow:hidden}
/* first tile reads as a tall portrait anchor */
body.residenza .gallery-grid .gallery-item:first-child{grid-row:span 2}
body.residenza .gallery-grid .gallery-item:first-child img{aspect-ratio:3/4}
@media (max-width:820px){body.residenza .gallery-grid{grid-template-columns:repeat(2,1fr)}
  body.residenza .gallery-grid .gallery-item:first-child{grid-row:span 2}}
@media (max-width:520px){body.residenza .gallery-grid{grid-template-columns:1fr}
  body.residenza .gallery-grid .gallery-item:first-child{grid-row:auto}
  body.residenza .gallery-grid .gallery-item:first-child img{aspect-ratio:4/3}}

/* signature: horizontal scroll-snap rail */
body.residenza .rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
body.residenza .rail figure{flex:0 0 min(78vw,520px);scroll-snap-align:start;margin:0}
body.residenza .rail figure img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);width:100%}
body.residenza .rail figcaption{font-size:.85rem;color:var(--muted);padding-top:.5rem}
body.residenza .rail-hint{font-size:.8rem;color:var(--muted);letter-spacing:.04em}

/* (hr accent inherits the neutral hairline from base.css) */