/* Peak Advisors — geteilte Struktur-Komponenten (Split, Statement, Feature-Liste)
   Eingebunden auf allen Seiten via <link>. Nutzt die pro Seite definierten
   Farb-Tokens (--ink, --ink2, --gold-dim, --navy-deep, --papier, --line …). */

/* ===== SPACING-SYSTEM (8px-Basis) ===== */
:root{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px}

/* ===== SPLIT-LAYOUT (Text + Foto alternierend) ===== */
.split{padding:clamp(56px,8vw,96px) 48px}
.split-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.split-flip .split-media{order:-1}
.split-body{max-width:520px}
.split-eyebrow{font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:3px;color:var(--gold-dim);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:20px}
.split-eyebrow::before{content:'';width:28px;height:1px;background:var(--gold-dim)}
.split h2{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.6vw,46px);font-weight:600;line-height:1.12;margin-bottom:22px;color:var(--ink);letter-spacing:-0.3px}
.split h2 em{font-style:italic;color:var(--gold-dim)}
.split-lead{font-size:16.5px;color:var(--ink2);line-height:1.85;margin-bottom:28px}
.split-lead strong{color:var(--ink);font-weight:600}
.split-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 20px 50px rgba(16,30,49,0.16)}
.split-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.9) brightness(0.98)}
.split-media::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(31,58,95,0.12),transparent 55%);pointer-events:none}
.split-media-badge{position:absolute;left:20px;bottom:20px;background:rgba(23,51,90,0.92);backdrop-filter:blur(6px);border:1px solid rgba(201,168,76,0.35);border-radius:10px;padding:12px 16px;max-width:70%}
.split-media-badge .b-num{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--gold-light);line-height:1}
.split-media-badge .b-label{font-size:11px;color:#C9D3DD;letter-spacing:0.5px;margin-top:3px}

/* Feature-Liste (statt Karten) */
.feat-list{display:flex;flex-direction:column;gap:var(--s3)}
.feat{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.feat-ic{width:42px;height:42px;border-radius:11px;background:var(--gold-faint);border:1px solid rgba(201,168,76,0.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-tt{font-size:15.5px;font-weight:600;color:var(--ink);margin-bottom:5px}
.feat-tx{font-size:14px;color:var(--ink2);line-height:1.68}

/* ===== STATEMENT-BAND (vollflächig dunkel, Emphasis) ===== */
.statement{background:var(--navy-deep);position:relative;overflow:hidden;padding:clamp(64px,9vw,110px) 48px;text-align:center}
.statement::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(31,58,95,0.4),transparent),url('fotos/besprechungsraum.jpg') center/cover;opacity:0.14;filter:grayscale(0.3)}
.statement::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 50% 50%,rgba(201,168,76,0.06),transparent 70%);pointer-events:none}
.statement-inner{max-width:820px;margin:0 auto;position:relative}
.statement-mark{font-family:'Cormorant Garamond',serif;font-size:72px;color:rgba(201,168,76,0.32);line-height:0.6;margin-bottom:18px;user-select:none}
.statement blockquote{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,4vw,44px);font-style:italic;font-weight:500;color:#F4F1E9;line-height:1.28;margin:0}
.statement blockquote em{color:var(--gold-light);font-style:normal}
.statement-sub{margin-top:24px;font-size:13px;color:#8FA9C0;letter-spacing:2px;text-transform:uppercase}

/* ===== SEKTIONS-KOPF asymmetrisch (linksbündig) ===== */
.sec-head{max-width:1160px;margin:0 auto;margin-bottom:var(--s5)}
.sec-head.center{text-align:center}
.sec-head .eyebrow{margin-bottom:16px}
.sec-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3.4vw,42px);font-weight:600;color:var(--ink);line-height:1.14;margin-bottom:14px;letter-spacing:-0.3px}
.sec-head h2 em{font-style:italic;color:var(--gold-dim)}
.sec-head p{font-size:16px;color:var(--ink2);line-height:1.8;max-width:600px}
.sec-head.center p,.sec-head.center .eyebrow{margin-left:auto;margin-right:auto}
.sec-head.center .eyebrow{justify-content:center}.sec-head.center .eyebrow::before{display:none}

@media(max-width:960px){
  .split{padding:52px 20px}
  .split-inner{grid-template-columns:1fr;gap:36px}
  .split-flip .split-media{order:0}
  .split-body{max-width:none}
  .statement{padding:64px 20px}
  .sec-head{margin-bottom:32px}
}