/* Eiken (/steder/eiken/ og /en/places/eiken/): det som er eget for denne
   siden. Resten er de felles stedsklossene i village-editorial.css. */

/* Aktivitetsbåndet ved Lygnevatnet: stikkordene fra avsnittet over, samlet
   etter hvor de er. Tre grupper side om side på bred skjerm, mellom to
   hårstreker, så det leses som en oversikt og ikke som mer tekst. */
.ek-aktiviteter {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
  max-width: 1060px;
  /* Like mye luft under som over: Hekkfjellet-avsnittet sto klemt mot
     den nedre hårstreken (Tom 19. okt 2026). */
  margin: var(--space-2xl) auto;
  padding: var(--space-xl);
  border-top: 1px solid var(--color-sand);
  border-bottom: 1px solid var(--color-sand);
}
.ek-aktiviteter__sted {
  margin: 0 0 var(--space-sm);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: var(--etikett);
  letter-spacing: var(--sperring-lg);
  line-height: var(--linje-etikett);
  text-transform: uppercase;
  color: var(--aksent-tekst);
}
.ek-aktiviteter__liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-xs);
}
.ek-aktiviteter__liste li {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  line-height: var(--linje-tittel);
  color: var(--color-text-primary);
}
@media (max-width: 760px) {
  .ek-aktiviteter { grid-template-columns: 1fr; gap: var(--space-lg); padding-inline: var(--space-lg); margin-inline: var(--space-md); }
}
/* Mobil: lista sto med 32 px innvendig og 48 px marg, så det ble ~100 px
   fra siste punkt til neste avsnitt (Marion 21. okt 2026). Den er ingen
   boks, bare to hårstreker, så teksten står på tekstmargen som avsnittene. */
@media (max-width: 767px) {
  .ek-aktiviteter {
    margin: var(--space-xl) 0;
    padding: var(--space-lg) 0;
  }
}

/* Sommer og vinter på Hekkfjellet: vinterbildet er vidt (16:9) og står i
   duoens stående ramme. Snølandskapet tåler det; fokus litt til venstre,
   der sola og trærne er. */
.ek-aarstider .ek-aarstider__vinter { object-position: 45% center; }

/* Stompen: bakeriet står i tittelen, så det får sin egen flate. Kildens
   korte setning er seksjonens slag, og fredag og lørdag står som
   bakeriets uke. Ingen bilde finnes ennå; seksjonen er bygd for å stå
   uten. */
.ek-stompen {
  max-width: 1060px;
  margin: var(--space-3xl) auto;
  padding: var(--space-2xl) var(--space-2xl) var(--space-xl);
  background: var(--color-sand-lys);
  border: 1px solid var(--color-sand);
  border-radius: 18px;
}
.ek-stompen__slag {
  margin: 0 0 var(--space-md);
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: var(--text-4xl);
  line-height: var(--linje-display);
  letter-spacing: var(--sperring-tett);
  color: var(--color-text-primary);
}
.ek-stompen__tekst {
  max-width: 62ch;
  margin: 0 0 var(--space-xl);
  font-size: var(--brod);
  line-height: var(--linje-brod);
  color: var(--color-text-secondary);
}
/* Bakeriet og baksten side om side under teksten (Marion 8. okt 2026).
   Fredag/lørdag-oppdelingen over bildene er tatt ut 20. okt 2026, og
   teksten står samlet; luften under den er tekstens egen marg. */
.ek-stompen__bilder {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-lg);
}
.ek-stompen__bilde { margin: 0; }
.ek-stompen__bilde img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 12px;
}
.ek-stompen__bilde figcaption {
  margin-top: var(--space-sm);
  font-size: var(--etikett-stor);
  line-height: var(--linje-etikett);
  color: var(--color-text-primary);
}
.ek-stompen__kreditt { color: var(--tekst-dempet); }

@media (max-width: 700px) {
  .ek-stompen { padding: var(--space-xl) var(--space-lg); margin-inline: var(--space-md); }
  .ek-stompen__bilder { grid-template-columns: 1fr; }
}

/* Det store sitatet med Arnes portrett (kildens «SITAT STORT» + «LAG
   RUNDT BILDE»): v-split, men bildet er lite (400 px) og rundt, og teksten
   er et sitat i displaykursiv, ikke brødtekst. Sentrert loddrett. */
.ek-sitat { align-items: center; }
.ek-sitat__portrett { max-width: 280px; margin: 0 auto; }
.ek-sitat__portrett img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.ek-sitat__portrett figcaption { text-align: center; }
.ek-sitat__tekst { margin: 0; }
.ek-sitat__sitat {
  margin: 0;
  font-family: var(--font-display);
  font-style: italic;
  font-size: var(--text-3xl);
  font-weight: 400;
  line-height: var(--linje-tittel);
  color: var(--color-midnight);
  text-wrap: balance;
}
.ek-sitat__kilde {
  display: block;
  margin-top: var(--space-md);
  font-family: var(--font-body);
  font-style: normal;
  font-size: var(--etikett);
  letter-spacing: var(--sperring-lg);
  text-transform: uppercase;
  color: var(--aksent-tekst);
}

/* Utsiktsbildet er liggende (4:3) og står i duoens stående ramme; fjellet
   og vannet ligger i midten. */
.ek-aarstider .ek-aarstider__utsikt { object-position: center 60%; }

/* Nostalgilåven-galleriet: kilden ber om «ganske små bilder», så det står
   i lesebredde, ikke kapittelbredde. Bildene er 4:3, ikke 3:2. */
.ek-galleri { max-width: 1060px; } /* lesebredden, som brødteksten over (Tom 19. okt 2026) */
.ek-galleri .v-galleri__spor { aspect-ratio: 4 / 3; }

/* Stibildet: i duoen ved Hekkfjellet på PC, under skoleboksen på mobil
   (Marion 21. okt 2026). Det skjulte bildet er lazy og hentes ikke. */
.ek-sti--mobil { display: none; }
@media (max-width: 767px) {
  .ek-sti--pc { display: none; }
  .ek-sti--mobil { display: block; }
}