/* WARIANT A — „Prestiż": granat + złoto, elegancka kancelaria (kierunek makiety „Zespół") */
:root {
  --bg: #0D1B2E;
  --surface: #14263F;
  --surface-2: #0F2036;
  --ink: #F4EFE3;
  --muted: #A9B7CC;
  --accent: #C9A227;
  --accent-ink: #14263F;
  --good: #E6C55A;
  --bad: #E5484D;
  --line: rgba(201, 162, 39, .26);
  --logo: #C9A227;
  --radius: 14px;
  --btn-radius: 999px;
  --shadow: 0 18px 50px rgba(0, 0, 0, .35);
  --thumb-a: #16273F;
  --thumb-b: #0A1626;
  --artink: #C6CFDD;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', -apple-system, 'Segoe UI', sans-serif;
}
/* Klasyczny, symetryczny nagłówek: logo nad wyśrodkowanym menu, złota linia u góry */
.site { border-top: 3px solid var(--accent); }
@media (min-width: 721px) {
  .site .wrap { flex-direction: column; gap: 2px; padding-top: 14px; padding-bottom: 12px; min-height: 0; }
  .nav { margin-left: 0; }
  .site .btn { display: none; }
}

/* Złote akcenty i klasyczna oś symetrii */
.hero {
  background:
    radial-gradient(70% 90% at 50% -30%, rgba(201, 162, 39, .16), transparent 60%),
    var(--bg);
}
.hero h1 { font-weight: 600; }
.eyebrow::before, .eyebrow::after { content: "·"; margin-inline: 10px; opacity: .6; }
.sec-head h2 { position: relative; padding-bottom: 14px; }
.sec-head h2::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 2px; background: var(--accent);
}
.sec-head.center h2::after { left: 50%; transform: translateX(-50%); }
.suma { box-shadow: 0 10px 34px rgba(201, 162, 39, .25); }
.member { border-color: rgba(201, 162, 39, .4); }