/* ==========================================================================
   pages/home.html · new A+ home page (owner unlocked the cover 2026-10-17; this mockup needs his OK first).
   Voice kept from the cover: "Cântecul Beciului". Header sits over the film and turns solid on scroll.
   ========================================================================== */
.pg-home .dvh-header { position: fixed; inset-inline: 0; top: 0; z-index: var(--z-header, 50); transition: background-color var(--dur-ui, 200ms) var(--ease-out), box-shadow var(--dur-ui, 200ms) var(--ease-out), color var(--dur-ui, 200ms) var(--ease-out); }
.pg-home:not(.is-scrolled) .dvh-header { background: transparent; box-shadow: none; border-color: transparent; color: var(--on-action); }
.pg-home:not(.is-scrolled) .dvh-header :is(a, button, .dvh-nav__link, .dvh-lang a) { color: var(--on-action); }
.pg-home:not(.is-scrolled) .dvh-header :is(.dvh-btn) { border-color: rgb(255 255 255 / .7); background: transparent; }
.pg-home:not(.is-scrolled) .dvh-header img { filter: brightness(0) invert(1); }
.pg-home .dvh-film--home { min-height: 100svh; }
.pg-home .dvh-film--home .dvh-film__body { padding-top: calc(var(--header-h) + var(--sp-8)); }
.pg-home-sec { padding-block: var(--sp-8); }
.pg-home-sec__head { display: grid; gap: var(--sp-2); max-width: 46rem; margin-bottom: var(--sp-6); }
.pg-home-houses { display: grid; gap: var(--sp-4); grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; }
.pg-home-house a { display: grid; gap: var(--sp-2); color: inherit; text-decoration: none; }
.pg-home-house__well { display: flex; justify-content: center; align-items: end; gap: 4px; aspect-ratio: 4 / 3; padding: var(--sp-4) var(--sp-3) var(--sp-3); background: var(--house-tint); border-radius: var(--radius-media); overflow: hidden; }
.pg-home-house__well img { height: 92%; width: auto; transition: translate 240ms var(--ease-out); }
.pg-home-house a:hover .pg-home-house__well img { translate: 0 -6px; }
/* Houses in preparation (KAVI, MOG): the concept tile fills the well; no lift on hover. */
.pg-home-house__well--art { padding: 0; }
.pg-home-house__well--art img { width: 100%; height: 100%; object-fit: cover; }
.pg-home-house a:hover .pg-home-house__well--art img { translate: none; }
/* Owner 2026-10-18: "max bottles in the frame". Cut-outs carry 5.3% transparent margin top and bottom, so 103% of the
   content box puts the glass at about 92% of it (was about 73% of the well); KAVI/MOG tiles were re-cropped to match. */
.pg-home-house__well:not(.pg-home-house__well--art) { padding: var(--sp-2) var(--sp-2) 0; }
.pg-home-house__well:not(.pg-home-house__well--art) img { height: 103%; }
.pg-home-house a:hover .pg-home-house__well:not(.pg-home-house__well--art) img { translate: 0 -4px; }
.pg-home-house__name { font-size: var(--fs-h3, 1.5rem); }
.pg-home-house__pos { color: var(--muted); font-size: 15px; margin: 0; }
.pg-home-picks { display: grid; gap: var(--col-gap, 24px); grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; }
.pg-home-visits { display: grid; gap: var(--sp-5); list-style: none; padding: 0; margin: 0; }
.pg-home-visit a { display: grid; gap: var(--sp-2); color: inherit; text-decoration: none; }
.pg-home-visit img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius-media); }
.pg-home-visit h3 { font-size: var(--fs-h3, 1.5rem); }
/* the four visits two by two (owner 2026-10-19, "arrange in 2 by 2 layout"), one column on phones; at two columns the
   drawings keep their own 16:9 frame */
@media (min-width: 600px) {
  .pg-home-visits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-home-visit img { aspect-ratio: 16 / 9; }
}
.pg-home-awards { display: grid; gap: var(--sp-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pg-home-award { border-top: 3px solid var(--deep); padding-top: var(--sp-3); }
.pg-home-award b { display: block; font-family: var(--font-display); font-size: var(--fs-h2, 2rem); font-weight: 400; line-height: 1.1; font-variant-numeric: tabular-nums; }
.pg-home-award span { color: var(--muted); font-size: 15px; }
.pg-home-more { margin-top: var(--sp-6); display: flex; flex-wrap: wrap; gap: var(--sp-3); }
@media (min-width: 900px) {
  .pg-home-houses { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-5); }
  .pg-home-picks { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pg-home-awards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* the tour prices on the home page: as on /vizite/ (owner 2026-10-19: "bigger and greenish") */
.pg-home-visit .dvh-card__price { font-size: var(--fs-price-lg); line-height: 1.2; color: var(--success); }
.pg-home-visit .dvh-card__price .dvh-per { font-size: var(--fs-meta); font-weight: var(--fw-text); color: var(--muted); }