/* ============================================================
   VILLA — scoped character ONLY.
   Levers: Cormorant display accent (+ Inter body), --bg-warm tint,
   arched/clip-path image framing echoing the loggia, looser editorial
   gallery rhythm, warmer/slower voice, loggia parallax.
   Everything else inherits base.css.
   ============================================================ */
body.villa{background:var(--bg-warm)}
body.villa .section-warm{background:var(--bg-warm)}
body.villa .section-white{background:#fff}

/* Cormorant carries display (matches base); Villa runs a touch grander + looser tracking */
body.villa h1,
body.villa h2,
body.villa .display-accent{font-family:var(--font-display-serif);font-weight:600;letter-spacing:-.005em;line-height:1.05}
body.villa h1{font-size:var(--step-4)}
body.villa h2{font-size:var(--step-3)}
body.villa .phero .phero-sub,
body.villa .lede{font-style:normal}
/* restrained accent under the eyebrow — an ultra-fine neutral hairline (no brass) */
body.villa .eyebrow{padding-bottom:.4rem;border-bottom:1px solid var(--line);display:inline-block}

/* SIGNATURE: arched framing echoing the colonnade */
body.villa .arched img,
body.villa .arched{border-top-left-radius:120px;border-top-right-radius:120px;overflow:hidden}
body.villa .arched img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
body.villa .phero{border-bottom-left-radius:0}

/* parallax layer */
body.villa .phero .phero-img[data-parallax]{will-change:transform;transform:scale(1.12)}

/* looser editorial gallery rhythm (masonry-ish columns) */
body.villa .gallery-editorial{columns:3 260px;column-gap:1rem}
body.villa .gallery-editorial .gallery-item{break-inside:avoid;margin-bottom:1rem;width:100%}
body.villa .gallery-editorial .gallery-item img{width:100%;border-radius:var(--radius)}
@media (max-width:640px){body.villa .gallery-editorial{columns:1}}

body.villa .btn-ghost:hover{border-color:var(--green)}