/* ==============================================================
   WAVE 6 — CLOSING PAGES (Featured · Matrix · Portfolio · Certs · Org · Thanks)
   ============================================================== */

/* W6-1 · Featured Asymmetric Grid (4 cards, 2 rows) */
.featured-asymmetric-grid {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-rows: auto auto;
  gap: 6mm;
  margin-top: 6mm;
}
.featured-asymmetric-grid .fa-card-big   { grid-column: 1 / 2; grid-row: 1 / 2; }
.featured-asymmetric-grid .fa-card-med   { grid-column: 2 / 3; grid-row: 1 / 2; }
.featured-asymmetric-grid .fa-card-eq-l  { grid-column: 1 / 2; grid-row: 2 / 3; }
.featured-asymmetric-grid .fa-card-eq-r  { grid-column: 2 / 3; grid-row: 2 / 3; }
.fa-card-big, .fa-card-med, .fa-card-eq-l, .fa-card-eq-r {
  display: flex; flex-direction: column;
  background: #FFFEFB;
  border: 0.4pt solid var(--hairline);
  break-inside: avoid;
}
.fa-card-big .fa-photo  { height: 92mm; }
.fa-card-med .fa-photo  { height: 92mm; }
.fa-card-eq-l .fa-photo, .fa-card-eq-r .fa-photo { height: 56mm; }
.fa-photo {
  background-size: cover; background-position: center;
  border-bottom: 1pt solid var(--gold);
}
.fa-meta {
  padding: 4mm 5mm 5mm; display: flex; flex-direction: column;
  gap: 2mm; flex: 1;
}
.fa-tags-row {
  display: flex; gap: 2mm; flex-wrap: wrap;
}
.fa-tags-row .badge-pill {
  font-size: 7pt; padding: 0.8mm 2.5mm;
}
.fa-name-ar {
  font-family: 'Tajawal', sans-serif;
  font-size: 14pt; font-weight: 700; color: var(--navy);
  line-height: 1.25; margin-top: 1mm;
}
.fa-name-en {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic; font-size: 11pt;
  color: var(--ink-soft); line-height: 1.2;
}
.fa-desc {
  font-family: 'Tajawal', sans-serif; font-size: 9pt;
  color: var(--ink-soft); line-height: 1.55;
  margin-top: 1mm;
}

/* W6-2 · Matrix Editorial */
.matrix-editorial {
  width: 100%; border-collapse: collapse;
  margin-top: 5mm; font-family: 'Tajawal', sans-serif;
  table-layout: fixed;
}
.matrix-editorial th.matrix-th {
  background: var(--navy); color: #fff;
  padding: 3mm 1.5mm 2.5mm; vertical-align: middle;
  text-align: center; border-right: 0.3pt solid rgba(255,255,255,0.15);
}
.matrix-editorial th.matrix-th:last-child { border-right: 0; }
.matrix-th .icon-mini-svg {
  width: 9mm; height: 9mm; margin: 0 auto 1.2mm;
  display: block; color: var(--gold);
}
.matrix-th .icon-mini-svg svg {
  width: 100%; height: 100%; fill: none;
  stroke: var(--gold); stroke-width: 1.6;
}
.matrix-th .mt-en {
  font-family: 'Cormorant Garamond', serif;
  font-size: 11pt; font-weight: 500; line-height: 1;
  letter-spacing: 0.02em; display: block;
}
.matrix-th .mt-ar {
  font-family: 'Tajawal', sans-serif;
  font-size: 9pt; font-weight: 500; opacity: 0.85;
  display: block; margin-top: 0.6mm;
}
.matrix-th.matrix-th-proj {
  text-align: start; padding-inline-start: 5mm;
}
.matrix-editorial td {
  border-bottom: 0.3pt solid var(--hairline);
  padding: 2.5mm 1.5mm; vertical-align: middle;
  text-align: center; height: 9mm;
}
.matrix-editorial tbody tr:nth-child(odd)  { background: #FAF7EE; }
.matrix-editorial tbody tr:nth-child(even) { background: #FFFEFB; }
.matrix-editorial td.matrix-td-proj {
  text-align: start; padding-inline-start: 5mm;
}
.mtp-ar {
  font-family: 'Tajawal', sans-serif;
  font-size: 11pt; font-weight: 700; color: var(--navy);
  line-height: 1.15;
}
.mtp-en {
  font-family: 'Inter', sans-serif; font-style: italic;
  font-size: 9pt; color: var(--ink-soft);
  line-height: 1.2; display: block; margin-top: 0.4mm;
}
.matrix-td-check svg {
  width: 7mm; height: 7mm; display: inline-block; vertical-align: middle;
}
.matrix-td-empty::after {
  content: ""; display: inline-block;
  width: 1.2mm; height: 1.2mm; border-radius: 50%;
  background: #E6DFCF;
}
.matrix-legend {
  display: flex; gap: 6mm; align-items: center;
  margin-top: 4mm;
  font-family: 'Inter', sans-serif; font-size: 8pt;
  color: var(--ink-soft); letter-spacing: 0.06em;
}
.matrix-legend .ml-item { display: inline-flex; align-items: center; gap: 1.5mm; }
.matrix-legend .ml-dot {
  display: inline-block; width: 1.2mm; height: 1.2mm;
  border-radius: 50%; background: #E6DFCF;
}
.matrix-legend svg { width: 4mm; height: 4mm; }

/* W6-3 · Portfolio Grid 12 (4×3 mini cards) */
.portfolio-grid-12 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5mm 5mm; margin-top: 7mm;
}
.portfolio-card-mini {
  display: flex; flex-direction: column;
  background: #FFFEFB;
  border: 0.4pt solid var(--hairline);
  break-inside: avoid;
}
.portfolio-card-mini .pcm-img {
  width: 100%; height: 38mm;
  background-size: cover; background-position: center;
}
.portfolio-card-mini .pcm-rule {
  height: 0; border-top: 0.4pt solid var(--gold);
  margin: 0 4mm;
}
.portfolio-card-mini .pcm-body {
  padding: 2.5mm 4mm 4mm;
  display: flex; flex-direction: column; gap: 1.2mm;
}
.portfolio-card-mini .pcm-name {
  font-family: 'Tajawal', sans-serif; font-size: 10pt;
  font-weight: 700; color: var(--navy); line-height: 1.3;
}
.portfolio-card-mini .pcm-tag {
  align-self: flex-start;
  font-family: 'Inter', sans-serif; font-size: 6.5pt;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 0.6mm 2mm; border: 0.4pt solid var(--gold);
  color: var(--gold); border-radius: 99pt;
}
.portfolio-card-mini .pcm-year {
  font-family: 'Cormorant Garamond', serif; font-style: italic;
  font-size: 9pt; color: var(--ink-soft);
  letter-spacing: 0.02em;
}

/* W6-4 · Certifications editorial */
.cert-grid-editorial {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12mm 14mm;
  padding: 8mm 18mm 4mm;
  margin-top: 8mm;
}
.cert-tile-editorial {
  display: flex; flex-direction: column;
  align-items: center; text-align: center;
  gap: 2.5mm; break-inside: avoid;
}
.cert-tile-editorial .cte-logo {
  width: 100%; height: 28mm;
  display: flex; align-items: center; justify-content: center;
}
.cert-tile-editorial .cte-logo img {
  max-width: 38mm; max-height: 26mm;
  object-fit: contain;
}
.cert-iso-stylized {
  width: 32mm; height: 32mm; border-radius: 50%;
  border: 0.8pt solid var(--gold);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  background: #FFFEFB;
}
.cert-iso-stylized .cis-top {
  font-family: 'Inter', sans-serif; font-size: 7.5pt;
  letter-spacing: 0.22em; color: var(--gold);
  text-transform: uppercase;
}
.cert-iso-stylized .cis-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22pt; color: var(--navy);
  font-weight: 500; line-height: 1; margin: 0.5mm 0;
  letter-spacing: 0.01em;
}
.cert-iso-stylized .cis-scope {
  font-family: 'Inter', sans-serif; font-size: 6.5pt;
  letter-spacing: 0.18em; color: var(--ink-soft);
  text-transform: uppercase;
}
.cert-tile-editorial .cte-rule {
  width: 14mm; border-top: 0.5pt solid var(--gold);
  margin: 1mm 0;
}
.cert-tile-editorial .cte-num {
  font-family: 'Inter', sans-serif; font-size: 7.5pt;
  letter-spacing: 0.14em; color: var(--ink-soft);
  font-feature-settings: "tnum";
}
.cert-tile-editorial .cte-scope {
  font-family: 'Tajawal', sans-serif; font-size: 9pt;
  color: var(--navy); line-height: 1.45;
  max-width: 50mm;
}
.cert-tile-editorial .cte-by {
  font-family: 'Inter', sans-serif; font-style: italic;
  font-size: 8pt; color: var(--ink-soft);
  margin-top: 0.5mm;
}

/* W6-5 · Org chart SVG wrap */
.org-chart-svg-wrap {
  width: 100%; max-width: 220mm;
  margin: 8mm auto 0;
  display: flex; justify-content: center;
}
.org-chart-svg-wrap svg {
  width: 100%; height: auto; display: block;
}

/* W6-6 · Thanks editorial */
.thanks-editorial {
  height: 100%;
  display: flex; flex-direction: column;
  justify-content: space-between;
  align-items: center; text-align: center;
  padding: 30mm 22mm;
  background: #FFFEFB;
}
.thanks-editorial .te-top {
  display: flex; flex-direction: column; align-items: center; gap: 4mm;
}
.thanks-editorial .te-thanks-en {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic; font-weight: 400;
  font-size: 84pt; line-height: 1;
  color: var(--navy); letter-spacing: -0.01em;
}
.thanks-editorial .te-thanks-ar {
  font-family: 'Tajawal', sans-serif;
  font-size: 36pt; font-weight: 500;
  color: var(--navy); margin-top: 2mm;
}
.contact-3col {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: 100%;
  border-top: 0.4pt solid var(--hairline);
  border-bottom: 0.4pt solid var(--hairline);
  padding: 7mm 0;
}
.contact-col {
  display: flex; flex-direction: column;
  align-items: center; gap: 2mm;
  padding: 0 6mm;
  border-inline-end: 0.4pt solid var(--hairline);
}
.contact-col:last-child { border-inline-end: 0; }
.contact-col .cc-eyebrow {
  font-family: 'Inter', sans-serif; font-size: 7.5pt;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--gold);
}
.contact-col .cc-eyebrow .ar {
  font-family: 'Tajawal', sans-serif;
  font-size: 8.5pt; letter-spacing: 0;
  color: var(--ink-soft); margin-inline-start: 2mm;
  text-transform: none;
}
.contact-col .cc-content {
  font-family: 'Tajawal', sans-serif; font-size: 11pt;
  color: var(--navy); line-height: 1.5;
}
.contact-col .cc-content .en {
  font-family: 'Inter', sans-serif; font-size: 10pt;
  color: var(--ink-soft); display: block; margin-top: 0.5mm;
  letter-spacing: 0.02em;
}
.thanks-editorial .te-bottom {
  display: flex; flex-direction: column;
  align-items: center; gap: 3mm;
}
.thanks-editorial .te-mark {
  font-family: 'Inter', sans-serif;
  font-size: 11pt; letter-spacing: 0.32em;
  color: var(--navy); font-weight: 600;
}
.thanks-editorial .te-mark .ar {
  font-family: 'Tajawal', sans-serif;
  font-size: 12pt; font-weight: 500;
  letter-spacing: 0; color: var(--navy);
  margin-inline-start: 2mm;
}
.thanks-editorial .te-tagline {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic; font-size: 22pt;
  color: var(--ink-soft); line-height: 1.3;
  max-width: 160mm;
}
.thanks-editorial .te-gold-rule {
  width: 24mm; border-top: 0.7pt solid var(--gold);
  margin-top: 1mm;
}