/* ==========================================================================
   page-home.css · Startseite DE (home.html) und EN (en.html)
   Nur Komposition dieser Seiten. Komponenten (Hero-Showreel, Logo-Leiste, .wcard, .svc,
   .revs, .about, .acc-list, .inq, .clap) stehen in site.css.
   ========================================================================== */

/* Hero: Showreel-Poster ist LCP (site.css §09); hier nichts Zusätzliches */

/* Arbeiten-Abschnitt: Karten → Links → Band */
#arbeiten .sec-head, #work .sec-head { margin-bottom: clamp(1.75rem, 4vw, 3rem); }
.works-links { margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.works-note { margin-top: 0.75rem; font-family: var(--f-mono); font-size: 0.75rem; color: var(--muted); }
.band { margin-top: clamp(4rem, 8vw, 6.5rem); }

/* FAQ als ruhige Zweispalter, folgt direkt auf „Über mich“ */
.faq .split { align-items: start; }
@media (min-width: 900px) { .faq .col { position: sticky; top: calc(var(--head-h) + 2rem); } }

/* Über mich: Firmen-Satz bekommt etwas Luft, Team-Zeile bleibt klein */
.about-copy .ventures { max-width: 38em; }
.about-copy .links { margin-top: 0.25rem; }

/* Über mich: Werdegang als zweite Lesetiefe (Entscheidung 5); Jahr in Mono links, Text rechts */
.about-cv { max-width: 38em; }
.about-cv .acc-body { justify-items: stretch; }
.cv { display: grid; gap: 0.7rem; }
.cv li { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); gap: 0.85rem; align-items: baseline; }
.cv-y { font-family: var(--f-mono); font-variant-numeric: tabular-nums; font-size: 0.8rem; letter-spacing: 0.04em; color: var(--accent); }

/* Anfrage-Spalte: Formular + Vertrauenszeile */
.inq-main { display: grid; align-content: start; }