/* ==========================================================================
   Esküvő fotó aloldal
   Minden érték az élő oldalról mérve (csaszarszabolcsphoto.com/eskuvofoto,
   1280px széles nézetben). A vw-alapú méretek adják vissza a folyékony
   Squarespace-tipográfiát.
   ========================================================================== */

/* ==========================================================================
   Tipográfiai és színskála – v2
   Nyugodtabb méretek (clamp/rem, nem nyers vw), lazább sorköz, kisebb
   negatív betűköz. A cél az olvashatóság és a letisztult arány.
   ========================================================================== */
:root {
  /* felületek és szövegszínek */
  --beige:      #E1DAD0;   /* alap háttér */
  --cream:      #EBE6DE;   /* enyhén világosabb felület: kártyák, sávok */
  --mocha:      #C0A48C;   /* meleg kiemelés */
  --ink:        #3F352E;   /* főszöveg */
  --ink-soft:   #6E6058;   /* másodlagos szöveg, feliratok */
  --ink-dark:   #3F352E;
  --accent:     #8A6D60;   /* gombok, aktív állapotok */
  --line:       #3F352E1f; /* hajszálvonal */
  --btn:        #8A6D60;
  --btn-on:     #F4F0EA;

  /* betűméretek */
  --fs-display: clamp(2.4rem, 5.4vw, 4.25rem);
  --fs-h1:      clamp(2rem, 4.1vw, 3.25rem);
  --fs-h2:      clamp(1.7rem, 3.2vw, 2.5rem);
  --fs-h3:      clamp(1.4rem, 2.4vw, 1.95rem);
  --fs-h4:      clamp(1.12rem, 1.8vw, 1.42rem);
  --fs-h5:      clamp(1.02rem, 1.5vw, 1.22rem);
  --fs-lead:    clamp(1rem, 1.3vw, 1.15rem);
  --fs-body:    clamp(0.95rem, 1.08vw, 1.06rem);
  --fs-small:   clamp(0.85rem, 0.95vw, 0.94rem);
  --fs-meta:    clamp(0.72rem, 0.8vw, 0.8rem);

  /* betűköz */
  --ls-tight:  -0.022em;
  --ls-mid:    -0.012em;
  --ls-wide:    0.14em;

  /* mozgás */
  --ease: cubic-bezier(.22,.61,.36,1);

  --edge: 5vw;
  --edge-wide: 6vw;
}

/* ---------- alap ---------- */

.ef {
  font-family: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 500;
  color: var(--ink);
  background: var(--beige);
}
.ef .page { padding-top: 0; }

.ef h1, .ef h2, .ef h3, .ef h4 {
  margin: 0;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: var(--ls-tight);
  text-wrap: balance;
}
.ef p { margin: 0 0 1.05em; line-height: 1.6; }
.ef p:last-child { margin-bottom: 0; }

.ef img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ef figure { margin: 0; }

/* A közös fejléc a felső képsávon ül – világos szöveg, alatta finom sötétítés,
   hogy világos fotón is olvasható maradjon (a referencia fejléckép szerint). */
.ef .site-header { color: #FFFFFF; }
.ef .nav__sub { background: #433B2DF2; }
.ef-top { position: relative; }
.ef-top::after {
  content: "";
  position: absolute; inset: 0 0 auto 0; height: 190px;
  background: linear-gradient(#00000073, #00000000);
  pointer-events: none;
}

/* Helykitöltő (ha egy képhely még üres) */
.ph {
  position: relative;
  background: repeating-linear-gradient(45deg, #3F352E0d 0 10px, #3F352E14 10px 20px);
  outline: 1px dashed var(--line);
  outline-offset: -1px;
}
.ph::after {
  content: attr(data-slot);
  position: absolute;
  inset: 0;
  display: flex; align-items: center; justify-content: center;
  padding: 8px;
  font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-align: center;
  color: #433B2DAA;
}

/* ==========================================================================
   0 · Felső képsáv (a fejléc ezen ül)
   ========================================================================== */

.ef-top { aspect-ratio: 2.13; background: #2a2724; }
.ef-top img { object-position: 47.6% 33.6%; }

/* ==========================================================================
   1 · Bevezető – mokka háttér, szabadon pozicionált fotókkal
      élő értékek (1280px): A x2.0 y112 w15.1 · B x10.0 y472 w19.0
                            C x65.8 y262 w31.0 · szöveg x21.9 y150 w39.0
   ========================================================================== */

.ef-intro { background: var(--mocha); color: var(--ink-dark); padding: clamp(48px, 6vw, 110px) 0 clamp(56px, 7vw, 120px); }
.ef-intro__stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: clamp(22px, 3vw, 58px);
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 0 var(--edge);
}
.ef-point {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  align-content: start;
}
.ef-intro__stage .ef-point__photo {
  margin: 0 0 clamp(30px, 3.4vw, 54px);
  overflow: hidden;
  align-self: end;
  aspect-ratio: 4 / 5;
  border-radius: 50% 50% 18px 18px / 17% 17% 3% 3%;
}
.ef-point__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ef-point__title {
  margin: 0 0 clamp(12px, 1.2vw, 18px);
  text-align: center;
  font-size: var(--fs-h5);
  line-height: 1.3;
  letter-spacing: var(--ls-tight);
  font-weight: 600;
}
.ef-point__body {
  max-width: 32ch;
  margin-inline: auto;
  text-align: center;
}
.ef-point__body p {
  margin: 0 0 0.9em;
  font-size: var(--fs-small);
  line-height: 1.7;
  color: var(--ink-dark);
}
.ef-point__body p:last-child { margin-bottom: 0; }

@supports not (grid-template-rows: subgrid) {
  .ef-point { display: block; }
}

/* ==========================================================================
   2 · Ferde szélű képsáv idézettel
   ========================================================================== */

.ef-band { background: var(--mocha); }
.ef-band__media {
  position: relative;
  aspect-ratio: 3.581;
  overflow: hidden;
}
/* A kézfogás a kép magasságának 28%-ánál van; ez a kivágás hozza
   közvetlenül az idézet első sora fölé. Vízszintesen a kép középen marad. */
.ef-band__media img { object-position: 50% 37%; }
.ef-band__media::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #00000073 0%, #0000003d 38%, #00000000 60%);
}
.ef .ef-band__quote {
  position: absolute;
  left: 3.5%; top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 46%;
  margin: 0;
  color: var(--beige);
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: var(--ls-tight);
}

/* ==========================================================================
   3 · Galéria – cím, bevezető, 3 oszlopos rács
   ========================================================================== */

.ef-gallery { padding: 5.5vw var(--edge) 1.95vw; }
.ef-gallery__head { width: min(100%, 66ch); margin: 0 auto clamp(38px, 4.2vw, 78px); text-align: center; }
.ef-gallery__title {
  margin: 0 0 clamp(14px, 1.3vw, 22px);
  font-size: var(--fs-h3);
  line-height: 1.2;
  letter-spacing: var(--ls-tight);
  text-wrap: balance;
}
.ef .ef-gallery__lead {
  max-width: 62ch;
  margin: 0 auto;
  font-size: var(--fs-body);
  line-height: 1.75;
  color: var(--ink-soft);
}

.ef-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: clamp(10px, 1.1vw, 20px);
  row-gap: clamp(34px, 3.6vw, 66px);
}
.ef-card { display: block; color: inherit; text-decoration: none; }
.ef .ef-card__name {
  display: flex; align-items: baseline; gap: 0.42em;
  margin-bottom: clamp(10px, 0.9vw, 16px);
  font-size: var(--fs-h5); font-weight: 600; line-height: 1.25;
  letter-spacing: var(--ls-tight);
}
/* A nyíl állandóan látszik – érintőképernyőn ez jelzi, hogy a kártya link. */
.ef-card__arrow { color: var(--accent); transition: transform 300ms var(--ease); }
.ef-card:hover .ef-card__arrow,
.ef-card:focus-visible .ef-card__arrow { transform: translateX(5px); }

.ef-card__media { position: relative; aspect-ratio: 1.09; overflow: hidden; background: #3F352E0d; }
.ef-card__media::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, #3F352E99, #3F352E00 58%);
  opacity: 0; transition: opacity 340ms var(--ease);
}
.ef-card__media img { transition: transform 520ms var(--ease); }
.ef-card__cta {
  position: absolute; z-index: 2;
  left: 50%; bottom: clamp(14px, 1.4vw, 24px);
  transform: translate(-50%, 10px);
  padding: 0.6em 1.5em;
  font-size: var(--fs-small); line-height: 1;
  color: var(--btn-on); background: var(--btn);
  border-radius: 300px; white-space: nowrap;
  opacity: 0;
  transition: opacity 340ms var(--ease), transform 340ms var(--ease);
}
.ef-card:hover .ef-card__media img,
.ef-card:focus-visible .ef-card__media img { transform: scale(1.045); }
.ef-card:hover .ef-card__media::after,
.ef-card:focus-visible .ef-card__media::after { opacity: 1; }
.ef-card:hover .ef-card__cta,
.ef-card:focus-visible .ef-card__cta { opacity: 1; transform: translate(-50%, 0); }
.ef-card:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }

/* Érintőképernyőn nincs hover, ezért ott a felirat végig látszik – e nélkül
   a névfelirat nélküli borítókról semmi nem jelezné, hogy albumra visznek. */
@media (hover: none) {
  .ef-card__cta { opacity: 1; transform: translate(-50%, 0); }
  .ef-card__media::after { opacity: 0.7; }
}

@media (prefers-reduced-motion: reduce) {
  .ef-card__arrow, .ef-card__cta, .ef-card__media img, .ef-card__media::after { transition: none; }
}

/* ==========================================================================
   4 · Nagy állítás
   ========================================================================== */

.ef-statement { padding: clamp(31px, 3.51vw, 65px) var(--edge) clamp(25px, 2.73vw, 51px); text-align: center; }
.ef .ef-statement__title {
  width: min(100%, 66ch);
  margin: 0 auto clamp(14px, 1.3vw, 22px);
  font-size: var(--fs-h3);
  line-height: 1.2;
  letter-spacing: var(--ls-tight);
  text-wrap: balance;
}
.ef-statement__body {
  width: min(100%, 62ch);
  margin: 0 auto;
  color: var(--ink-soft);
}
.ef .ef-statement__body p { font-size: var(--fs-body); line-height: 1.75; }

/* ==========================================================================
   5 · Kollázs  (élő pozíciók a 94.8vw × 842px színpadhoz viszonyítva)
   ========================================================================== */

.ef-collage { padding: clamp(26px, 3.25vw, 62px) 0 clamp(32px, 3.9vw, 72px); }
.ef-collage__stage {
  position: relative;
  display: block;
  /* A kompozíció minden eleme százalékos, ezért a szélesség egyetlen
     korlátozása arányosan kicsinyíti az egészet. A második tag azt a
     szélességet adja, amelynél a magasság még kifér a képernyőre
     (fejléc + a szekció margói ~215 px), 20%-kal megnövelve. */
  width: min(95.93%, calc((100vh - 215px) * 1.71228));
  margin: 0 auto;
  aspect-ratio: 1367 / 958;
}
.ef-collage__stage figure {
  position: absolute;
  margin: 0;
  overflow: hidden;
}
.ef-collage__stage figure img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

/* A referencia elrendezése: a dobozok a stage szélességének, illetve
   magasságának százalékában – így minden képernyőn azonos a kompozíció. */
.ef-collage__stage figure:nth-child(1) { left: 0;       top: 0;       width: 28.602%; height: 66.910%; z-index: 2; border-radius: 25px; }
.ef-collage__stage figure:nth-child(2) { left: 16.825%; top: 4.175%;  width: 32.773%; height: 32.881%; z-index: 1; }
.ef-collage__stage figure:nth-child(3) { left: 54.572%; top: 0;       width: 24.433%; height: 45.616%; z-index: 2; border-radius: 25px; }
.ef-collage__stage figure:nth-child(4) { left: 71.397%; top: 21.190%; width: 28.602%; height: 54.070%; z-index: 1; }
.ef-collage__stage figure:nth-child(5) { left: 25.165%; top: 50.939%; width: 37.015%; height: 37.056%; z-index: 1; }
.ef-collage__stage figure:nth-child(6) { left: 46.233%; top: 68.789%; width: 32.773%; height: 31.211%; z-index: 2; border-radius: 25px; }
.ef-collage__stage figure:nth-child(4) img { object-position: 45.81% 64.81%; }

/* ==========================================================================
   6 · Záró szöveg + teljes szélességű kép
   ========================================================================== */

.ef-closing { padding: 1.6vw var(--edge) 3vw; text-align: center; }
/* Záró gondolat: a szekciócímeknél kisebb, kiegyensúlyozott sorokkal,
   hogy egyetlen összefüggő mondatnak látsszon, ne feliratnak. */
.ef .ef-closing__body {
  width: min(100%, 42ch);
  margin: 0 auto;
  font-size: var(--fs-h4);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: var(--ls-tight);
  text-wrap: balance;
}
.ef-wide { aspect-ratio: 2.66; }
.ef-wide img { object-position: 41.7% 80.0%; }

/* ==========================================================================
   7 · GYIK  (3 oszlop: x4.0 / 34.6 / 65.1, szélesség 25.9%)
   ========================================================================== */

.ef-faq { padding: 4.5vw var(--edge-wide) 3vw; }
.ef-faq__title { font-size: var(--fs-h1); line-height: 1.06; margin-bottom: 3vw; }
.ef-faq__cols {
  display: grid;
  grid-template-columns: repeat(3, 25.9fr);
  column-gap: 4.65%;
  row-gap: 3.2vw;
  justify-content: start;
}
.ef-faq__q { font-size: var(--fs-h4); line-height: 1.2; margin-bottom: 1.4vw; }
.ef-faq__a { font-size: var(--fs-body); }
.ef-faq__a strong { font-weight: 700; }

/* ==========================================================================
   8 · Esküvői megkeresés
   ========================================================================== */

.ef-contact { padding: clamp(56px, 6.5vw, 118px) var(--edge-wide); background: var(--beige); }

.ef-contact__card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
  max-width: 1240px;
  margin: 0 auto;
  background: var(--cream);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 22px 60px -34px rgba(63, 53, 46, 0.42);
}
.ef-contact__panel { min-height: clamp(420px, 34vw, 560px); padding: clamp(34px, 4vw, 68px) clamp(26px, 3.6vw, 62px); }
.ef-contact__title {
  margin: 0 0 0.5em;
  max-width: 14em;
  font-size: var(--fs-h3);
  line-height: 1.15;
  letter-spacing: var(--ls-tight);
}
.ef-contact__lead {
  max-width: 34em;
  margin: 0 0 clamp(26px, 2.8vw, 40px);
  font-size: var(--fs-body);
  line-height: 1.7;
  color: var(--ink-soft);
}

.ef-contact__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: clamp(48px, 7vw, 132px) 0 0 0;
}
.ef-contact__media img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
}

/* Tükrözött változat: a fotó balra kerül, az ív a belső (jobb felső) sarokba. */
.ef-contact--flip .ef-contact__panel { order: 2; }
.ef-contact--flip .ef-contact__media { order: 1; border-radius: 0 clamp(48px, 7vw, 132px) 0 0; }

/* Két megkeresés egymás után: ne duplázódjon a szekciók térköze. */
.ef-contact + .ef-contact { padding-top: 0; }

.ef-form { width: auto; max-width: 560px; font-size: var(--fs-body); }
.ef-form__legend { display: block; margin-bottom: 8px; color: var(--ink-soft); }
.ef-field { margin-bottom: clamp(14px, 1.3vw, 20px); }
.ef-field__label { display: block; margin-bottom: 7px; font-size: var(--fs-small); color: var(--ink-soft); }
.ef-field__label .opt { opacity: 0.6; font-size: 0.88em; }
.ef-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 1.1vw, 16px); }

.ef-form input,
.ef-form textarea {
  width: 100%;
  padding: 0.72em 1.1em;
  font: inherit;
  color: var(--ink);
  background: #FFFFFF66;
  border: 1px solid var(--line);
  border-radius: 14px;
  transition: border-color 180ms ease, background-color 180ms ease;
}
.ef-form textarea { min-height: 118px; resize: vertical; }
.ef-form input::placeholder, .ef-form textarea::placeholder { color: var(--ink-soft); opacity: 0.7; }
.ef-form input:hover, .ef-form textarea:hover { border-color: #3F352E4d; }
.ef-form input:focus, .ef-form textarea:focus {
  outline: none;
  background: #FFFFFFb3;
  border-color: var(--accent);
}
.ef-form input:focus-visible,
.ef-form textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.ef-submit {
  display: inline-block;
  margin: clamp(8px, 1vw, 16px) 0 0;
  min-width: 190px;
  padding: 0.85em 2.4em;
  font: inherit;
  letter-spacing: 0.01em;
  color: var(--btn-on);
  background: var(--btn);
  border: 0;
  border-radius: 300px;
  cursor: pointer;
  transition: background-color 200ms ease, transform 200ms ease;
}
.ef-submit:hover { background: #785C50; }
.ef-submit:active { transform: translateY(1px); }
.ef-submit:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }

/* ==========================================================================
   Reszponzív – 900px alatt álló elrendezés, px-alapú tipográfia
   ========================================================================== */

@media (max-width: 900px) {
  :root { --edge: 22px; --edge-wide: 22px; }

  .ef-top { aspect-ratio: 16/10; }

  /* Bevezető mobilon: cím → szöveg → képek sorrendben */
  .ef-intro__stage { display: flex; flex-direction: column; gap: 34px; width: auto; padding: 0 var(--edge); }
  .ef-point { display: flex; flex-direction: column; }
    .ef-intro__stage .ef-point__photo { margin-bottom: 22px; }
  .ef-point__title { font-size: 21px; margin-bottom: 10px; }
  .ef-point__body p { font-size: 15.5px; line-height: 1.7; }

  .ef-band__media { aspect-ratio: 4/3; }
  /* Keskeny kijelzőn a ruha nem kerülhető ki, ezért ott a teljes kép
     erősebben tompított – így a tört fehér szöveg mindenhol olvasható. */
  .ef-band__media::after { background: linear-gradient(90deg, #000000a6 0%, #00000085 58%, #0000005c 100%); }
  .ef .ef-band__quote { left: var(--edge); top: 50%; width: calc(100% - 2 * var(--edge)); font-size: 26px; }

  .ef-gallery { padding: 40px var(--edge) 28px; }
  .ef-gallery__head { width: auto; margin-bottom: 30px; }
  .ef-gallery__title { font-size: 26px; }
  .ef .ef-gallery__lead { font-size: 15.5px; line-height: 1.7; }
  .ef-card__cta { font-size: 13px; padding: 0.55em 1.2em; }
  .ef-grid { grid-template-columns: 1fr; row-gap: 26px; }
  .ef .ef-card__name { font-size: 20px; margin-bottom: 8px; }

  .ef-statement { padding: 34px var(--edge) 30px; }
  .ef-statement__title { font-size: 26px; }
  .ef-statement__body { width: auto; }
  .ef .ef-statement__body p { font-size: 15.5px; line-height: 1.7; }

  .ef-collage { padding: 34px var(--edge) 40px; }
  .ef-collage__stage { width: auto; aspect-ratio: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .ef-collage__stage figure:nth-child(n) {
    position: static; left: auto; top: auto;
    width: auto; height: auto; aspect-ratio: 4 / 5;
    border-radius: 14px; z-index: auto;
  }

  .ef-closing { padding: 18px var(--edge) 28px; }
  .ef .ef-closing__body { width: auto; font-size: 18px; line-height: 1.45; }
  .ef-wide { aspect-ratio: 4/3; }

  .ef-faq { padding: 40px var(--edge-wide) 24px; }
  .ef-faq__title { font-size: 42px; margin-bottom: 24px; }
  .ef-faq__cols { grid-template-columns: 1fr; column-gap: 0; row-gap: 26px; }
  .ef-faq__q { font-size: 20px; margin-bottom: 12px; }
  .ef-faq__a { font-size: 14px; line-height: 1.45; }

  .ef-contact { padding: 40px var(--edge) 48px; }
  .ef-contact__card { grid-template-columns: 1fr; border-radius: 20px; }
  .ef-contact__panel { min-height: clamp(420px, 34vw, 560px); padding: 28px 22px 32px; order: 2; }
  .ef-contact__title { font-size: 27px; margin-bottom: 12px; }
  .ef-contact__lead { font-size: 15px; margin-bottom: 22px; }
  .ef-form { width: auto; max-width: none; font-size: 15px; }
  .ef-contact__media { order: 1; aspect-ratio: 3/2; border-radius: 0; }
  /* Régebbi iOS Safarin az aspect-ratio és a position:absolute együtt
     összeomlik, ezért mobilon a kép a szokásos módon tölti ki a keretet. */
  .ef-contact__media img { position: static; inset: auto; width: 100%; height: 100%; }
  .ef-submit { width: 100%; min-width: 0; }
}

@media (max-width: 560px) {
  .ef-collage__stage { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .ef-card__media img { transition: none; }
}

/* ==========================================================================
   v2 finomítások – tónus, felületek, mozgás
   ========================================================================== */

/* A szövegsűrű záró blokk (GYIK + megkeresés) egy árnyalattal világosabb
   felületen ül: csendes tagolás, egy szín bevezetése nélkül. */
.ef-faq { background: var(--cream); }
.ef-faq { padding-top: clamp(56px, 6vw, 110px); }

/* Kérdés és válasz elválasztása hajszálvonallal */
.ef-faq__cols > div { padding-top: 1.4vw; border-top: 1px solid var(--line); }
.ef .ef-faq__q { margin-bottom: 0.9vw; }

.ef .ef-field__label { color: var(--ink-soft); font-size: var(--fs-small); }


/* Képek: egységes, finom nagyítás hoverre */
.ef-card__media img { transition: transform 800ms var(--ease); }
.ef-card:hover .ef-card__media img,
.ef-card:focus-visible .ef-card__media img { transform: scale(1.04); }

/* Fókuszgyűrű egységesen */
.ef a:focus-visible, .ef button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Világos hátterű oldalakon a fejléc sötét szöveggel (minden oldal betölti
   ezt a fájlt, ezért itt a helye – korábban csak az album.css-ben volt) */
.album-page .site-header { color: var(--ink); }
.album-page .site-header .logo,
.album-page .site-header .nav__link { color: var(--ink); }
.album-page .nav__sub { background: #D8CFC3; }
.album-page .nav { background: var(--beige); }

/* ==========================================================================
   Készülő oldal – egyelőre a Blog használja
   ========================================================================== */

.soon {
  display: grid;
  place-items: center;
  min-height: 62vh;
  padding: clamp(90px, 12vw, 200px) var(--edge);
  text-align: center;
}
.ef .soon__text {
  margin: 0;
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: var(--ls-tight);
  color: var(--ink-soft);
}

/* Netlify űrlapok bot-csapdája – valódi látogató sosem látja */
.rejtett { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }