/* =====================================================================
   Sardar Neft — Corporate Profile · "The Circle & The Point"
   Every dimension is in page-millimetres: var(--mm) = 1/210 of the sheet width,
   so screen and A4 print are the same composition.
   ===================================================================== */

@font-face { font-family: "Lora"; src: url("/assets/fonts/lora-variable.ttf") format("truetype"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lora"; src: url("/assets/fonts/lora-italic-variable.ttf") format("truetype"); font-weight: 400 700; font-style: italic; font-display: swap; }

.pub {
  --deep: #0f3a33; --deep-2: #174a41; --logo: #51ac9a; --logo-soft: #9fd2c6; --mint: #dcefea;
  --ivory: #f6f4ee; --ivory-2: #ece8de; --ink: #13211e; --body: #3c4744; --muted: #707a75; --red: #d62839;
  --serif: "Lora", Georgia, "Times New Roman", serif;
  --sans: "IBM Plex Sans", "Inter", "Segoe UI", system-ui, sans-serif;
  background: #e7e3d9; padding: 40px 16px 80px;
}
.pf-toolbar { border-bottom: 1px solid var(--line); padding: 24px 0; background: #fff; }
.pf-toolbar .wrap { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.pf-toolbar .breadcrumb { margin: 0; }

/* ---------- Sheet ---------- */
.sheet {
  container-type: inline-size; position: relative; overflow: hidden;
  width: min(210mm, 100%); aspect-ratio: 210 / 297; margin: 0 auto 36px;
  background: var(--ivory); color: var(--body);
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 24px 50px -30px rgba(20,40,35,.45);
}
.sheet__in {
  --mm: calc(100cqw / 210);
  position: absolute; inset: 0; padding: calc(var(--mm) * 22) calc(var(--mm) * 18) calc(var(--mm) * 20);
  font-family: var(--serif); font-size: calc(var(--mm) * 3.3); line-height: 1.55;
}
.sheet--green { background: var(--deep); color: #d9ebe6; }
.sheet h1, .sheet h2, .sheet h3 { font-family: var(--serif); color: var(--ink); letter-spacing: -.01em; margin: 0; }
.sheet p { margin: 0 0 .8em; }
.sheet a { color: inherit; text-decoration: none; }
.sheet em { font-style: italic; color: var(--deep-2); }
.pt { color: var(--red); font-style: normal; }

.folio {
  position: absolute; left: calc(var(--mm) * 18); right: calc(var(--mm) * 18); bottom: calc(var(--mm) * 9);
  display: flex; justify-content: space-between; align-items: baseline;
  font-family: var(--sans); font-size: calc(var(--mm) * 2); letter-spacing: .18em; text-transform: uppercase; color: var(--muted);
  border-top: 1px solid rgba(19,33,30,.14); padding-top: calc(var(--mm) * 3);
}
.folio__n { font-family: var(--serif); font-style: italic; font-size: calc(var(--mm) * 3.6); letter-spacing: 0; color: var(--ink); }

.kicker { font-family: var(--sans); font-size: calc(var(--mm) * 2.3); letter-spacing: .2em; text-transform: uppercase; color: var(--deep-2);
  display: flex; align-items: baseline; gap: calc(var(--mm) * 3); margin-bottom: calc(var(--mm) * 6) !important; }
.kicker__n { font-family: var(--serif); font-style: italic; font-size: calc(var(--mm) * 4.4); letter-spacing: 0; color: var(--red); text-transform: none; }
.sheet--green .kicker { color: var(--logo-soft); }

.display { font-size: calc(var(--mm) * 10.4); line-height: 1.12; font-weight: 400; max-width: calc(var(--mm) * 160); margin-bottom: calc(var(--mm) * 12) !important; }
.display--sm { font-size: calc(var(--mm) * 8); max-width: calc(var(--mm) * 150); margin-bottom: calc(var(--mm) * 9) !important; }
.lede { font-size: calc(var(--mm) * 4.3); line-height: 1.5; color: var(--ink); }
.lede--narrow { max-width: calc(var(--mm) * 120); }
.prose-sm { font-size: calc(var(--mm) * 3.3); }
.mini-k { font-family: var(--sans); font-size: calc(var(--mm) * 2.1); letter-spacing: .2em; text-transform: uppercase; color: var(--muted); margin: calc(var(--mm) * 7) 0 calc(var(--mm) * 3) !important; }
.g2 { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--mm) * 14); }

/* ---------- 01 Cover ---------- */
.sheet--cover .sheet__in, .sheet--back .sheet__in { padding: 0; }
.cover { position: absolute; inset: 0; }
.cover__rings { position: absolute; left: calc(var(--mm) * 148); top: calc(var(--mm) * 118); width: 0; height: 0; }
.cover__rings i { position: absolute; border-radius: 50%; border: 1px solid rgba(81,172,154,.38); transform: translate(-50%, -50%); }
.cover__rings i:nth-child(1) { width: calc(var(--mm) * 176); height: calc(var(--mm) * 176); }
.cover__rings i:nth-child(2) { width: calc(var(--mm) * 222); height: calc(var(--mm) * 222); border-color: rgba(81,172,154,.26); }
.cover__rings i:nth-child(3) { width: calc(var(--mm) * 268); height: calc(var(--mm) * 268); border-color: rgba(81,172,154,.18); }
.cover__rings i:nth-child(4) { width: calc(var(--mm) * 6); height: calc(var(--mm) * 6); border: 0; background: var(--red);
  left: calc(var(--mm) * -88 * .7071); top: calc(var(--mm) * -88 * .7071); }
.cover__disc { position: absolute; left: calc(var(--mm) * 82); top: calc(var(--mm) * 52); width: calc(var(--mm) * 132); height: calc(var(--mm) * 132); border-radius: 50%; overflow: hidden; }
.cover__disc img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%; }
.cover__logo { position: absolute; left: calc(var(--mm) * 18); top: calc(var(--mm) * 20); width: calc(var(--mm) * 62); height: auto; }
.cover__title { position: absolute; left: calc(var(--mm) * 18); right: calc(var(--mm) * 18); bottom: calc(var(--mm) * 40); }
.cover__eyebrow { font-family: var(--sans); font-size: calc(var(--mm) * 2.4); letter-spacing: .24em; text-transform: uppercase; color: var(--logo-soft); margin-bottom: calc(var(--mm) * 6) !important; }
.cover h1 { color: #fff; font-weight: 400; font-size: calc(var(--mm) * 12.4); line-height: 1.06; letter-spacing: -.02em; }
.cover h1 em { color: var(--logo); }
.cover__base { position: absolute; left: calc(var(--mm) * 18); right: calc(var(--mm) * 18); bottom: calc(var(--mm) * 16);
  display: flex; justify-content: space-between; padding-top: calc(var(--mm) * 4); border-top: 1px solid rgba(255,255,255,.22);
  font-family: var(--sans); font-size: calc(var(--mm) * 2.1); letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.7); }

/* ---------- 02 Contents / foreword ---------- */
.g2--toc { height: 100%; grid-template-columns: 1fr 1fr; }
.toc { list-style: none; margin: calc(var(--mm) * 6) 0 0; padding: 0; }
.toc li { display: flex; align-items: baseline; gap: calc(var(--mm) * 2); padding: calc(var(--mm) * 3.2) 0; border-bottom: 1px solid rgba(19,33,30,.1); font-size: calc(var(--mm) * 4.2); color: var(--ink); }
.toc__dots { flex: 1; border-bottom: 1px dotted rgba(19,33,30,.35); transform: translateY(calc(var(--mm) * -1)); }
.toc__p { font-style: italic; color: var(--deep-2); font-size: calc(var(--mm) * 3.6); }
.foreword { position: relative; background: var(--mint); margin: calc(var(--mm) * -22) calc(var(--mm) * -18) calc(var(--mm) * -20) 0;
  padding: calc(var(--mm) * 40) calc(var(--mm) * 16) calc(var(--mm) * 20) calc(var(--mm) * 14); overflow: hidden; }
.foreword__mark { font-size: calc(var(--mm) * 46); line-height: .6; color: var(--logo); margin-bottom: calc(var(--mm) * 4) !important; }
.foreword__q { font-style: italic; font-size: calc(var(--mm) * 7.4); line-height: 1.3; color: var(--ink); position: relative; z-index: 1; }
.foreword__by { font-family: var(--sans); font-size: calc(var(--mm) * 2.2); letter-spacing: .18em; text-transform: uppercase; color: var(--deep-2); margin-top: calc(var(--mm) * 8) !important; }
.foreword__ring { position: absolute; right: calc(var(--mm) * -34); bottom: calc(var(--mm) * -34); width: calc(var(--mm) * 110); height: calc(var(--mm) * 110); border-radius: 50%; border: 1px solid var(--logo); }
.foreword__ring i { position: absolute; left: calc(var(--mm) * 13.4); top: calc(var(--mm) * 13.4); width: calc(var(--mm) * 5); height: calc(var(--mm) * 5); border-radius: 50%; background: var(--red); }

/* ---------- 03 Who we are ---------- */
.who__body { position: relative; z-index: 1; }
.note { border-left: calc(var(--mm) * .8) solid var(--red); padding: calc(var(--mm) * 1) 0 calc(var(--mm) * 1) calc(var(--mm) * 6); }
.note__k { display: block; font-family: var(--sans); font-size: calc(var(--mm) * 2.1); letter-spacing: .2em; text-transform: uppercase; color: var(--muted); margin-bottom: calc(var(--mm) * 3); }
.note__strong { font-size: calc(var(--mm) * 5.2); font-style: italic; color: var(--ink); line-height: 1.25; margin: 0 !important; }
.ledger-sm { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: calc(var(--mm) * 6); counter-reset: l; }
.ledger-sm li { break-inside: avoid; padding: calc(var(--mm) * 1.8) 0; border-top: 1px solid rgba(19,33,30,.12); font-size: calc(var(--mm) * 3); color: var(--ink); counter-increment: l; }
.ledger-sm li::before { content: counter(l, decimal-leading-zero); font-style: italic; color: var(--logo); margin-right: calc(var(--mm) * 2); }
.who__disc { position: absolute; right: calc(var(--mm) * -34); bottom: calc(var(--mm) * 26); width: calc(var(--mm) * 96); height: calc(var(--mm) * 96); border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 calc(var(--mm) * 4) var(--ivory), 0 0 0 calc(var(--mm) * 4.3) var(--logo); }
.who__disc img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- 04 At a glance — dials ---------- */
.glance { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--mm) * 14); margin-bottom: calc(var(--mm) * 14); }
.dial { margin: 0; }
.dial__ring { position: relative; width: calc(var(--mm) * 66); height: calc(var(--mm) * 66); margin-bottom: calc(var(--mm) * 7); }
.dial__ring::before { content: ""; position: absolute; inset: 4%; border-radius: 50%; border: 1px solid rgba(81,172,154,.55); }
.dial__dot { position: absolute; width: calc(var(--mm) * 3); height: calc(var(--mm) * 3); border-radius: 50%; background: var(--logo); transform: translate(-50%, -50%); }
.dial__dot--red { background: var(--red); width: calc(var(--mm) * 4.4); height: calc(var(--mm) * 4.4); }
.dial__num { position: absolute; inset: 0; display: grid; place-items: center; font-size: calc(var(--mm) * 27); line-height: 1; color: var(--deep); font-weight: 400; letter-spacing: -.04em; }
.dial figcaption { font-size: calc(var(--mm) * 3.1); max-width: calc(var(--mm) * 74); }
.dial figcaption b { display: block; font-size: calc(var(--mm) * 5); font-weight: 500; color: var(--ink); margin-bottom: calc(var(--mm) * 2); }
.facts4 { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; border-top: calc(var(--mm) * .5) solid var(--ink); }
.facts4 > div { padding: calc(var(--mm) * 4) calc(var(--mm) * 4) 0 0; }
.facts4 > div + div { padding-left: calc(var(--mm) * 4); border-left: 1px solid rgba(19,33,30,.12); }
.facts4 dt { font-family: var(--sans); font-size: calc(var(--mm) * 2); letter-spacing: .2em; text-transform: uppercase; color: var(--muted); margin-bottom: calc(var(--mm) * 2); }
.facts4 dd { margin: 0; font-size: calc(var(--mm) * 3.5); color: var(--ink); line-height: 1.4; }
.facts4 small { font-family: var(--sans); font-size: calc(var(--mm) * 2.1); letter-spacing: .1em; color: var(--muted); }

/* Arched photo foot (page 04) */
.band-arch { position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--mm) * 72); clip-path: ellipse(72% 100% at 50% 100%); }
.band-arch img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 70%; }
.sheet--photo-foot .folio, .sheet:has(.gov__disc) .folio { z-index: 2; }
.sheet--photo-foot .folio { color: #fff; border-top-color: rgba(255,255,255,.45); }
.sheet--photo-foot .folio__n { color: #fff; }
.sheet--photo-foot .band-arch::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,40,34,.55), rgba(8,40,34,0) 45%); z-index: 1; }

/* ---------- 05 Capabilities — compass ---------- */
.compass { position: relative; height: calc(var(--mm) * 186); }
.compass__ring { position: absolute; left: 50%; top: 50%; width: calc(var(--mm) * 66); height: calc(var(--mm) * 66); transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid var(--logo); }
.compass__ring i { position: absolute; border-radius: 50%; }
.compass__ring i:nth-child(1) { inset: 18%; border: 1px dashed rgba(81,172,154,.6); }
.compass__ring i:nth-child(2) { width: calc(var(--mm) * 4); height: calc(var(--mm) * 4); background: var(--red); left: 50%; top: 0; transform: translate(-50%, -50%); }
.compass__ring::before, .compass__ring::after { content: ""; position: absolute; background: rgba(81,172,154,.45); }
.compass__ring::before { left: 50%; top: -14%; bottom: -14%; width: 1px; }
.compass__ring::after { top: 50%; left: -10%; right: -10%; height: 1px; }
.compass__core { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; }
.compass__core img { width: calc(var(--mm) * 16); height: auto; margin: 0 auto calc(var(--mm) * 2); }
.compass__core span { font-family: var(--sans); font-size: calc(var(--mm) * 2); letter-spacing: .2em; text-transform: uppercase; color: var(--deep-2); background: var(--ivory); padding: 0 calc(var(--mm) * 1); }
.compass__cap { position: absolute; width: calc(var(--mm) * 46); }
.compass__cap h3 { font-size: calc(var(--mm) * 5.4); font-weight: 500; margin-bottom: calc(var(--mm) * 2) !important; }
.compass__cap p { font-size: calc(var(--mm) * 3); margin: 0 !important; }
.compass__n { display: block; font-style: italic; color: var(--logo); font-size: calc(var(--mm) * 4.2); margin-bottom: calc(var(--mm) * 1); }
.compass__cap--n { left: 50%; top: 0; transform: translateX(-50%); text-align: center; width: calc(var(--mm) * 74); }
.compass__cap--s { left: 50%; bottom: 0; transform: translateX(-50%); text-align: center; width: calc(var(--mm) * 74); }
.compass__cap--w { left: 0; top: 50%; transform: translateY(-50%); text-align: right; }
.compass__cap--e { right: 0; top: 50%; transform: translateY(-50%); }

/* ---------- 06 Business activities ---------- */
.sheet--bleed-top .sheet__in { padding-top: 0; }
.act__img { margin: 0 calc(var(--mm) * -18) calc(var(--mm) * 14); height: calc(var(--mm) * 92); clip-path: ellipse(78% 100% at 50% 0%); }
.act__img img { width: 100%; height: 100%; object-fit: cover; }
.act { position: relative; }
.act::after { content: ""; position: absolute; left: 50%; top: calc(var(--mm) * 89.6); width: calc(var(--mm) * 4.4); height: calc(var(--mm) * 4.4); border-radius: 50%; background: var(--red); transform: translateX(-50%); }
.ledger { list-style: none; margin: calc(var(--mm) * 8) 0 0; padding: 0; border-top: calc(var(--mm) * .5) solid var(--ink); }
.ledger li { display: grid; grid-template-columns: calc(var(--mm) * 12) calc(var(--mm) * 52) 1fr; gap: calc(var(--mm) * 4); padding: calc(var(--mm) * 2.6) 0; border-bottom: 1px solid rgba(19,33,30,.12); align-items: baseline; }
.lg__n { font-style: italic; color: var(--logo); font-size: calc(var(--mm) * 3.6); }
.ledger b { font-weight: 500; color: var(--ink); font-size: calc(var(--mm) * 3.6); }
.lg__d { font-size: calc(var(--mm) * 2.85); line-height: 1.45; }

/* ---------- 07 Product atlas ---------- */
.atlas__head { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--mm) * 10); align-items: end; margin-bottom: calc(var(--mm) * 8); }
.atlas__head .display--sm { margin: 0 !important; }
.atlas__head .lede { font-size: calc(var(--mm) * 3.4); margin: 0; }
.atlas { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--mm) * 2.6); }
.atlas__tile { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid rgba(19,33,30,.1);
  padding: calc(var(--mm) * 3.6) calc(var(--mm) * 3.6) calc(var(--mm) * 4); min-height: calc(var(--mm) * 44); border-top: calc(var(--mm) * 1) solid var(--logo); }
.atlas__tile--0, .atlas__tile--3, .atlas__tile--6 { border-top-color: var(--deep); }
.atlas__tile--1, .atlas__tile--4, .atlas__tile--7 { border-top-color: var(--logo); }
.atlas__tile--2, .atlas__tile--5, .atlas__tile--8 { border-top-color: var(--logo-soft); }
.atlas__cat { font-family: var(--sans); font-size: calc(var(--mm) * 1.75); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.atlas__code { font-size: calc(var(--mm) * 9.4); line-height: 1; color: var(--deep); margin: auto 0 calc(var(--mm) * 2); letter-spacing: -.02em; }
.atlas__name { font-size: calc(var(--mm) * 3); font-weight: 500; color: var(--ink); line-height: 1.25; }
.atlas__key { font-size: calc(var(--mm) * 2.35); color: var(--muted); font-style: italic; line-height: 1.35; margin-top: calc(var(--mm) * 1); }
.atlas__tile--note { background: transparent; border: 1px dashed rgba(19,33,30,.22); border-top: 1px dashed rgba(19,33,30,.22); }
.atlas__tile--note p { margin: auto 0 0 !important; font-size: calc(var(--mm) * 2.9); font-style: italic; color: var(--body); }
.atlas__tile--point::after { content: ""; position: absolute; right: calc(var(--mm) * 3.6); top: calc(var(--mm) * 3.6); width: calc(var(--mm) * 3); height: calc(var(--mm) * 3); border-radius: 50%; background: var(--red); }

/* ---------- 08 Process — orbit ---------- */
.proc { display: grid; grid-template-rows: auto auto; gap: calc(var(--mm) * 12); }
.orbit { position: relative; width: calc(var(--mm) * 76); height: calc(var(--mm) * 76); margin: calc(var(--mm) * 12) auto calc(var(--mm) * 8); }
.orbit__ring { position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--logo); }
.orbit__node { position: absolute; width: calc(var(--mm) * 7.4); height: calc(var(--mm) * 7.4); transform: translate(-50%, -50%); border-radius: 50%;
  background: var(--ivory); border: 1px solid var(--logo); display: grid; place-items: center; font-size: calc(var(--mm) * 3.2); color: var(--deep); font-style: italic; }
.orbit__node--first { background: var(--red); border-color: var(--red); color: #fff; }
.orbit__node--last { background: var(--logo); border-color: var(--logo); color: #fff; }
.orbit__label { position: absolute; white-space: nowrap; font-size: calc(var(--mm) * 2.9); color: var(--ink); transform: translate(0, -50%); }
.orbit__label--l { transform: translate(-100%, -50%); text-align: right; }
.orbit__label--c { transform: translate(-50%, -50%); }
.orbit__core { position: absolute; inset: 22%; border-radius: 50%; background: var(--mint); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  font-family: var(--sans); font-size: calc(var(--mm) * 2); letter-spacing: .14em; text-transform: uppercase; color: var(--deep-2); line-height: 1.4; gap: calc(var(--mm) * 1.6); }
.orbit__core i { width: calc(var(--mm) * 2.4); height: calc(var(--mm) * 2.4); border-radius: 50%; background: var(--red); }
.proc__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--mm) * 3.6) calc(var(--mm) * 7); border-top: calc(var(--mm) * .5) solid var(--ink); padding-top: calc(var(--mm) * 5); }
.proc__list li { font-size: calc(var(--mm) * 2.75); line-height: 1.45; }
.proc__list span { display: block; font-style: italic; color: var(--logo); font-size: calc(var(--mm) * 3.4); }
.proc__list b { font-weight: 500; color: var(--ink); display: block; font-size: calc(var(--mm) * 3.3); }
.caveat { position: absolute; left: calc(var(--mm) * 18); right: calc(var(--mm) * 18); bottom: calc(var(--mm) * 24); font-style: italic; font-size: calc(var(--mm) * 2.9); color: var(--body);
  display: flex; gap: calc(var(--mm) * 3); align-items: baseline; }
.pt-dot { flex: none; width: calc(var(--mm) * 2.4); height: calc(var(--mm) * 2.4); border-radius: 50%; background: var(--red); transform: translateY(calc(var(--mm) * -.3)); }

/* ---------- 09 Assurance ---------- */
.assure { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--mm) * 9); position: relative; z-index: 1; }
.assure__col { border-top: calc(var(--mm) * .5) solid var(--ink); padding-top: calc(var(--mm) * 4); font-size: calc(var(--mm) * 3); }
.big-i { font-style: italic; font-size: calc(var(--mm) * 8.4); color: var(--deep); line-height: 1.1; margin-bottom: calc(var(--mm) * 4) !important; }
.dash { list-style: none; margin: 0; padding: 0; }
.dash li { padding: calc(var(--mm) * 1.3) 0 calc(var(--mm) * 1.3) calc(var(--mm) * 5); position: relative; color: var(--ink); border-bottom: 1px solid rgba(19,33,30,.08); }
.dash li::before { content: ""; position: absolute; left: 0; top: 50%; width: calc(var(--mm) * 2.6); height: 1px; background: var(--logo); }
/* Only the visible top of the circle is drawn, so nothing crosses the page edge (keeps it in the PDF) */
.assure__disc { position: absolute; left: calc(var(--mm) * 21); bottom: 0; width: calc(var(--mm) * 168); height: calc(var(--mm) * 90); border-radius: calc(var(--mm) * 84) calc(var(--mm) * 84) 0 0; overflow: hidden;
  box-shadow: 0 0 0 calc(var(--mm) * 5) var(--ivory), 0 0 0 calc(var(--mm) * 5.3) var(--logo); }
.assure__disc img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.sheet:has(.assure__disc) .folio { z-index: 2; color: #fff; border-top-color: rgba(255,255,255,.4); }
.sheet:has(.assure__disc) .folio__n { color: #fff; }

/* ---------- 10 Governance & strategy ---------- */
.gov .lede { font-size: calc(var(--mm) * 4.6); margin-bottom: calc(var(--mm) * 10) !important; }
.pillars { list-style: none; margin: 0; padding: 0; border-top: calc(var(--mm) * .5) solid var(--ink); }
.pillars li { font-size: calc(var(--mm) * 10.6); line-height: 1.15; color: var(--deep); padding: calc(var(--mm) * 3.4) 0; border-bottom: 1px solid rgba(19,33,30,.14); letter-spacing: -.02em; }
.pillars li:nth-child(even) { font-style: italic; color: var(--logo); padding-left: calc(var(--mm) * 10); }
.strat { list-style: none; margin: calc(var(--mm) * 6) 0 0; padding: 0; }
.strat li { display: grid; grid-template-columns: calc(var(--mm) * 9) 1fr; gap: 0 calc(var(--mm) * 2); padding: calc(var(--mm) * 3.4) 0; border-top: 1px solid rgba(19,33,30,.12); }
.strat span { grid-row: span 2; font-style: italic; font-size: calc(var(--mm) * 6.6); color: var(--logo); line-height: 1; }
.strat b { font-weight: 500; color: var(--ink); font-size: calc(var(--mm) * 3.6); }
.strat em { font-size: calc(var(--mm) * 2.9); color: var(--body); }

.gov__disc { position: absolute; left: calc(var(--mm) * -36); bottom: calc(var(--mm) * 24); width: calc(var(--mm) * 104); height: calc(var(--mm) * 104); border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 0 calc(var(--mm) * 4) var(--ivory), 0 0 0 calc(var(--mm) * 4.3) var(--logo); }
.gov__disc img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- 11 Why — split ---------- */
.sheet--split .sheet__in { padding: 0; }
.split2 { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; }
.split2__green { position: relative; background: var(--deep); color: #d9ebe6; padding: calc(var(--mm) * 22) calc(var(--mm) * 14) calc(var(--mm) * 20) calc(var(--mm) * 18); overflow: hidden; }
.split2__q { font-size: calc(var(--mm) * 11.6); line-height: 1.1; color: #fff; letter-spacing: -.02em; margin-bottom: calc(var(--mm) * 8) !important; }
.split2__q em { color: var(--logo); }
.split2__s { font-size: calc(var(--mm) * 3.6); color: #cfe3de; max-width: calc(var(--mm) * 70); position: relative; z-index: 1; }
.split2__rings { position: absolute; left: calc(var(--mm) * 52); bottom: calc(var(--mm) * -10); width: 0; height: 0; }
.split2__rings i { position: absolute; transform: translate(-50%, 50%); border-radius: 50%; border: 1px solid rgba(81,172,154,.35); }
.split2__rings i:nth-child(1) { width: calc(var(--mm) * 90); height: calc(var(--mm) * 90); }
.split2__rings i:nth-child(2) { width: calc(var(--mm) * 140); height: calc(var(--mm) * 140); border-color: rgba(81,172,154,.22); }
.split2__rings i:nth-child(3) { width: calc(var(--mm) * 190); height: calc(var(--mm) * 190); border-color: rgba(81,172,154,.14); }
.split2__ivory { padding: calc(var(--mm) * 32) calc(var(--mm) * 18) calc(var(--mm) * 24) calc(var(--mm) * 12); display: flex; align-items: center; }
.why { list-style: none; margin: 0; padding: 0; }
.why li { padding: calc(var(--mm) * 5) 0; border-top: 1px solid rgba(19,33,30,.14); }
.why span { font-style: italic; color: var(--red); font-size: calc(var(--mm) * 3.6); }
.why b { display: block; font-weight: 400; color: var(--ink); font-size: calc(var(--mm) * 6); line-height: 1.15; margin: calc(var(--mm) * 1) 0 calc(var(--mm) * 2); }
.why p { font-size: calc(var(--mm) * 3); margin: 0 !important; }
.sheet--split .folio { left: calc(50% + var(--mm) * 12); }

/* ---------- 12 Back cover ---------- */
.back { position: absolute; inset: 0; padding: calc(var(--mm) * 22) calc(var(--mm) * 18); }
.cover__rings--back { left: calc(var(--mm) * 210); top: calc(var(--mm) * 297); }
.cover__rings--back i:nth-child(4) { left: calc(var(--mm) * -88 * .7071); top: calc(var(--mm) * -88 * .7071); }
.back__logo { width: calc(var(--mm) * 62); height: auto; margin-bottom: calc(var(--mm) * 44); position: relative; }
.back__q { position: relative; font-size: calc(var(--mm) * 11); line-height: 1.1; color: #fff; letter-spacing: -.02em; max-width: calc(var(--mm) * 150); margin-bottom: calc(var(--mm) * 6) !important; }
.back__q em { color: var(--logo); }
.back__s { position: relative; font-size: calc(var(--mm) * 3.8); color: #cfe3de; max-width: calc(var(--mm) * 120); margin-bottom: calc(var(--mm) * 14) !important; }
.back__dl { position: relative; margin: 0; max-width: calc(var(--mm) * 120); border-top: 1px solid rgba(255,255,255,.25); }
.back__dl > div { display: grid; grid-template-columns: calc(var(--mm) * 36) 1fr; padding: calc(var(--mm) * 3.2) 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.back__dl dt { font-family: var(--sans); font-size: calc(var(--mm) * 2.1); letter-spacing: .2em; text-transform: uppercase; color: var(--logo-soft); padding-top: calc(var(--mm) * .8); }
.back__dl dd { margin: 0; color: #fff; font-size: calc(var(--mm) * 4); }
.back__fine { position: absolute; left: calc(var(--mm) * 18); right: calc(var(--mm) * 60); bottom: calc(var(--mm) * 16); font-family: var(--sans); font-size: calc(var(--mm) * 2); line-height: 1.5; color: rgba(255,255,255,.55); }

/* =====================================================================
   Phones: reflow the publication into readable, stacked pages
   ===================================================================== */
@media (max-width: 720px) {
  .pub { padding: 16px 0 48px; }
  .sheet { aspect-ratio: auto; width: 100%; margin-bottom: 18px; box-shadow: none; }
  .sheet__in { --mm: 1.85px; position: relative; inset: auto; padding: 44px 22px 72px; font-size: 15px; }
  .display { font-size: 32px; } .display--sm { font-size: 27px; }
  .lede { font-size: 17px; } .prose-sm, .ledger-sm li, .dial figcaption, .facts4 dd, .compass__cap p, .lg__d, .atlas__tile--note p, .proc__list li, .assure__col, .strat em, .why p, .caveat { font-size: 14px; }
  .g2, .g2--toc, .glance, .facts4, .atlas__head, .assure, .split2 { grid-template-columns: 1fr; gap: 28px; }
  .facts4 > div + div { border-left: 0; padding-left: 0; }
  .cover, .back, .split2 { position: relative; inset: auto; }
  .cover { min-height: 640px; }
  .cover h1 { font-size: 34px; } .cover__logo { width: 170px; }
  .cover__disc { width: 320px; height: 320px; left: auto; right: -110px; top: 110px; }
  .foreword { margin: 0 -22px -72px; padding: 48px 22px; }
  .foreword__q { font-size: 22px; }
  .toc li { font-size: 17px; } .ledger-sm { columns: 1; }
  .who__disc, .assure__disc, .gov__disc, .band-arch, .compass__ring, .split2__rings, .act::after { display: none; }
  .sheet--photo-foot .folio { color: var(--muted); } .sheet--photo-foot .folio__n { color: var(--ink); }
  .sheet:has(.assure__disc) .folio { color: var(--muted); }
  .sheet:has(.assure__disc) .folio__n { color: var(--ink); }
  .compass { height: auto; display: grid; gap: 24px; }
  .compass__core { position: static; transform: none; order: -1; }
  .compass__cap { position: static; transform: none !important; width: auto !important; text-align: left !important; }
  .compass__cap h3, .why b { font-size: 20px; }
  .act__img { height: 220px; margin: 0 -22px 32px; }
  .ledger li { grid-template-columns: 28px 1fr; } .lg__d { grid-column: 2; }
  .ledger b, .strat b, .proc__list b { font-size: 16px; }
  .atlas { grid-template-columns: 1fr 1fr; gap: 8px; }
  .atlas__tile { min-height: 130px; padding: 12px; } .atlas__code { font-size: 26px; } .atlas__name { font-size: 13px; } .atlas__key, .atlas__cat { font-size: 11px; }
  .orbit__label { display: none; }
  .orbit { width: 220px; height: 220px; margin: 12px auto; }
  .orbit__node { width: 26px; height: 26px; font-size: 13px; } .orbit__core { font-size: 10px; }
  .proc__list { grid-template-columns: 1fr; }
  .caveat { position: static; margin-top: 24px; }
  .big-i { font-size: 30px; } .pillars li { font-size: 34px; }
  .split2__green, .split2__ivory { padding: 44px 22px; }
  .split2__q { font-size: 36px; } .split2__s { font-size: 16px; }
  .back { padding: 48px 22px 120px; } .back__q { font-size: 34px; } .back__dl dd { font-size: 17px; } .back__dl > div { grid-template-columns: 110px 1fr; }
  .back__logo { margin-bottom: 64px; }
  .back__fine { right: 22px; left: 22px; bottom: 24px; }
  .sheet--split .folio { left: 22px; }
  .folio { left: 22px; right: 22px; bottom: 24px; font-size: 10px; } .folio__n { font-size: 15px; }
  .kicker { font-size: 11px; } .kicker__n { font-size: 18px; }
}

/* =====================================================================
   Print / PDF — A4, one sheet per page
   ===================================================================== */
@page { size: A4; margin: 0; }
@media print {
  html, body { background: #fff !important; }
  .pf-toolbar { display: none !important; }
  .pub { background: none; padding: 0; }
  .sheet { width: 210mm; height: 297mm; aspect-ratio: auto; margin: 0; box-shadow: none; break-after: page; page-break-after: always; }
  .sheet:last-child { break-after: auto; page-break-after: auto; }
  * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}