/* Šířky, sekce, nadpisy, dvousloupcový rozvrh, citace */

/* ============================================================
   LAYOUT
   ============================================================ */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section-y);position:relative}
@media (min-width:1024px){ :root{--section-y:4rem} }
.section--dark{background:var(--navy);color:var(--cream)}
.section--tint{background:var(--sand)}
.section--clinic{background:var(--navy-2)}
.section--dark + .section--dark{border-top:1px solid var(--line-dk)}
.nb{white-space:nowrap}
section[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}

/* Štítek sekce */
.eyebrow{
  display:flex;align-items:center;gap:.75em;
  font-size:.6875rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-text);margin:0 0 clamp(20px,2.5vw,32px)
}
.eyebrow > *{min-width:0}
.eyebrow::before{content:"";width:clamp(26px,3vw,46px);height:1px;background:var(--gold);opacity:.8;flex:none}
.section--dark .eyebrow{color:var(--gold-lt)}
.section--dark .eyebrow::before{background:var(--gold-lt);opacity:.6}

/* Nadpisy */
.h-display{font-family:var(--ff-display);font-size:clamp(2.4rem,4.6vw,3.75rem);font-weight:400;line-height:1.1;letter-spacing:-.018em}
.h-1{font-size:clamp(2rem,3.5vw,2.95rem);font-weight:400;letter-spacing:-.015em;line-height:1.14}
/* Klíčová sekce pro pacientku — o stupeň výš než ostatní nadpisy */
.h-1--key{font-size:clamp(2.3rem,4.1vw,3.4rem);letter-spacing:-.018em;line-height:1.1}
.h-2{font-size:clamp(1.7rem,2.7vw,2.35rem);font-weight:400;letter-spacing:-.012em;line-height:1.2}
.h-3{font-family:var(--ff-display);font-size:clamp(1.18rem,1.4vw,1.35rem);font-weight:500;letter-spacing:-.012em;line-height:1.3}

.lead{font-size:1.0625rem;line-height:1.85;color:var(--ink-2);font-weight:300;letter-spacing:0}
.section--dark .lead{color:var(--muted-dk)}
.prose{max-width:62ch;color:var(--muted)}
.prose strong{color:var(--text);font-weight:500}
.section--dark .prose{color:var(--muted-dk)}
.section--dark .prose strong{color:var(--cream);font-weight:400}
.small{font-size:.9rem;line-height:1.7}
.tiny{font-size:.8rem;line-height:1.65}

/* ============================================================
   DVOUSLOUPCOVÝ ROZVRH + CITACE
   ============================================================ */
.split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,7vw,110px);align-items:start}
@media (max-width:920px){.split{grid-template-columns:1fr;gap:40px}}
.sticky{position:sticky;top:120px}
@media (max-width:920px){.sticky{position:static}}

.quote{
  margin:clamp(34px,4vw,52px) 0 0;padding:clamp(28px,3vw,38px) 0 0;border-top:1px solid var(--line-gold);
  font-family:var(--ff-display);font-size:clamp(1.26rem,1.85vw,1.62rem);font-weight:400;font-style:italic;
  line-height:1.46;letter-spacing:-.014em;color:var(--text)
}
.section--dark .quote{color:var(--cream);border-color:var(--line-dk)}
.quote cite{display:block;margin-top:1.1em;font-family:var(--ff-sans);font-style:normal;
  font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text)}
.section--dark .quote cite{color:var(--gold-lt)}
@media (max-width:560px){ .eyebrow{font-size:.68rem;letter-spacing:.16em} }