/* =====================================================
   VARNA HOME CENTER — Брой 5, юни 2026
   ВАРИАНТ 2 · EDITORIAL MAGAZINE
   Inspired by: The Gentlewoman, Apartamento, Kinfolk —
   minimalist, photo-led, generous whitespace, big serif display.
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Inter:wght@200;300;400;500;600;700&family=Caveat:wght@400;500;700&display=swap');

:root {
  --paper:    #FAFAF7;
  --ink:      #14130E;
  --text:     #2A2823;
  --muted:    #6F6C63;
  --line:     #DAD5C6;
  --warm:     #C9A87C;
  --warm-deep:#876B40;
  --rose:     #B25C5C;
  --sage:     #6E7F61;
  --sea:      #345863;

  --serif:    "Cormorant Garamond", "Times New Roman", serif;
  --display:  "Italiana", "Cormorant Garamond", serif;
  --sans:     "Inter", system-ui, sans-serif;
  --script:   "Caveat", cursive;
}

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
@page { size: A4 portrait; margin: 0; }

html, body {
  background: #E5E1D6;
  font-family: var(--sans);
  font-size: 10pt; line-height: 1.55;
  color: var(--text);
  font-feature-settings: "kern" 1, "liga" 1, "onum" 1;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
strong, b { font-weight: 600; }

.page {
  position: relative;
  width: 210mm; height: 297mm;
  background: var(--paper);
  margin: 8mm auto;
  overflow: hidden;
  box-shadow: 0 4px 28px rgba(0,0,0,0.12);
  page-break-after: always;
  break-after: page;
}
.page:last-child { page-break-after: auto; break-after: auto; }
@media print { .page { box-shadow: none; margin: 0; } }

/* ---------- Type system ---------- */
.eyebrow {
  font-family: var(--sans);
  font-size: 7.5pt;
  letter-spacing: 4pt;
  text-transform: uppercase;
  color: var(--warm-deep);
  font-weight: 500;
}
.script {
  font-family: var(--script);
  color: var(--warm-deep);
}
.display {
  font-family: var(--display);
  font-weight: 400;
  letter-spacing: -0.3pt;
  line-height: 0.92;
  color: var(--ink);
}
.serif {
  font-family: var(--serif);
  color: var(--ink);
}
.serif-it { font-family: var(--serif); font-style: italic; color: var(--ink); }
.kicker {
  font-family: var(--sans);
  font-size: 7.5pt;
  letter-spacing: 3.5pt;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ink);
}
.divider-thin { height: 0.4pt; background: var(--line); }
.divider-warm { height: 1pt; background: var(--warm); width: 16mm; }

/* ---------- Editorial nav strips (replace gold bars) ---------- */
.strip-top {
  position: absolute; top: 0; left: 0; right: 0; height: 8mm;
  padding: 0 14mm;
  display: flex; align-items: center; justify-content: space-between;
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 3pt; text-transform: uppercase; color: var(--ink);
  border-bottom: 0.4pt solid var(--line);
  background: var(--paper);
  z-index: 5;
}
.strip-top .left { font-weight: 600; }
.strip-top .center { color: var(--muted); letter-spacing: 2.5pt; }
.strip-top .right { font-weight: 500; }

.strip-bot {
  position: absolute; bottom: 0; left: 0; right: 0; height: 12mm;
  padding: 0 14mm;
  display: flex; align-items: center; justify-content: space-between;
  border-top: 0.4pt solid var(--line);
  font-family: var(--sans); font-size: 7.5pt;
  letter-spacing: 1.5pt; text-transform: uppercase; color: var(--muted);
  background: var(--paper);
  z-index: 5;
}
.strip-bot .pageno {
  font-family: var(--display); font-size: 16pt;
  color: var(--ink); letter-spacing: 0;
}
.strip-bot a { color: var(--ink); letter-spacing: 1.5pt; }
.strip-bot .center {
  display: flex; gap: 6mm; align-items: center;
}
.strip-bot .center img { width: 4mm; height: 4mm; opacity: 0.7; }

/* ---------- Content area ---------- */
.content {
  position: absolute;
  top: 8mm; bottom: 12mm; left: 0; right: 0;
  padding: 12mm 14mm;
  overflow: hidden;
}

/* =============== COVER (page 1) ================ */
.cover {
  width: 210mm; height: 297mm;
  background: var(--paper);
  position: relative;
  overflow: hidden;
}
.cover__chrome {
  position: absolute; top: 0; left: 0; right: 0; height: 14mm;
  padding: 0 14mm;
  display: flex; align-items: center; justify-content: space-between;
  font-family: var(--sans); font-size: 7.5pt;
  letter-spacing: 3pt; text-transform: uppercase; color: var(--ink);
  z-index: 6;
  background: var(--paper);
  border-bottom: 0.4pt solid var(--line);
}
.cover__chrome .l { font-weight: 600; }
.cover__chrome .r { font-family: var(--display); font-size: 14pt; letter-spacing: 1pt; color: var(--ink); text-transform: none; }

.cover__hero {
  position: absolute; top: 14mm; bottom: 0; left: 0; right: 0;
  display: grid; grid-template-columns: 1fr 86mm;
}
.cover__art-wrap {
  position: relative;
  overflow: hidden;
}
.cover__art-wrap img,
.cover__art-wrap svg {
  width: 100%; height: 100%; object-fit: cover;
  filter: saturate(1.05);
}
.cover__art-wrap::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(20,19,14,0.18) 100%);
}
.cover__title {
  position: absolute;
  left: 14mm; bottom: 28mm; right: 14mm;
  color: #FFF;
  z-index: 4;
  pointer-events: none;
}
.cover__title .eye {
  font-family: var(--sans); font-size: 8pt;
  letter-spacing: 4pt; text-transform: uppercase; font-weight: 500;
  margin-bottom: 4mm;
  text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}
.cover__title h1 {
  font-family: var(--display);
  font-weight: 400;
  font-size: 78pt;
  line-height: 0.9;
  letter-spacing: -1pt;
  text-shadow: 0 2px 16px rgba(0,0,0,0.35);
  margin-bottom: 4mm;
}
.cover__title h1 i { font-family: var(--serif); font-style: italic; font-weight: 300; font-size: 0.65em; }
.cover__title .standfirst {
  font-family: var(--serif); font-style: italic; font-size: 14pt;
  line-height: 1.35; max-width: 110mm;
  color: rgba(255,255,255,0.95);
  text-shadow: 0 1px 8px rgba(0,0,0,0.4);
}

.cover__rail {
  background: var(--paper);
  padding: 16mm 10mm 8mm 10mm;
  display: flex; flex-direction: column; gap: 8mm;
  border-left: 0.4pt solid var(--line);
}
.cover__masthead {
  display: flex; flex-direction: column; gap: 1.5mm;
}
.cover__masthead .mark {
  font-family: var(--display);
  font-size: 32pt;
  letter-spacing: 0;
  color: var(--ink);
  line-height: 0.95;
}
.cover__masthead .mark .amp { color: var(--warm-deep); font-style: italic; font-family: var(--serif); }
.cover__masthead .sub {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 4pt; text-transform: uppercase;
  color: var(--muted); margin-top: 1.5mm;
}
.cover__masthead .est {
  font-family: var(--serif); font-style: italic; font-size: 9pt;
  color: var(--warm-deep); margin-top: 1mm;
}

.cover__index .h {
  font-family: var(--sans); font-size: 7.5pt;
  letter-spacing: 3.5pt; text-transform: uppercase;
  color: var(--ink); font-weight: 600; margin-bottom: 4mm;
  border-bottom: 0.4pt solid var(--line);
  padding-bottom: 2mm;
}
.cover__index .row {
  display: flex; gap: 3mm; align-items: baseline;
  padding: 2.5mm 0;
  border-bottom: 0.3pt dotted var(--line);
}
.cover__index .row .pg {
  font-family: var(--display); font-size: 14pt;
  color: var(--warm-deep); flex: 0 0 9mm;
}
.cover__index .row .ttl {
  flex: 1;
}
.cover__index .row .ttl .t {
  font-family: var(--serif); font-style: italic;
  font-size: 11pt; color: var(--ink);
  line-height: 1.2;
}
.cover__index .row .ttl .sub {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 1.5pt; text-transform: uppercase;
  color: var(--muted); margin-top: 0.5mm;
}

.cover__maya {
  border-top: 0.4pt solid var(--line);
  padding-top: 5mm;
  display: grid; grid-template-columns: 22mm 1fr; gap: 4mm; align-items: center;
}
.cover__maya .pic { width: 22mm; height: 22mm; border-radius: 50%; overflow: hidden; }
.cover__maya .pic img { width: 100%; height: 100%; object-fit: cover; }
.cover__maya .nm { font-family: var(--display); font-size: 14pt; color: var(--ink); line-height: 1; }
.cover__maya .ro { font-family: var(--serif); font-style: italic; font-size: 10pt; color: var(--warm-deep); }
.cover__maya .qu { font-family: var(--serif); font-style: italic; font-size: 8.5pt; color: var(--muted); margin-top: 1mm; line-height: 1.25; }

.cover__sub {
  display: flex; flex-direction: column; gap: 2mm;
}
.cover__sub .lbl { font-family: var(--sans); font-size: 7pt; letter-spacing: 3.5pt; text-transform: uppercase; color: var(--muted); }
.cover__sub .url {
  font-family: var(--display); font-size: 13pt;
  border-bottom: 0.6pt solid var(--ink);
  padding-bottom: 1mm;
  color: var(--ink);
}
.cover__sub .url::before { content: "→ "; color: var(--warm-deep); }
.cover__sub .social {
  display: flex; gap: 2.5mm; margin-top: 2mm; align-items: center;
}
.cover__sub .social img { width: 5mm; height: 5mm; opacity: 0.7; }

/* =============== FEATURE (page 2) ================ */
.feature-v2 {
  display: grid; grid-template-columns: 84mm 1fr; gap: 10mm;
  height: 100%;
}
.feature-v2__photo {
  margin-left: -14mm; margin-top: -12mm; margin-bottom: -8mm;
  height: calc(100% + 20mm);
  overflow: hidden;
}
.feature-v2__photo img, .feature-v2__photo svg { width: 100%; height: 100%; object-fit: cover; }
.feature-v2__text {
  padding-right: 0;
}
.feature-v2__text .eyebrow { margin-bottom: 4mm; }
.feature-v2__text h1 {
  font-family: var(--display);
  font-weight: 400;
  font-size: 48pt;
  line-height: 0.92;
  letter-spacing: -0.8pt;
  color: var(--ink);
  margin-bottom: 4mm;
}
.feature-v2__text h1 .it { font-family: var(--serif); font-style: italic; font-weight: 300; }
.feature-v2__text .standfirst {
  font-family: var(--serif); font-style: italic;
  font-size: 14pt; line-height: 1.35;
  color: var(--ink); margin-bottom: 6mm;
  border-left: 1pt solid var(--warm);
  padding-left: 4mm;
}
.feature-v2__text .body {
  font-size: 10pt; line-height: 1.55;
  color: var(--text);
  max-width: 88mm;
}
.feature-v2__text .body p { margin-bottom: 3mm; text-align: justify; hyphens: auto; }
.feature-v2__text .body p:first-child::first-letter {
  font-family: var(--display);
  color: var(--warm-deep);
  float: left;
  font-size: 38pt;
  line-height: 0.85;
  padding-right: 2mm;
  padding-top: 1mm;
}
.feature-v2__text .pull {
  font-family: var(--serif); font-style: italic;
  font-size: 18pt;
  color: var(--ink);
  line-height: 1.25;
  margin: 5mm 0;
  padding: 2mm 0;
  border-top: 0.5pt solid var(--ink);
  border-bottom: 0.5pt solid var(--ink);
}
.byline {
  margin-top: 5mm;
  font-family: var(--sans); font-size: 7.5pt;
  letter-spacing: 2pt; text-transform: uppercase; color: var(--muted);
}

/* =============== OFFERS (page 3) — minimalist list ================ */
.offers-v2 {
  display: flex; flex-direction: column; height: 100%;
}
.offers-v2__hd { margin-bottom: 8mm; }
.offers-v2__hd .eyebrow { margin-bottom: 3mm; }
.offers-v2__hd h2 {
  font-family: var(--display); font-size: 56pt; line-height: 0.9;
  color: var(--ink); letter-spacing: -0.8pt;
}
.offers-v2__hd h2 .it { font-family: var(--serif); font-style: italic; color: var(--warm-deep); }
.offers-v2__hd .sf {
  font-family: var(--serif); font-style: italic; font-size: 13pt;
  color: var(--muted); margin-top: 2mm; max-width: 130mm;
}
.offers-v2__list { flex: 1; display: flex; flex-direction: column; }
.offer-row {
  display: grid; grid-template-columns: 48mm 1fr 30mm;
  gap: 6mm; padding: 5mm 0;
  border-top: 0.5pt solid var(--ink);
  align-items: center;
}
.offer-row:last-of-type { border-bottom: 0.5pt solid var(--ink); }
.offer-row__photo { aspect-ratio: 4 / 3; overflow: hidden; }
.offer-row__photo img { width: 100%; height: 100%; object-fit: cover; }
.offer-row__meta { display: flex; flex-direction: column; gap: 1mm; }
.offer-row__meta .num {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 3pt; text-transform: uppercase; color: var(--warm-deep); font-weight: 600;
}
.offer-row__meta .ttl {
  font-family: var(--display); font-size: 18pt; line-height: 1;
  color: var(--ink);
}
.offer-row__meta .det {
  font-family: var(--serif); font-style: italic; font-size: 10.5pt; color: var(--ink);
}
.offer-row__meta .brk {
  font-family: var(--sans); font-size: 8.5pt; color: var(--muted); margin-top: 1mm;
}
.offer-row__meta .brk b { color: var(--ink); }
.offer-row__price {
  text-align: right;
  font-family: var(--display); font-size: 22pt;
  color: var(--ink); line-height: 1;
}
.offer-row__price small { display: block; font-family: var(--sans); font-size: 8pt; color: var(--muted); letter-spacing: 0.5pt; margin-top: 1mm; }

.offers-v2__qr {
  margin-top: 6mm;
  display: grid; grid-template-columns: 30mm 1fr 60mm; gap: 6mm;
  align-items: center;
  padding-top: 5mm; border-top: 0.5pt solid var(--line);
}
.offers-v2__qr .q { width: 26mm; height: 26mm; padding: 1mm; background: #FFF; }
.offers-v2__qr .q img, .offers-v2__qr .q svg { width: 100%; height: 100%; }
.offers-v2__qr .t .eye { font-family: var(--sans); font-size: 7pt; letter-spacing: 3pt; text-transform: uppercase; color: var(--warm-deep); }
.offers-v2__qr .t .h { font-family: var(--display); font-size: 18pt; line-height: 1; color: var(--ink); margin-top: 1mm; }
.offers-v2__qr .t .u { font-family: var(--serif); font-style: italic; font-size: 11pt; color: var(--ink); margin-top: 2mm; }
.offers-v2__qr .r {
  text-align: right;
  font-family: var(--serif); font-style: italic; font-size: 10pt;
  color: var(--muted);
}

/* =============== ANALYSIS (page 4) ================ */
.analysis-v2 {}
.analysis-v2 .eyebrow { margin-bottom: 3mm; }
.analysis-v2 h2 {
  font-family: var(--display); font-size: 48pt; line-height: 0.9;
  color: var(--ink); letter-spacing: -0.5pt;
}
.analysis-v2 h2 .it { font-family: var(--serif); font-style: italic; color: var(--warm-deep); }
.poster {
  margin: 8mm 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  border-top: 1pt solid var(--ink);
  border-bottom: 1pt solid var(--ink);
}
.poster .cell {
  padding: 5mm 4mm;
  border-right: 0.5pt solid var(--line);
  text-align: center;
}
.poster .cell:last-child { border-right: none; }
.poster .num {
  font-family: var(--display); font-size: 56pt;
  color: var(--ink); line-height: 0.9;
  letter-spacing: -1.5pt;
}
.poster .num .pl { color: var(--warm-deep); }
.poster .lbl {
  font-family: var(--sans); font-size: 7.5pt;
  letter-spacing: 2.5pt; text-transform: uppercase;
  color: var(--muted); margin-top: 2mm;
}
.poster .delta {
  font-family: var(--serif); font-style: italic; font-size: 10pt;
  color: var(--sage); margin-top: 1mm;
}
.poster .delta.down { color: var(--rose); }

.three-col {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6mm;
  margin-top: 4mm;
}
.three-col article .kicker { margin-bottom: 1.5mm; }
.three-col article h3 {
  font-family: var(--display); font-size: 19pt; line-height: 1;
  color: var(--ink); margin-bottom: 2.5mm;
}
.three-col article h3 .it { font-family: var(--serif); font-style: italic; color: var(--warm-deep); }
.three-col article p {
  font-size: 8.8pt; line-height: 1.45; margin-bottom: 1.8mm;
  text-align: justify; hyphens: auto; color: var(--text);
}

/* =============== PROFILE (page 5) ================ */
.profile-v2 {
  display: grid; grid-template-columns: 88mm 1fr; gap: 10mm;
  height: 100%;
}
.profile-v2__photo {
  margin-left: -14mm; margin-top: -12mm; margin-bottom: -12mm;
  overflow: hidden; position: relative;
}
.profile-v2__photo img { width: 100%; height: 100%; object-fit: cover; }
.profile-v2__photo::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.3) 100%);
}
.profile-v2__photo .nm {
  position: absolute;
  left: 6mm; bottom: 14mm; color: #FFF;
  font-family: var(--display); font-size: 36pt; line-height: 0.9;
  text-shadow: 0 1px 6px rgba(0,0,0,0.45);
}
.profile-v2__photo .ro {
  position: absolute;
  left: 6mm; bottom: 6mm; color: rgba(255,255,255,0.92);
  font-family: var(--serif); font-style: italic; font-size: 12pt;
  text-shadow: 0 1px 6px rgba(0,0,0,0.45);
}
.profile-v2__body { padding-top: 0; }
.profile-v2__body .eyebrow { margin-bottom: 3mm; }
.profile-v2__body h1 {
  font-family: var(--display); font-size: 28pt; line-height: 1;
  color: var(--ink); margin-bottom: 4mm;
}
.profile-v2__body h1 .it { font-family: var(--serif); font-style: italic; font-size: 0.7em; display: block; color: var(--warm-deep); margin-top: 1mm; }
.profile-v2__body .intro {
  font-family: var(--serif); font-style: italic; font-size: 13pt; line-height: 1.4;
  color: var(--ink); margin-bottom: 5mm;
}
.profile-v2__body .tags {
  display: flex; gap: 2mm; flex-wrap: wrap; margin-bottom: 5mm;
}
.profile-v2__body .tags span {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 2pt; text-transform: uppercase;
  padding: 1.2mm 3mm; border: 0.5pt solid var(--ink);
  color: var(--ink);
}
.qa-v2 { margin-bottom: 3mm; }
.qa-v2 .q {
  font-family: var(--display); font-size: 11pt;
  color: var(--ink); line-height: 1.25;
  margin-bottom: 0.5mm;
}
.qa-v2 .q::before { content: "Q. "; color: var(--warm-deep); font-style: italic; font-family: var(--serif); }
.qa-v2 .a {
  font-family: var(--serif); font-size: 10pt; line-height: 1.45;
  color: var(--text);
}
.qa-v2 .a::before { content: "A. "; color: var(--warm-deep); font-style: italic; font-weight: 600; }

.sell-v2 {
  margin-top: 5mm;
  padding: 5mm 5mm; background: var(--ink); color: #FFF;
  display: grid; grid-template-columns: 1fr 1fr; gap: 5mm;
}
.sell-v2 .h {
  font-family: var(--display); font-size: 20pt; line-height: 0.95;
  letter-spacing: -0.3pt;
}
.sell-v2 .h .it { font-family: var(--serif); font-style: italic; color: var(--warm); }
.sell-v2 .body { font-size: 9pt; line-height: 1.45; }
.sell-v2 ul { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin-top: 2mm; }
.sell-v2 ul li { font-family: var(--sans); font-size: 8pt; letter-spacing: 0.4pt; padding-left: 4mm; position: relative; }
.sell-v2 ul li::before { content: "—"; position: absolute; left: 0; color: var(--warm); }

/* =============== ARTICLE (pages 6-7) ================ */
.article-v2 {}
.article-v2 .eyebrow { margin-bottom: 3mm; }
.article-v2 h1 {
  font-family: var(--display); font-size: 48pt; line-height: 0.92;
  color: var(--ink); letter-spacing: -0.5pt; margin-bottom: 3mm;
}
.article-v2 h1 .it { font-family: var(--serif); font-style: italic; color: var(--warm-deep); }
.article-v2 .standfirst {
  font-family: var(--serif); font-style: italic; font-size: 14pt; line-height: 1.4;
  color: var(--ink); max-width: 140mm; margin-bottom: 6mm;
}
.article-v2 .body {
  column-count: 2; column-gap: 8mm;
  column-rule: 0.3pt solid var(--line);
  font-size: 9.5pt; line-height: 1.55;
  color: var(--text);
}
.article-v2 .body p { margin-bottom: 2mm; text-align: justify; hyphens: auto; }
.article-v2 .body h4 {
  font-family: var(--display); font-size: 14pt;
  color: var(--ink); margin: 3mm 0 1mm; break-after: avoid-column;
}
.article-v2 .body h4::before {
  content: ""; display: block; width: 10mm; height: 1pt; background: var(--warm-deep); margin-bottom: 1.5mm;
}
.article-v2 .body ul { margin: 1mm 0 2mm 4mm; }
.article-v2 .body ul li { list-style: disc; margin-bottom: 1mm; }
.article-v2 .body ul li::marker { color: var(--warm-deep); }
.article-v2 .pullquote {
  break-inside: avoid;
  margin: 3mm 0;
  font-family: var(--serif); font-style: italic; font-size: 14pt; line-height: 1.3;
  color: var(--ink);
  padding: 3mm 0;
  border-top: 0.5pt solid var(--ink);
  border-bottom: 0.5pt solid var(--ink);
}
.article-v2 .note {
  break-inside: avoid;
  background: #EFEAD7;
  padding: 3mm 4mm; margin: 2mm 0;
  font-size: 8.8pt; line-height: 1.4;
}
.article-v2 .note .lbl {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 2.5pt; text-transform: uppercase; color: var(--warm-deep); font-weight: 600;
  margin-bottom: 1mm; display: block;
}
.article-v2 .continued {
  display: inline-block; margin-top: 5mm;
  font-family: var(--sans); font-size: 8pt;
  letter-spacing: 2pt; text-transform: uppercase;
  color: var(--warm-deep);
  border-top: 0.5pt solid var(--warm-deep); padding-top: 2mm;
}

/* =============== Wants block ================ */
.wants-v2-h {
  font-family: var(--display); font-size: 32pt; line-height: 0.95;
  color: var(--ink); letter-spacing: -0.3pt;
  margin: 6mm 0 2mm;
}
.wants-v2-h .it { font-family: var(--serif); font-style: italic; color: var(--warm-deep); }
.wants-v2 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4mm 8mm;
}
.want-v2 {
  display: grid; grid-template-columns: 12mm 1fr;
  gap: 3mm; padding: 2.5mm 0;
  border-top: 0.4pt solid var(--line);
}
.want-v2 .n {
  font-family: var(--display); font-size: 22pt;
  color: var(--warm-deep); line-height: 0.9;
}
.want-v2 .t .h { font-family: var(--display); font-size: 12pt; color: var(--ink); }
.want-v2 .t .h .br { color: var(--warm-deep); font-family: var(--serif); font-style: italic; }
.want-v2 .t .b { font-family: var(--serif); font-size: 9.5pt; color: var(--text); line-height: 1.35; margin-top: 0.5mm; }

/* =============== TEAM (page 8) ================ */
.team-v2-h {
  margin-bottom: 6mm;
}
.team-v2-h .eyebrow { margin-bottom: 3mm; }
.team-v2-h h2 {
  font-family: var(--display); font-size: 48pt; line-height: 0.95;
  color: var(--ink); letter-spacing: -0.3pt;
}
.team-v2-h h2 .it { font-family: var(--serif); font-style: italic; color: var(--warm-deep); }
.team-v2-h .sf { font-family: var(--serif); font-style: italic; font-size: 12pt; color: var(--muted); margin-top: 2mm; }
.team-v2-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 4mm 5mm;
}
.tcard-v2 {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  position: relative;
}
.tcard-v2 .pic {
  width: 100%; aspect-ratio: 1/1; overflow: hidden;
  border-radius: 50%;
  background: #EEE;
  filter: grayscale(0.15);
  margin-bottom: 2.5mm;
}
.tcard-v2 .pic img { width: 100%; height: 100%; object-fit: cover; }
.tcard-v2 .nm {
  font-family: var(--display); font-size: 12pt; line-height: 1.05;
  color: var(--ink);
  min-height: 8mm;
}
.tcard-v2 .ph {
  font-family: var(--sans); font-size: 8pt; letter-spacing: 0.5pt;
  color: var(--ink); margin-top: 1mm;
}
.tcard-v2 .em {
  font-family: var(--serif); font-style: italic; font-size: 8pt;
  color: var(--muted); margin-top: 0.5mm; word-break: break-all;
}
.tcard-v2--new::before {
  content: "ново";
  position: absolute; top: 0; right: 4mm;
  background: var(--sage); color: #FFF;
  font-family: var(--sans); font-size: 6.5pt;
  letter-spacing: 1pt; padding: 0.4mm 1.5mm;
  z-index: 2;
  border-radius: 1mm;
}

.team-v2-foot {
  margin-top: 8mm;
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6mm;
  align-items: center;
  padding-top: 6mm; border-top: 0.5pt solid var(--ink);
}
.team-v2-foot .col h4 {
  font-family: var(--sans); font-size: 7pt;
  letter-spacing: 3pt; text-transform: uppercase; font-weight: 600;
  color: var(--ink); margin-bottom: 2mm;
}
.team-v2-foot .col .disp {
  font-family: var(--display); font-size: 18pt; line-height: 1;
  color: var(--ink);
}
.team-v2-foot .col .disp.large {
  font-size: 50pt; color: var(--warm-deep); line-height: 0.9; letter-spacing: -1pt;
}
.team-v2-foot .col p {
  font-family: var(--serif); font-style: italic; font-size: 10pt;
  color: var(--text); margin-top: 2mm; line-height: 1.35;
}
.team-v2-foot .col .qr {
  width: 28mm; height: 28mm; background: #FFF;
  border: 0.5pt solid var(--line);
}
.team-v2-foot .col .qr img, .team-v2-foot .col .qr svg { width: 100%; height: 100%; }
.team-v2-foot .col .urlx {
  margin-top: 2mm;
  font-family: var(--serif); font-style: italic;
  font-size: 9.5pt;
  border-bottom: 0.5pt solid var(--ink);
  display: inline-block;
}

@media print {
  html, body { background: #FFF; }
  .page { margin: 0; box-shadow: none; }
}
