/* ==========================================================================
   Kapcsolat oldal
   Élő értékek (csaszarszabolcsphoto.com/kapcsolat, 1280px):
     fejléckép ar 2.42 · cím 6.73vw y146 · bevezető 1.93vw y265
     1. blokk: űrlap x6.0 w35.0 · fotó x49.8 w43.0 ar 0.81
     2. blokk: fotó x6.0 w39.0 ar 0.98 · űrlap x53.8 w39.0
   ========================================================================== */

/* ---------- Fejléc: kép + ráúsztatott cím + hullámos alsó él ---------- */

.kap-hero { position: relative; aspect-ratio: 2.42; overflow: hidden; }
.kap-hero__img { position: absolute; inset: 0; }
.kap-hero__img img { width: 100%; height: 100%; object-fit: cover; object-position: 2.9% 70.4%; display: block; }

.kap-hero__text { position: relative; width: 78.9vw; margin: 0 auto; padding-top: 11.4vw; text-align: center; }
.ef .kap-hero__title { margin: 0; font-size: var(--fs-h1); line-height: 1.06; letter-spacing: var(--ls-tight); color: var(--ink-dark); }
.kap-hero__swash { display: block; width: 77.3vw; height: 1.6vw; margin: 0.5vw auto 0; overflow: visible; }
.kap-hero__swash path { fill: none; stroke: var(--ink-dark); stroke-width: 2; stroke-linecap: round; opacity: 0.55; }
.ef .kap-hero__lead { margin: 1.4vw 0 0; font-size: var(--fs-lead); line-height: 1.2; color: var(--ink-dark); }

.kap-hero__wave { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 6vw; display: block; }
.kap-hero__wave path { fill: var(--beige); }

/* ---------- Reszponzív ---------- */

@media (max-width: 900px) {
  /* Magasabb keret: a horizont a kép 63%-ánál van, így a szöveg
     biztosan a tiszta égre esik. A vízszintes kivágás a párra igazít. */
  /* Fix magasság: a horizont a kép 63%-ánál van, így minden telefon-
     szélességen ugyanoda esik, és a szöveg alatt nem marad üres ég. */
  .kap-hero { aspect-ratio: auto; height: 420px; }
  .kap-hero__img img { object-position: 78% 50%; }
  .kap-hero__text { width: auto; padding: 92px var(--edge) 0; }
  .ef .kap-hero__title { font-size: 34px; }
  .kap-hero__swash { display: none; }
  .ef .kap-hero__lead { font-size: 15px; line-height: 1.45; margin-top: 12px; }
  .kap-hero__wave { height: 32px; }

}

/* A legkeskenyebb telefonokon a szöveg több sorba tör, ezért ott még
   magasabb a keret, hogy a lead se érjen le a horizontig. */
@media (max-width: 360px) {
  .kap-hero { height: 470px; }
}