/* ==========================================================================
   Page CSS: Startseite (front-page.php)
   Per-motif crop decisions (design system v2: "Ausschnitt per
   object-position dokumentieren") and the homepage-only "near" band.
   Every object-position cites the photo register ID (foto-index).
   ========================================================================== */

/* 1 · Title band – sv-0063 (Holzsteg im Morgendunst, operator 2026-10-25;
   before sv-0004): dark text on a white veil over the pale sky; jetty and
   boats in the lower third.
   Hero h1 max-width 11em is the approved homepage value (subpages use 12em). */
.hero h1 { max-width: 11em; }
.hero-bg { object-position: 50% 33.333%; }
.hero-veil {
  background: linear-gradient(
    to bottom,
    rgb(255 255 255 / 0.6) 0%,
    rgb(255 255 255 / 0.35) 36%,
    rgb(255 255 255 / 0) 60%
  );
}
@media (max-width: 600px) {
  .hero-bg { object-position: 45% 40%; }
}

/* 3 · Fog band – background sv-0008 (Dünenweg, Nebel-Ausnahme lt.
   Redaktionsnotiz), overlaid photo sv-0025 (Haus mit Lavendel). */
.fog > .fog-bg { object-position: 50% 60%; }
.fog-photo img { object-position: 68% 40%; }

/* 4 · Room mosaic – sv-0026 (Hauptschlafzimmer, hochkant): power outlet at
   the left edge stays outside the crop. */
.mosaic .m-tall img { object-position: 62% 50%; }

/* 5 · Photo band – sv-0009 (Bank an der Uferpromenade). */
.photo-band img { object-position: 50% 62%; }

/* 6 · Near band (homepage surroundings teaser, dark) */
.near h2 { font-size: var(--fs-h2); margin-bottom: var(--space-3); }
.near-text { grid-column: 1 / span 6; }
.near-text > p { color: var(--dark-fg); max-width: 32em; font-size: var(--fs-lead); }
.near-figure { grid-column: 8 / span 5; margin: 0; align-self: start; }
.near-figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.near-figure figcaption { margin-top: var(--space-2); font-size: var(--fs-small); color: var(--dark-muted); }
@media (max-width: 960px) {
  .near-text, .near-figure { grid-column: 1 / -1; }
  .near-figure { margin-top: var(--space-8); }
}

/* 7 · Signature band – sv-0005 (einzelner Höckerschwan). */
.sig-band > img { object-position: 50% 68%; }

/* 9 · About us – sv-0075 (Gastgeber auf dem Sofa, 3:2): 4:3 crop keeps
   both faces; framing weighted to the top. */
.about h2 { font-size: var(--fs-h2); margin-bottom: var(--space-3); }
.about-figure { grid-column: 1 / span 5; margin: 0; align-self: start; }
.about-figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 30%; }
.about-text { grid-column: 7 / span 6; align-self: center; }
.about-text > p { max-width: 32em; font-size: var(--fs-lead); }
.about-text > p + p { margin-top: var(--space-3); }
@media (max-width: 960px) {
  .about-figure, .about-text { grid-column: 1 / -1; }
  .about-text { margin-top: var(--space-6); }
}