/* ==========================================================================
   EDITORIAL KÉPRÉTEG  (kapcsolható, önálló fájl)

   Csak képelhelyezés és az ehhez szükséges szerkezet. Nem módosít
   betűtípust, betűméretet, színt vagy meglévő komponensstílust.

   VISSZAVONÁS: tools/build.py -> EDITORIAL = False, majd `python3 tools/build.py`.
   Ekkor sem ez a fájl, sem a képek nem kerülnek be az oldalakba.
   ========================================================================== */

/* Alap képkeret */
.ed{ margin:0; display:block; position:relative; overflow:hidden; background:var(--panel-2); }
.ed img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Arányok */
.ed--wide{ aspect-ratio:21/8; }
.ed--strip{ aspect-ratio:16/5; }
.ed--tall{ aspect-ratio:3/4; }
.ed--portrait{ aspect-ratio:4/5; }
.ed--land{ aspect-ratio:4/3; }
.ed--square{ aspect-ratio:1/1; }

/* Teljes szélességű kitörés a konténerből (a .wrap közvetlen gyermekeként) */
.ed-bleed{ width:100vw; margin-inline:calc(50% - 50vw); }

/* Fél oldalas kifutás a képernyő széléig (a .wrap közvetlen gyermekeként) */
.ed-bleed-l{ width:50vw; margin-left:calc(50% - 50vw); }
.ed-bleed-r{ width:50vw; margin-left:auto; margin-right:calc(50% - 50vw); }

/* Függőleges eltolás: a kép kilép a szekció ritmusából */
.ed-up{ margin-top:calc(var(--section-y) * -0.45); }
.ed-down{ margin-top:clamp(18px,3.5vw,52px); }

/* Hero: álló kép a wordmark melletti oszlopban, egy üres hasábbal elválasztva */
.hero__grid > .ed-hero{ grid-column:9 / span 4; align-self:end; }

/* Három hasábos képsor, a pillérrács vonalaira illesztve */
.ed-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px;
  background:var(--line); border-top:1px solid var(--line); }
.ed-row .ed{ aspect-ratio:5/4; }

/* Két képből álló, egymáshoz képest eltolt páros (editorial lépcső) */
.ed-pair{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(14px,1.6vw,24px); align-items:start; }
.ed-pair > :first-child{ grid-column:1 / span 7; }
.ed-pair > :last-child{ grid-column:9 / span 4; margin-top:clamp(28px,6vw,90px); }

/* Szöveg mellé futó kép a listás oldalakon */
.ed-aside{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.42fr);
  gap:clamp(20px,3vw,48px); align-items:start; }

@media (max-width:900px){
  .hero__grid > .ed-hero{ grid-column:1 / -1; margin-top:clamp(18px,4vw,30px); }
  .ed-bleed-l,.ed-bleed-r{ width:100vw; margin-inline:calc(50% - 50vw); }
  .ed-pair > :first-child,.ed-pair > :last-child{ grid-column:1 / -1; margin-top:0; }
  .ed-pair > :last-child{ margin-top:clamp(14px,3vw,24px); }
  .ed-aside{ grid-template-columns:1fr; }
  .ed-up{ margin-top:0; }
}
@media (max-width:620px){
  .ed-row{ grid-template-columns:1fr; }
  .ed--wide,.ed--strip{ aspect-ratio:16/9; }
}