/* ========== Kolibri — Base (light only) ========== */
/* Fonts (shared) */
@font-face { font-family: 'Soehne'; src: url('../fonts/soehne-leicht.otf') format('opentype'); font-weight:300; font-style:normal; }
@font-face { font-family: 'Soehne'; src: url('../fonts/soehne-leichtkursiv.otf') format('opentype'); font-weight:300; font-style:italic; }
@font-face { font-family: 'Soehne'; src: url('../fonts/soehne-buch.otf') format('opentype'); font-weight:400; font-style:normal; }
@font-face { font-family: 'Soehne'; src: url('../fonts/soehne-buchkursiv.otf') format('opentype'); font-weight:400; font-style:italic; }

/* Reset & tokens */
* { box-sizing: border-box; }
:root{
  --bg:#fff; --text:#1f1f1f; --muted:#555;
  --peach:#FEF1D5; --lilac:#EECDF6;
  --card:#fafafa; --line:#eee;
  --radius:16px; --maxw:1100px; --gap:2rem;
  --shadow:0 10px 24px rgba(0,0,0,.06);
}
html,body{
  margin:0; padding:0; background:var(--bg); color:var(--text);
  font-family:'Soehne',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;
}

/* Layout helpers */
.wrap{ max-width:var(--maxw); margin:0 auto; padding:1.25rem; }

/* Optional page header (when used outside nav) */
.page-header{
  background: linear-gradient(to right, var(--peach), var(--bg) 65%);
  border-bottom:1px solid var(--line);
  padding:2.5rem 0 2rem; margin-bottom:1rem;
}
.page-title{ font-size:clamp(1.8rem,3.2vw,2.4rem); font-weight:800; line-height:1.15; margin:0; }
.page-subtitle{ margin-top:.35rem; color:var(--muted); font-weight:300; }

/* Splitter */
.splitter{
  height:12px; background:linear-gradient(90deg,var(--peach),var(--lilac));
  border-radius:999px; margin:1rem 0 2rem;
}

/* Generic two-column content sections */
.section{
  display:grid; grid-template-columns:1.05fr .95fr;
  gap:var(--gap); align-items:center;
  padding:clamp(1.5rem,4vw,2.5rem) 0;
  border-bottom:1px solid var(--line);
}
.section:last-of-type{ border-bottom:0; }
.section:nth-child(even) .col-text{ order:2; }
.section:nth-child(even) .col-media{ order:1; }

.col-text h2{
  margin:0 0 .5rem; font-weight:800;
  font-size:clamp(1.2rem,2.2vw,1.6rem);
}
.col-text p{ margin:0 0 .9rem; }
.lead{ font-size:1.05rem; }

.col-media{ width:100%; }
.figure{
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
}
.figure img{ display:block; width:100%; height:100%; aspect-ratio:4/3; object-fit:cover; }

/* Footer (generic) */
.footer{ color:var(--muted); font-size:.9rem; padding:2.5rem 0 3rem; border-top:1px solid var(--line); }

/* Responsive */
@media (max-width:900px){
  .section{ grid-template-columns:1fr; }
  .section .col-text{ order:1 !important; }
  .section .col-media{ order:2 !important; }
}