:root {
  --black: #0B0B0D;
  --orange: #D85A1A;
  --red: #D92D20;
  --light-blue: #58BFEA;
  --yellow: #FFD21F;
  --warm-white: #F7F5F0;
  --agriculture-green: #277A55;
  --halal-emerald: #087A68;
  --mineral-gold: #C89B32;
  --ink-muted: #6f6f73;
  --line-dark: rgba(247, 245, 240, 0.18);
  --line-light: rgba(11, 11, 13, 0.17);
  --header-height: 7rem;
  --font-sans: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ease-editorial: cubic-bezier(.2, .8, .2, 1);
}

html { scroll-padding-top: calc(var(--header-height) + 1rem); }

body {
  min-width: 20rem;
  background: var(--black);
  color: var(--warm-white);
  font-family: var(--font-sans);
  font-size: clamp(1rem, .94rem + .22vw, 1.125rem);
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

body.menu-open { overflow: hidden; }

:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: .75rem;
  left: .75rem;
  padding: .75rem 1rem;
  background: var(--yellow);
  color: var(--black);
  transform: translateY(-180%);
  transition: transform .2s ease;
}

.skip-link:focus { transform: translateY(0); }

.eyebrow {
  color: var(--orange);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .15em;
  line-height: 1.3;
  text-transform: uppercase;
}

.site-header {
  position: fixed;
  z-index: 50;
  inset: 0 0 auto;
  min-height: var(--header-height);
  background: rgba(11, 11, 13, .95);
  border-bottom: 1px solid var(--line-dark);
  backdrop-filter: blur(16px);
}

.header-main {
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.brand-lockup { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.brand-mark { display: grid; gap: 3px; width: 2rem; flex: 0 0 auto; }
.brand-mark i { display: block; height: 4px; }
.brand-mark i:nth-child(1) { background: var(--yellow); }
.brand-mark i:nth-child(2) { background: var(--light-blue); }
.brand-mark i:nth-child(3) { background: var(--red); }
.brand-copy { display: grid; line-height: 1.1; }
.brand-copy strong { font-size: .9rem; letter-spacing: -.01em; }
.brand-copy small { margin-top: .28rem; color: #aaa9ad; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

.header-controls { display: flex; align-items: center; gap: .5rem; }
.segmented-control { display: flex; align-items: center; border: 1px solid var(--line-dark); }
.segmented-control button {
  min-height: 2.25rem;
  padding: .35rem .65rem;
  background: transparent;
  color: #aaa9ad;
  cursor: pointer;
  font-size: .8125rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.segmented-control button + button { border-left: 1px solid var(--line-dark); }
.segmented-control button[aria-pressed="true"] { background: var(--warm-white); color: var(--black); }
.segmented-control button:hover { color: var(--warm-white); }
.segmented-control button[aria-pressed="true"]:hover { color: var(--black); }

.menu-toggle {
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  padding: .75rem;
  background: transparent;
  border: 1px solid var(--line-dark);
  cursor: pointer;
}
.menu-toggle span:not(.sr-only) { display: block; height: 2px; background: var(--warm-white); transition: transform .2s ease; }
.menu-toggle span:not(.sr-only) + span { margin-top: .45rem; }
.menu-toggle[aria-expanded="true"] span:nth-last-child(2) { transform: translateY(.225rem) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-.225rem) rotate(-45deg); }

.primary-nav {
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  border-top: 1px solid var(--line-dark);
}
.primary-nav a {
  position: relative;
  padding: .9rem 0 .8rem;
  color: #bdbcc0;
  font-size: clamp(.875rem, .83rem + .1vw, .9375rem);
  font-weight: 800;
  letter-spacing: .035em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.primary-nav a::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.primary-nav a:hover, .primary-nav a[aria-current="location"] { color: var(--warm-white); }
.primary-nav a[aria-current="location"]::after { transform: scaleX(1); }
.mobile-mode-control { display: none; }

.reading-progress { position: absolute; inset: auto 0 0; height: 2px; overflow: hidden; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--yellow); transform: scaleX(0); transform-origin: left; }

.hero {
  position: relative;
  min-height: 100svh;
  padding: calc(var(--header-height) + 4.5rem) 0 4.5rem;
  display: grid;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
}
.hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 75% 30%, rgba(216, 90, 26, .12), transparent 30%), linear-gradient(105deg, transparent 52%, rgba(247, 245, 240, .035) 52%); }
.hero-backdrop { position: absolute; z-index: -2; right: 0; top: var(--header-height); width: min(28vw, 28rem); height: calc(100% - var(--header-height)); display: grid; grid-template-columns: 1fr 1fr 1fr; opacity: .92; }
.field-yellow { background: var(--yellow); }
.field-blue { background: var(--light-blue); }
.field-red { background: var(--red); }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(18rem, .7fr); gap: clamp(2rem, 6vw, 7rem); align-items: end; }
.hero-copy h1 { max-width: 10ch; margin-top: 1rem; font-size: clamp(3.45rem, 8.4vw, 8.7rem); font-weight: 850; letter-spacing: -.075em; line-height: .82; text-transform: uppercase; }
.hero-copy h1 span { color: var(--yellow); }
.hero-deck { max-width: 38rem; margin-top: 2rem; color: #d8d6d0; font-size: clamp(1.2rem, 1.1rem + .65vw, 1.8rem); line-height: 1.3; }
.hero-meta { display: flex; flex-wrap: wrap; gap: .55rem 1.5rem; margin-top: 2.1rem; color: #959499; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hero-meta span { position: relative; }
.hero-meta span + span::before { content: "/"; position: absolute; left: -.95rem; color: var(--orange); }

.hero-partners { position: relative; margin-right: min(8vw, 6rem); padding: clamp(1.5rem, 2.5vw, 2.25rem); background: var(--warm-white); color: var(--black); box-shadow: 1.25rem 1.25rem 0 rgba(11, 11, 13, .72); }
.logo-stage { display: grid; grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr); gap: clamp(1.25rem, 2.5vw, 2.25rem); align-items: center; }
.logo-stage figure { display: grid; min-width: 0; min-height: 9.25rem; align-content: center; justify-items: center; gap: .8rem; }
.logo-stage img { display: block; width: min(100%, 9rem); height: 7.75rem; object-fit: contain; }
.logo-stage figcaption { color: #444348; font-size: .72rem; font-weight: 800; letter-spacing: .1em; line-height: 1; text-align: center; text-transform: uppercase; }
.partner-divider { width: 1px; height: 8.25rem; background: var(--line-light); }

.story-sequence { grid-column: 1 / -1; display: flex; align-items: center; gap: .75rem; padding-top: 2.25rem; border-top: 1px solid var(--line-dark); color: #c9c7c2; font-size: clamp(.73rem, .66rem + .25vw, .88rem); font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.story-sequence i { min-width: 2rem; height: 1px; flex: 1; background: var(--line-dark); }
.scroll-cue { position: absolute; left: max(1rem, calc((100% - min(100% - 5rem, 90rem)) / 2)); bottom: 1.35rem; color: #9c9ba0; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.scroll-cue span { margin-left: .55rem; color: var(--yellow); }

.narrative-guardrail { background: var(--orange); color: var(--black); }
.guardrail-grid { min-height: 22rem; padding-block: clamp(3rem, 6vw, 6rem); display: grid; grid-template-columns: .5fr 1.4fr .4fr; gap: clamp(2rem, 5vw, 6rem); align-items: start; }
.narrative-guardrail .eyebrow { color: var(--black); }
.guardrail-grid h2 { max-width: 18ch; font-size: clamp(2rem, 4.4vw, 4.7rem); letter-spacing: -.055em; line-height: .95; }
.guardrail-grid h2 + p { max-width: 44rem; margin-top: 1.5rem; }
.guardrail-status { border-top: 3px solid var(--black); padding-top: 1rem; }
.guardrail-status span { font-size: clamp(3rem, 5vw, 5rem); font-weight: 850; letter-spacing: -.06em; line-height: .8; }
.guardrail-status p { margin-top: .85rem; font-size: .78rem; font-weight: 800; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.guardrail-status em { display: block; margin-top: .2rem; font-size: .68rem; font-style: normal; letter-spacing: .1em; }

.skeleton-section { position: relative; min-height: min(46rem, 84svh); background: var(--warm-white); color: var(--black); border-bottom: 1px solid var(--line-light); }
.skeleton-section:nth-child(even) { background: #eeeae2; }
.skeleton-section[data-theme="dark"] { background: var(--black); color: var(--warm-white); border-color: var(--line-dark); }
.skeleton-grid { min-height: inherit; padding-block: clamp(4rem, 9vw, 8rem); display: grid; grid-template-columns: minmax(5rem, .25fr) minmax(0, 1fr) minmax(17rem, .62fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; }
.section-number { align-self: start; color: var(--orange); font-size: clamp(3rem, 6vw, 6.5rem); font-weight: 850; letter-spacing: -.08em; line-height: .8; }
.section-copy { align-self: center; }
.section-copy h2 { max-width: 16ch; font-size: clamp(2.35rem, 5vw, 5.75rem); letter-spacing: -.065em; line-height: .92; text-wrap: balance; }
.section-source { max-width: 44rem; margin-top: 1.4rem; color: #5e5d61; }
[data-theme="dark"] .section-source { color: #b5b3b7; }
.section-source strong { color: inherit; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.section-status { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1.4rem; padding-top: .9rem; border-top: 1px solid currentColor; color: var(--ink-muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .92; }
[data-theme="dark"] .section-status { color: #c4c2c6; }
.section-status::before { content: ""; width: .55rem; height: .55rem; background: var(--yellow); }

.visual-reserve { position: relative; min-height: 21rem; display: grid; place-items: center; border: 1px solid var(--line-light); overflow: hidden; }
[data-theme="dark"] .visual-reserve { border-color: var(--line-dark); }
.visual-reserve::before, .visual-reserve::after { content: ""; position: absolute; background: var(--line-light); }
[data-theme="dark"] .visual-reserve::before, [data-theme="dark"] .visual-reserve::after { background: var(--line-dark); }
.visual-reserve::before { width: 150%; height: 1px; transform: rotate(33deg); }
.visual-reserve::after { width: 1px; height: 150%; transform: rotate(33deg); }
.visual-label { position: relative; z-index: 1; max-width: 13rem; padding: .85rem 1rem; background: var(--warm-white); border: 1px solid var(--line-light); font-size: .69rem; font-weight: 800; letter-spacing: .09em; line-height: 1.45; text-align: center; text-transform: uppercase; }
[data-theme="dark"] .visual-label { background: var(--black); border-color: var(--line-dark); }
.visual-accent { position: absolute; inset: auto 0 0 auto; width: 44%; height: .6rem; background: var(--section-accent, var(--orange)); }

/* CHECKPOINT C2 — Sections 01–04 */
.c2-section { min-height: auto; overflow: hidden; }
.c2-frame { padding-block: clamp(5rem, 9vw, 9rem); }
.c2-heading {
  display: grid;
  grid-template-columns: minmax(5rem, .22fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: start;
}
.c2-heading > div { min-width: 0; }
.c2-heading h2 {
  max-width: 15ch;
  margin-top: .8rem;
  font-size: clamp(2.7rem, 6vw, 6.7rem);
  letter-spacing: -.068em;
  line-height: .9;
  text-wrap: balance;
}
.c2-kicker, .micro-label {
  color: var(--orange);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .13em;
  line-height: 1.35;
  text-transform: uppercase;
}
[data-theme="dark"] .c2-kicker { color: var(--yellow); }
.c2-lead {
  max-width: 49rem;
  margin-top: 1.5rem;
  font-size: clamp(1.18rem, 1.02rem + .55vw, 1.62rem);
  line-height: 1.42;
}
.c2-support {
  max-width: 46rem;
  margin-top: 1rem;
  color: #66656a;
}
[data-theme="dark"] .c2-support { color: #b8b6ba; }

.economy-story {
  margin-top: clamp(3.5rem, 7vw, 7rem);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(19rem, .8fr);
  gap: clamp(2rem, 6vw, 7rem);
  align-items: stretch;
}
.narrative-ladder { counter-reset: economy; }
.narrative-ladder li {
  position: relative;
  min-height: 6.2rem;
  padding: 1.5rem 2.5rem 1.5rem 5.5rem;
  display: grid;
  align-content: center;
  border-top: 1px solid var(--line-light);
}
.narrative-ladder li:last-child { border-bottom: 1px solid var(--line-light); }
.narrative-ladder li:not(:last-child)::after {
  content: "↓";
  position: absolute;
  z-index: 1;
  left: 1.1rem;
  bottom: -1.25rem;
  width: 2.4rem;
  height: 2.4rem;
  display: grid;
  place-items: center;
  background: var(--warm-white);
  color: var(--orange);
  font-weight: 850;
}
.sequence-index {
  position: absolute;
  left: 0;
  color: var(--orange);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
}
.narrative-ladder strong {
  font-size: clamp(1.35rem, 1.1rem + .8vw, 2.2rem);
  letter-spacing: -.03em;
  line-height: 1.08;
  text-transform: uppercase;
}
.narrative-ladder em {
  margin-top: .2rem;
  color: #66656a;
  font-size: .82rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.economy-foundation {
  position: relative;
  min-height: 25rem;
  padding: clamp(2rem, 4vw, 4rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: var(--black);
  color: var(--warm-white);
}
.economy-foundation h3 {
  max-width: 10ch;
  margin-top: .8rem;
  font-size: clamp(2.1rem, 3.8vw, 4rem);
  letter-spacing: -.06em;
  line-height: .93;
}
.economy-foundation > p:last-child { max-width: 30rem; margin-top: 1.25rem; color: #c3c1c4; }
.venezuela-stripes {
  position: absolute;
  inset: 0 0 auto;
  height: .8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.venezuela-stripes i:nth-child(1) { background: var(--yellow); }
.venezuela-stripes i:nth-child(2) { background: var(--light-blue); }
.venezuela-stripes i:nth-child(3) { background: var(--red); }

.cb-explainer {
  margin-top: clamp(3.5rem, 7vw, 7rem);
  display: grid;
  grid-template-columns: minmax(20rem, .8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 6vw, 7rem);
  align-items: start;
}
.cb-contrast { border: 1px solid var(--line-dark); }
.cb-contrast > div { padding: clamp(1.5rem, 3vw, 2.7rem); }
.cb-contrast > div + div { border-top: 1px solid var(--line-dark); }
.cb-contrast p { color: #aaa8ad; font-size: .73rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.cb-contrast strong {
  display: block;
  margin-top: .7rem;
  font-size: clamp(1.7rem, 3vw, 3rem);
  letter-spacing: -.045em;
  line-height: 1.03;
  text-transform: uppercase;
}
.claim-state strong { color: #b9b7bb; }
.trust-state { border-left: .4rem solid var(--halal-emerald); }
.trust-state strong { color: var(--yellow); }
.cb-contrast small {
  display: block;
  padding: 1rem 1.5rem;
  color: #949297;
  border-top: 1px solid var(--line-dark);
  font-size: .75rem;
  line-height: 1.45;
}
.capability-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
.capability-list li {
  min-height: 5.4rem;
  padding: 1.25rem 0;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: .75rem;
  align-items: start;
  border-top: 1px solid var(--line-dark);
  font-weight: 720;
  line-height: 1.35;
}
.capability-list li:nth-last-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
.capability-list span { color: var(--orange); font-size: .72rem; font-weight: 850; letter-spacing: .08em; }
.famven-position {
  margin-top: clamp(3rem, 6vw, 6rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  background: var(--warm-white);
  color: var(--black);
}
.famven-position img { width: 8rem; height: 8rem; object-fit: contain; }
.famven-position > div > p:last-child { max-width: 58rem; margin-top: .65rem; font-size: clamp(1.05rem, .98rem + .35vw, 1.3rem); line-height: 1.5; }

.certification-system, .assurance-system { margin-top: clamp(3.5rem, 7vw, 7rem); }
.process-flow {
  list-style: none;
  padding-left: 0;
  position: relative;
  isolation: isolate;
  margin-top: 1.4rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.process-flow li {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding-right: 1rem;
  cursor: default;
}
.process-flow li > span {
  position: relative;
  z-index: 2;
  width: 2.55rem;
  height: 2.55rem;
  display: grid;
  place-items: center;
  background: var(--warm-white);
  border: 2px solid var(--black);
  box-shadow: 0 0 0 .35rem var(--warm-white);
  color: var(--black);
  font-size: .68rem;
  font-weight: 850;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.process-flow li strong {
  display: block;
  max-width: 9rem;
  margin-top: 1rem;
  font-size: clamp(.76rem, .7rem + .18vw, .92rem);
  letter-spacing: .04em;
  line-height: 1.3;
  text-transform: uppercase;
}
.process-flow li:hover > span, .process-flow li:focus-visible > span,
.process-flow.is-progressing li > span { background: var(--orange); border-color: var(--orange); color: var(--warm-white); }
.process-flow::before,
.process-flow::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1.2rem;
  left: 1.25rem;
  right: calc(16.666% - 1.25rem);
  height: 2px;
}
.process-flow::before {
  background: var(--line-light);
}
.process-flow::after {
  background: var(--orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1s var(--ease-editorial);
}
.process-flow.is-progressing::after { transform: scaleX(1); }
.process-flow li:nth-of-type(2) > span { transition-delay: .08s; }
.process-flow li:nth-of-type(3) > span { transition-delay: .16s; }
.process-flow li:nth-of-type(4) > span { transition-delay: .24s; }
.process-flow li:nth-of-type(5) > span { transition-delay: .32s; }
.process-flow li:nth-of-type(6) > span { transition-delay: .4s; }
.assurance-system {
  padding: clamp(2rem, 4vw, 4rem);
  background: var(--black);
  color: var(--warm-white);
}
.assurance-heading { display: flex; justify-content: space-between; gap: 2rem; align-items: end; }
.assurance-heading p:last-child { max-width: 36rem; font-size: 1.12rem; }
.assurance-system .micro-label { color: var(--light-blue); }
.assurance-system .process-flow::before { background: var(--line-dark); }
.assurance-system .process-flow::after { background: var(--light-blue); }
.assurance-system .process-flow li > span { background: var(--black); border-color: var(--warm-white); box-shadow: 0 0 0 .35rem var(--black); color: var(--warm-white); }
.assurance-system .process-flow li:hover > span,
.assurance-system .process-flow li:focus-visible > span,
.assurance-system .process-flow.is-progressing li > span { background: var(--light-blue); border-color: var(--light-blue); color: var(--black); }
.monitoring-controls {
  margin-top: 2.7rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line-dark);
}
.monitoring-controls li {
  padding: 1.2rem 1rem 0 0;
  color: #bdbbc0;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.benefit-list { margin-top: clamp(3.5rem, 7vw, 7rem); }
.benefit-list li {
  min-height: 9rem;
  padding: 2rem 0;
  display: grid;
  grid-template-columns: minmax(4rem, .2fr) minmax(12rem, .55fr) minmax(0, 1.25fr);
  gap: clamp(1.5rem, 4vw, 5rem);
  align-items: start;
  border-top: 1px solid var(--line-light);
}
.benefit-list li:last-child { border-bottom: 1px solid var(--line-light); }
.benefit-list span { color: var(--orange); font-size: 1rem; font-weight: 850; letter-spacing: .08em; }
.benefit-list h3 { font-size: clamp(1.5rem, 2.5vw, 2.6rem); letter-spacing: -.045em; line-height: 1; text-transform: uppercase; }
.benefit-list p { max-width: 42rem; color: #555459; font-size: 1.05rem; line-height: 1.55; }
.institutional-sequence {
  margin-top: clamp(3rem, 6vw, 6rem);
  padding: clamp(2rem, 4vw, 4rem);
  background: var(--black);
  color: var(--warm-white);
}
.institutional-sequence .micro-label { color: var(--yellow); }
.institutional-sequence ol {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.5rem;
}
.institutional-sequence li {
  position: relative;
  padding-right: 1.5rem;
  font-size: clamp(.78rem, .72rem + .18vw, .92rem);
  font-weight: 850;
  letter-spacing: .055em;
  line-height: 1.3;
  text-transform: uppercase;
}
.institutional-sequence li:not(:last-child)::after { content: "→"; position: absolute; right: 0; color: var(--orange); }

/* CHECKPOINT C3 — Section 05 */
.recognition-frame { padding-bottom: clamp(6rem, 10vw, 10rem); }
.jakim-identity {
  margin-top: clamp(3.5rem, 7vw, 7rem);
  padding: clamp(2rem, 4vw, 4rem);
  display: grid;
  grid-template-columns: minmax(8rem, .28fr) minmax(0, 1.25fr) minmax(18rem, .75fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
  background: var(--warm-white);
  color: var(--black);
}
.jakim-marks { min-height: 13rem; padding-right: clamp(1rem, 2vw, 2rem); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; border-right: 1px solid var(--line-light); }
.jakim-marks img { display: block; object-fit: contain; }
.jakim-mark { width: min(100%, 6.5rem); max-height: 7.5rem; }
.halal-malaysia-mark { width: min(100%, 5rem); max-height: 5rem; }
.identity-mark-divider { width: 3.25rem; height: 1px; flex: 0 0 auto; background: var(--line-light); }
.jakim-identity h3 {
  margin-top: .5rem;
  font-size: clamp(2.6rem, 5vw, 5.2rem);
  letter-spacing: -.065em;
  line-height: .82;
}
.jakim-identity strong {
  display: block;
  margin-top: .75rem;
  color: #47464b;
  font-size: clamp(1rem, .93rem + .3vw, 1.3rem);
}
.jakim-identity > div:nth-child(2) > p:last-child { max-width: 47rem; margin-top: 1.25rem; }
.jakim-identity > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line-light); }
.jakim-identity > ul li {
  padding: .85rem .5rem .85rem 0;
  border-bottom: 1px solid var(--line-light);
  font-size: .73rem;
  font-weight: 850;
  letter-spacing: .065em;
  line-height: 1.35;
  text-transform: uppercase;
}

.role-boundary {
  margin-top: clamp(3rem, 6vw, 6rem);
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  border: 1px solid var(--line-dark);
}
.role-boundary > section { padding: clamp(2rem, 4vw, 4rem); }
.role-boundary > section + section { border-left: 1px solid var(--line-dark); }
.role-boundary .not-role { border-top: .45rem solid var(--red); }
.role-boundary .local-role { border-top: .45rem solid var(--light-blue); }
.role-boundary h3 {
  margin-top: .7rem;
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: -.055em;
  line-height: .92;
  text-transform: uppercase;
}
.role-boundary ul { margin-top: 2rem; display: grid; gap: 1rem; }
.role-boundary li {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
  color: #d2d0d4;
}
.role-boundary li span {
  width: 1.7rem;
  height: 1.7rem;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  font-weight: 850;
  line-height: 1;
}
.not-role li span { color: #ff746c; }
.local-role li span { color: var(--light-blue); }

.fhcb-explainer {
  margin-top: clamp(3rem, 6vw, 6rem);
  padding: clamp(2rem, 4vw, 4rem);
  display: grid;
  grid-template-columns: minmax(17rem, .65fr) minmax(0, 1.35fr);
  gap: clamp(2rem, 6vw, 7rem);
  background: #ede9e1;
  color: var(--black);
}
.fhcb-explainer h3 {
  margin-top: .6rem;
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: -.055em;
  line-height: .95;
}
.fhcb-explainer > div:first-child > strong { display: block; margin-top: 1.1rem; font-size: 1.16rem; }
.fhcb-explainer > div:first-child > p:last-child { margin-top: .65rem; color: #5c5a5f; }
.status-comparison { display: grid; grid-template-columns: 1fr 3rem 1fr; gap: 1rem; align-items: stretch; }
.status-comparison article { padding: 1.5rem; border-top: 3px solid var(--orange); background: var(--warm-white); }
.status-comparison article:last-child { border-color: var(--halal-emerald); }
.status-comparison article > span {
  color: #6a686d;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.status-comparison h4 { margin-top: .65rem; font-size: clamp(1.3rem, 2vw, 2rem); letter-spacing: -.035em; line-height: 1.05; text-transform: uppercase; }
.status-comparison p { margin-top: .8rem; color: #5b595e; font-size: .93rem; line-height: 1.5; }
.status-comparison > i { display: grid; place-items: center; color: var(--orange); font-size: 2rem; font-style: normal; font-weight: 850; }

.recognition-path {
  margin-top: clamp(3rem, 6vw, 6rem);
  padding: clamp(2rem, 5vw, 5rem);
  background: #151517;
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
}
.recognition-path > .micro-label { color: var(--yellow); }
.recognition-path ol { position: relative; isolation: isolate; margin-top: 2.5rem; padding-left: 0; display: grid; gap: 1rem; list-style: none; }
.recognition-path ol::before,
.recognition-path ol::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1.5rem;
  bottom: 1.5rem;
  left: 1.45rem;
  width: 2px;
}
.recognition-path ol::before { background: var(--line-dark); }
.recognition-path ol::after {
  background: var(--orange);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 1.1s var(--ease-editorial);
}
.recognition-path ol.is-progressing::after { transform: scaleY(1); }
.recognition-path li {
  position: relative;
  z-index: 1;
  min-height: 4.2rem;
  padding-left: 5rem;
  display: flex;
  align-items: center;
}
.recognition-path li > span {
  position: absolute;
  z-index: 2;
  left: 0;
  top: .35rem;
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  background: #151517;
  border: 2px solid #767479;
  box-shadow: 0 0 0 .35rem #151517;
  color: #c2c0c4;
  font-size: .68rem;
  font-weight: 850;
  transition: background .25s ease, border-color .25s ease, color .25s ease;
}
.recognition-path li strong {
  font-size: clamp(1rem, .9rem + .45vw, 1.35rem);
  letter-spacing: .015em;
  line-height: 1.25;
  text-transform: uppercase;
}
.recognition-path li:hover > span,
.recognition-path li:focus-visible > span,
.recognition-path ol.is-progressing li > span { background: var(--orange); border-color: var(--orange); color: var(--warm-white); }
.recognition-path li:nth-child(2) > span { transition-delay: .08s; }
.recognition-path li:nth-child(3) > span { transition-delay: .16s; }
.recognition-path li:nth-child(4) > span { transition-delay: .24s; }
.recognition-path li:nth-child(5) > span { transition-delay: .32s; }
.recognition-path li:nth-child(6) > span { transition-delay: .4s; }
.recognition-condition {
  margin-top: 2.5rem;
  padding: 1.2rem 1.4rem;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .75rem;
  align-items: center;
  background: var(--yellow);
  color: var(--black);
  font-weight: 780;
  line-height: 1.4;
}
.recognition-condition span {
  width: 1.65rem;
  height: 1.65rem;
  display: grid;
  place-items: center;
  border: 2px solid var(--black);
  font-size: .8rem;
  font-weight: 900;
}

.institution-roles { margin-top: clamp(3rem, 6vw, 6rem); }
.institution-roles > .micro-label { color: var(--light-blue); }
.role-pair { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr 4rem 1fr; gap: 1rem; align-items: stretch; }
.role-pair article { padding: clamp(1.7rem, 3vw, 3rem); border: 1px solid var(--line-dark); }
.role-pair article > span {
  color: #9e9ca1;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.role-pair h3 { margin-top: .5rem; font-size: clamp(1.7rem, 3vw, 3.2rem); letter-spacing: -.05em; line-height: 1; }
.role-pair ul { margin-top: 1.5rem; display: grid; gap: .65rem; }
.role-pair li { padding-top: .65rem; border-top: 1px solid var(--line-dark); color: #c5c3c7; }
.role-exchange { display: grid; place-items: center; color: var(--orange); font-size: 2.2rem; font-weight: 850; }

.recognition-value {
  margin-top: clamp(4rem, 7vw, 7rem);
  display: grid;
  grid-template-columns: minmax(15rem, .38fr) minmax(0, 1.62fr);
  gap: clamp(2rem, 6vw, 7rem);
}
.recognition-value-heading h3 {
  max-width: 9ch;
  margin-top: .7rem;
  font-size: clamp(2.3rem, 4vw, 4.5rem);
  letter-spacing: -.06em;
  line-height: .9;
}
.recognition-value > ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.recognition-value > ol li {
  min-height: 14rem;
  padding: 1.5rem 1.5rem 1.5rem 0;
  border-top: 1px solid var(--line-dark);
}
.recognition-value > ol li:nth-child(even) { padding-left: 1.5rem; border-left: 1px solid var(--line-dark); }
.recognition-value > ol li:nth-last-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
.recognition-value > ol span { color: var(--orange); font-size: .75rem; font-weight: 850; letter-spacing: .09em; }
.recognition-value > ol h3 { margin-top: 1.1rem; font-size: clamp(1.35rem, 2vw, 2rem); letter-spacing: -.035em; line-height: 1; text-transform: uppercase; }
.recognition-value > ol p { margin-top: .9rem; color: #b9b7bc; line-height: 1.5; }
.regulatory-note {
  margin-top: 2.5rem;
  padding: 1.4rem 1.6rem;
  display: grid;
  grid-template-columns: minmax(10rem, .3fr) minmax(0, 1.7fr);
  gap: 1.5rem;
  background: rgba(247, 245, 240, .05);
  border-left: .35rem solid var(--orange);
}
.regulatory-note > p:last-child { color: #bbb9bd; font-size: .94rem; line-height: 1.5; }

/* C4P-LITE — Sections 06–10 and executive closing */
.c4p-frame { position: relative; }
.status-line { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .6rem; }
.status-line span,
.condition-line span {
  padding: .55rem .7rem;
  border: 1px solid currentColor;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .09em;
  line-height: 1;
  text-transform: uppercase;
}
.caracas-context { margin-top: clamp(3rem, 6vw, 6rem); display: grid; grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr); gap: clamp(2rem, 6vw, 7rem); align-items: stretch; }
.location-criteria h3 { max-width: 14ch; margin-top: .8rem; font-size: clamp(2rem, 3.7vw, 4rem); letter-spacing: -.055em; line-height: .95; }
.criteria-list,
.office-plan,
.flagship-process ol { list-style: none; padding-left: 0; }
.criteria-list { margin-top: 2rem; border-top: 1px solid var(--line-light); }
.criteria-list li { min-height: 3.6rem; padding: .8rem 0; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .75rem; align-items: center; border-bottom: 1px solid var(--line-light); }
.criteria-list span { color: var(--orange); font-size: .7rem; font-weight: 850; }
.criteria-list strong { font-size: .9rem; letter-spacing: .035em; line-height: 1.3; text-transform: uppercase; }
.caracas-schematic { min-height: 31rem; display: grid; grid-template-rows: 1fr auto; background: var(--black); color: var(--warm-white); overflow: hidden; }
.schematic-grid { position: relative; min-height: 22rem; background: linear-gradient(28deg, transparent 48%, rgba(88,191,234,.28) 49%, rgba(88,191,234,.28) 50%, transparent 51%), linear-gradient(-24deg, transparent 47%, rgba(247,245,240,.13) 48%, rgba(247,245,240,.13) 49%, transparent 50%); }
.schematic-grid i { position: absolute; background: rgba(247,245,240,.13); }
.schematic-grid i:nth-child(1) { inset: 18% 0 auto; height: 1px; }
.schematic-grid i:nth-child(2) { inset: 45% 0 auto; height: 1px; }
.schematic-grid i:nth-child(3) { inset: 72% 0 auto; height: 1px; }
.schematic-grid i:nth-child(4) { inset: 0 auto 0 24%; width: 1px; }
.schematic-grid i:nth-child(5) { inset: 0 auto 0 53%; width: 1px; }
.schematic-grid i:nth-child(6) { inset: 0 auto 0 78%; width: 1px; }
.search-ring { position: absolute; left: 54%; top: 48%; width: clamp(7rem, 14vw, 11rem); aspect-ratio: 1; display: grid; place-items: center; border: 2px solid var(--yellow); transform: translate(-50%, -50%); }
.search-ring::before, .search-ring::after { content: ""; position: absolute; background: var(--yellow); }
.search-ring::before { width: 140%; height: 1px; }
.search-ring::after { width: 1px; height: 140%; }
.search-ring b { position: relative; z-index: 1; width: 1rem; aspect-ratio: 1; background: var(--orange); }
.caracas-schematic figcaption { padding: 1.35rem 1.5rem; display: grid; gap: .2rem; border-top: 1px solid var(--line-dark); }
.caracas-schematic figcaption span, .flagship-masterplan figcaption span { color: var(--yellow); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.caracas-schematic figcaption strong { font-size: 1.2rem; letter-spacing: -.02em; text-transform: uppercase; }
.caracas-schematic figcaption small { color: #aaa8ad; font-size: .78rem; }
.starter-office { margin-top: clamp(4rem, 7vw, 7rem); border-top: .45rem solid var(--orange); background: #eeeae2; }
.starter-office > header { padding: clamp(1.5rem, 3vw, 2.5rem); display: flex; align-items: end; justify-content: space-between; gap: 2rem; border-bottom: 1px solid var(--line-light); }
.starter-office h3 { margin-top: .35rem; font-size: clamp(2rem, 3vw, 3.4rem); letter-spacing: -.05em; line-height: 1; }
.starter-office > header > p { max-width: 17rem; font-size: .7rem; font-weight: 850; letter-spacing: .09em; text-align: right; text-transform: uppercase; }
.office-plan { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.office-plan li { min-height: 9rem; padding: 1.25rem; display: grid; align-content: space-between; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.office-plan li:nth-child(4n) { border-right: 0; }
.office-plan span { color: var(--orange); font-size: .7rem; font-weight: 850; }
.office-plan strong { max-width: 15ch; font-size: .82rem; letter-spacing: .025em; line-height: 1.35; text-transform: uppercase; }
.lean-sequence { margin-top: 2rem; display: grid; grid-template-columns: repeat(7, auto); gap: .75rem; align-items: center; justify-content: space-between; }
.lean-sequence strong { font-size: clamp(.75rem, .7rem + .2vw, .9rem); letter-spacing: .055em; text-transform: uppercase; }
.lean-sequence span { color: var(--orange); }

.flagship-frame .status-line span { border-color: var(--line-dark); }
.flagship-masterplan { margin-top: clamp(3rem, 6vw, 6rem); border: 1px solid var(--line-dark); background: #141416; }
.flagship-masterplan img { display: block; width: 100%; height: auto; }
.flagship-masterplan figcaption { padding: 1.2rem 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line-dark); }
.flagship-masterplan figcaption strong { font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; }
.flagship-gallery { margin-top: 1rem; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--line-dark); border: 1px solid var(--line-dark); }
.flagship-gallery figure { min-width: 0; background: var(--black); }
.flagship-gallery img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.flagship-gallery figcaption { min-height: 4.4rem; padding: .8rem; display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .4rem; align-content: start; color: #b8b6ba; font-size: .64rem; font-weight: 780; letter-spacing: .035em; line-height: 1.3; text-transform: uppercase; }
.flagship-gallery figcaption span { color: var(--orange); }
.flagship-process { margin-top: clamp(3rem, 6vw, 6rem); }
.flagship-process > .micro-label { color: var(--yellow); }
.flagship-process ol { margin-top: 1.4rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.flagship-process li { position: relative; min-height: 8.5rem; padding: 1.1rem; display: grid; align-content: space-between; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.flagship-process li:not(:nth-child(3n))::after { content: "→"; position: absolute; z-index: 1; right: -.58rem; top: 50%; padding: .1rem .2rem; background: var(--black); color: var(--orange); transform: translateY(-50%); }
.flagship-process li span { color: var(--orange); font-size: .7rem; font-weight: 850; }
.flagship-process li strong { max-width: 19ch; font-size: .82rem; letter-spacing: .035em; line-height: 1.35; text-transform: uppercase; }

.not-assigned { margin-top: clamp(2.5rem, 5vw, 5rem); padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--yellow); color: var(--black); font-size: clamp(1.6rem, 3.5vw, 3.5rem); font-weight: 850; letter-spacing: -.045em; line-height: .95; text-transform: uppercase; }
.participant-pathways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-left: 1px solid var(--line-light); }
.participant-pathways article { min-height: 19rem; padding: clamp(1.5rem, 3vw, 3rem); display: grid; align-content: start; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.participant-pathways article > span { color: var(--orange); font-size: .72rem; font-weight: 850; }
.participant-pathways h3 { max-width: 13ch; margin-top: 2.5rem; font-size: clamp(1.7rem, 2.7vw, 3rem); letter-spacing: -.05em; line-height: .95; text-transform: uppercase; }
.participant-pathways p { max-width: 25rem; margin-top: 1.1rem; color: #5e5d61; }
.condition-line { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .6rem; }
.participant-flow { margin: clamp(3rem, 6vw, 6rem) auto 0; width: min(100%, 48rem); display: grid; justify-items: center; gap: .65rem; text-align: center; }
.participant-flow strong { width: 100%; padding: 1rem; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }
.participant-flow span { color: var(--light-blue); font-size: 1.5rem; line-height: 1; }

.ecosystem-equation { margin-top: clamp(3rem, 6vw, 6rem); display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1.15fr; gap: .75rem; align-items: stretch; }
.ecosystem-equation > span { display: grid; place-items: center; color: var(--orange); font-size: 2rem; font-weight: 850; }
.ecosystem-equation article { min-height: 15rem; padding: 1.2rem; display: grid; align-content: start; border: 1px solid var(--line-dark); }
.ecosystem-equation article small { color: var(--orange); font-size: .68rem; font-weight: 850; }
.ecosystem-equation h3 { margin-top: 2.2rem; font-size: clamp(1.2rem, 1rem + .65vw, 1.8rem); letter-spacing: -.035em; line-height: 1; text-transform: uppercase; }
.ecosystem-equation p { margin-top: .8rem; color: #aaa8ad; font-size: .9rem; line-height: 1.45; }
.ecosystem-equation .equation-result { background: var(--orange); border-color: var(--orange); color: var(--black); }
.ecosystem-equation .equation-result small, .ecosystem-equation .equation-result p { color: var(--black); }
.value-pair { margin-top: clamp(3rem, 6vw, 6rem); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line-dark); }
.value-pair section { padding: clamp(1.5rem, 4vw, 4rem); }
.value-pair section + section { border-left: 1px solid var(--line-dark); }
.value-pair h3 { max-width: 14ch; margin-top: .65rem; font-size: clamp(1.8rem, 3vw, 3.3rem); letter-spacing: -.05em; line-height: .95; }
.value-pair ul { margin-top: 2rem; }
.value-pair li { padding: .7rem 0; border-top: 1px solid var(--line-dark); color: #c0bec2; }
.dxn-boundary { margin-top: 2rem; padding: 1.5rem; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: 2rem; border-left: .4rem solid var(--yellow); background: rgba(247,245,240,.05); }
.dxn-boundary > p { max-width: 50rem; font-size: 1.1rem; font-weight: 750; }
.dxn-boundary ul { display: grid; gap: .4rem; color: #aaa8ad; font-size: .82rem; }
.dxn-boundary li::before { content: "— "; color: var(--orange); }

.opportunity-boundary { max-width: 60rem; margin-top: 2rem; padding-left: 1.2rem; border-left: .4rem solid var(--orange); font-size: clamp(1rem, .9rem + .35vw, 1.25rem); font-weight: 750; }
.opportunity-gateways { margin-top: clamp(3rem, 6vw, 6rem); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line-light); border: 1px solid var(--line-light); }
.opportunity-gateways > a { min-width: 0; background: var(--warm-white); color: var(--black); }
.opportunity-gateways figure { overflow: hidden; }
.opportunity-gateways img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .45s var(--ease-editorial); }
.opportunity-gateways > a:hover img { transform: scale(1.025); }
.opportunity-gateways > a > div { min-height: 13rem; padding: clamp(1.2rem, 3vw, 2.2rem); display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: .45rem 1rem; align-content: start; }
.opportunity-gateways span { grid-row: 1 / 4; color: var(--orange); font-size: .72rem; font-weight: 850; }
.opportunity-gateways h3 { font-size: clamp(1.4rem, 2.3vw, 2.4rem); letter-spacing: -.045em; line-height: 1; text-transform: uppercase; }
.opportunity-gateways p { max-width: 35rem; color: #5d5c60; line-height: 1.5; }
.opportunity-gateways strong { margin-top: .8rem; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.opportunity-gateways strong i { color: var(--orange); font-style: normal; }
.full-mode-cta { margin-top: 2rem; padding: 1rem 1.2rem; display: inline-flex; align-items: center; gap: 2rem; background: var(--black); color: var(--warm-white); border: 2px solid var(--black); cursor: pointer; font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.full-mode-cta:hover { background: var(--orange); border-color: var(--orange); }
.full-mode-cta span { color: var(--yellow); }
.source-visual-evidence { margin-top: clamp(4rem, 7vw, 7rem); padding-top: 1.5rem; border-top: 1px solid var(--line-light); }
.source-visual-evidence > header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.source-visual-evidence > header h3 { max-width: 18ch; font-size: clamp(2rem, 3.4vw, 3.8rem); letter-spacing: -.055em; line-height: .95; text-align: right; }
.source-visual-evidence > div { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 4vw, 4rem) 1rem; align-items: start; }
.source-evidence-group { min-width: 0; padding-top: 1rem; border-top: .35rem solid var(--orange); }
.source-evidence-group > header { margin-bottom: .8rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.source-evidence-group > header > span { color: #6b696d; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.source-evidence-figure { min-width: 0; background: var(--black); color: var(--warm-white); }
.source-evidence-figure img { display: block; width: 100%; height: auto; }
.source-evidence-figure figcaption { min-height: 5.2rem; padding: .85rem 1rem 1rem; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .2rem .8rem; align-content: start; border-top: 1px solid var(--line-dark); }
.source-evidence-figure figcaption > span { grid-row: 1 / 3; color: var(--yellow); font-size: .63rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.source-evidence-figure figcaption > strong { font-size: .78rem; letter-spacing: .045em; line-height: 1.3; text-transform: uppercase; }
.source-evidence-figure figcaption > small { color: #a9a7ac; font-size: .66rem; line-height: 1.35; }
.source-evidence-row { margin-top: 1px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line-dark); }
.source-evidence-row .source-evidence-figure figcaption { min-height: 5.8rem; }

.closing-frame { min-height: min(48rem, 82svh); display: grid; align-content: center; }
.closing-frame .c2-heading h2 { color: var(--yellow); }
.next-step { margin-top: clamp(3rem, 6vw, 6rem); padding-top: 1.5rem; border-top: 1px solid var(--line-dark); }
.next-step > div { margin-top: 1.3rem; display: grid; grid-template-columns: repeat(7, auto); gap: .8rem; align-items: center; justify-content: space-between; }
.next-step strong { max-width: 12rem; font-size: clamp(.78rem, .7rem + .3vw, 1rem); letter-spacing: .055em; line-height: 1.35; text-transform: uppercase; }
.next-step span { color: var(--orange); font-size: 1.5rem; }
.closing-condition { margin-top: 2rem; color: #aaa8ad; font-size: .8rem; }

html[data-mode="executive"] .full-only { display: none; }
html[data-mode="executive"] .fhcb-explainer { grid-template-columns: 1fr; }
html[data-mode="executive"] .fhcb-explainer > div:first-child { max-width: 48rem; }
html[data-mode="executive"] .primary-nav a[href="#evidence"],
html[data-mode="executive"] .primary-nav a[href="#roadmap"] { display: none; }

.source-register { background: var(--yellow); color: var(--black); }
.register-grid { padding-block: clamp(4rem, 9vw, 8rem); display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 8vw, 9rem); }
.source-register .eyebrow { color: var(--black); }
.register-grid h2 { max-width: 10ch; margin-top: 1rem; font-size: clamp(2.6rem, 5vw, 5.8rem); letter-spacing: -.065em; line-height: .9; }
.register-grid > div:last-child > p { max-width: 40rem; font-size: 1.12rem; }
.register-links { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.register-links a { padding: .85rem 1rem; border: 2px solid var(--black); font-size: .75rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.register-links a:hover { background: var(--black); color: var(--yellow); }

.site-footer { background: var(--black); border-top: 1px solid var(--line-dark); }
.footer-grid { min-height: 14rem; padding-block: 3rem; display: grid; grid-template-columns: 1fr auto auto; gap: 2rem; align-items: end; }
.footer-grid strong { font-size: 1rem; }
.footer-grid p, .footer-grid a { color: #96959a; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.footer-grid div p { margin-top: .25rem; }
.footer-grid a { color: var(--warm-white); }

.status-toast { position: fixed; z-index: 80; right: 1rem; bottom: 1rem; max-width: min(24rem, calc(100% - 2rem)); padding: .9rem 1rem; background: var(--warm-white); color: var(--black); border-left: 4px solid var(--orange); box-shadow: 0 1rem 3rem rgba(0, 0, 0, .25); font-size: .85rem; font-weight: 700; opacity: 0; transform: translateY(1rem); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.status-toast.is-visible { opacity: 1; transform: translateY(0); }

.reveal { opacity: 0; transform: translateY(1.2rem); transition: opacity .55s var(--ease-editorial), transform .55s var(--ease-editorial); }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 73.75rem) {
  :root { --header-height: 4rem; }
  .menu-toggle { display: block; }
  .primary-nav { position: fixed; inset: var(--header-height) 0 0; width: 100%; min-height: auto; padding: 1.5rem max(1rem, calc((100% - 55rem) / 2)); display: grid; align-content: start; gap: 0; background: var(--black); transform: translateX(100%); transition: transform .25s var(--ease-editorial); overflow-y: auto; }
  .primary-nav.is-open { transform: translateX(0); }
  .mobile-mode-control { display: none; }
  .primary-nav a { padding: 1rem .2rem; border-bottom: 1px solid var(--line-dark); font-size: 1rem; white-space: normal; }
  .primary-nav a::after { display: none; }
  .hero-partners { margin-right: 2rem; }
}

@media (max-width: 56rem) {
  .mode-control { display: none; }
  .mobile-mode-control { display: flex; width: max-content; margin-bottom: 1.25rem; }
  .hero { padding-top: calc(var(--header-height) + 3.5rem); }
  .hero-backdrop { top: auto; bottom: 0; width: 100%; height: .8rem; display: grid; grid-template-columns: 1fr 1fr 1fr; }
  .hero-grid { grid-template-columns: 1fr; align-items: start; }
  .hero-partners { width: min(100%, 30rem); margin: 0; box-shadow: .75rem .75rem 0 rgba(247, 245, 240, .08); }
  .story-sequence { display: grid; grid-template-columns: 1fr; gap: .45rem; }
  .story-sequence i { min-width: 0; width: 2rem; flex: none; }
  .scroll-cue { display: none; }
  .guardrail-grid, .register-grid { grid-template-columns: 1fr; }
  .guardrail-status { max-width: 10rem; }
  .skeleton-grid { grid-template-columns: 4.5rem minmax(0, 1fr); align-items: start; }
  .visual-reserve { grid-column: 2; min-height: 18rem; }
  .c2-heading { grid-template-columns: 4.5rem minmax(0, 1fr); }
  .economy-story, .cb-explainer { grid-template-columns: 1fr; }
  .economy-foundation { min-height: 22rem; }
  .process-flow { grid-template-columns: 1fr; gap: 1.4rem; }
  .process-flow li { min-height: 3rem; padding: 0 0 0 4rem; display: flex; align-items: center; }
  .process-flow li > span { position: absolute; left: 0; top: 0; }
  .process-flow li strong { max-width: none; margin-top: 0; }
  .process-flow::before, .process-flow::after { top: 1.25rem; bottom: 1.25rem; left: 1.2rem; right: auto; width: 2px; height: auto; }
  .process-flow::after { transform: scaleY(0); transform-origin: top; }
  .process-flow.is-progressing::after { transform: scaleY(1); }
  .assurance-heading { display: block; }
  .assurance-heading p:last-child { margin-top: 1rem; }
  .monitoring-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .benefit-list li { grid-template-columns: 3rem minmax(0, 1fr); gap: 1.25rem; }
  .benefit-list p { grid-column: 2; }
  .institutional-sequence ol { grid-template-columns: 1fr; gap: 1rem; }
  .institutional-sequence li { padding: 0 0 1rem; border-bottom: 1px solid var(--line-dark); }
  .institutional-sequence li:not(:last-child)::after { content: "↓"; inset: auto auto -.72rem 0; padding: 0 .4rem; background: var(--black); }
  .jakim-identity { grid-template-columns: 7rem minmax(0, 1fr); }
  .jakim-identity > ul { grid-column: 2; }
  .role-boundary, .fhcb-explainer, .recognition-value { grid-template-columns: 1fr; }
  .role-boundary > section + section { border-left: 0; border-top: 1px solid var(--line-dark); }
  .role-boundary .local-role { border-top: .45rem solid var(--light-blue); }
  .status-comparison { grid-template-columns: 1fr; }
  .status-comparison > i { min-height: 2rem; }
  .role-pair { grid-template-columns: 1fr; }
  .role-exchange { min-height: 3rem; }
  .recognition-value-heading h3 { max-width: 13ch; }
  .caracas-context { grid-template-columns: 1fr; }
  .caracas-schematic { min-height: 27rem; }
  .office-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .office-plan li:nth-child(4n) { border-right: 1px solid var(--line-light); }
  .office-plan li:nth-child(2n) { border-right: 0; }
  .lean-sequence, .next-step > div { grid-template-columns: 1fr; justify-items: start; }
  .lean-sequence span { transform: rotate(90deg); }
  .next-step span { transform: rotate(45deg); }
  .flagship-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flagship-process ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flagship-process li:not(:nth-child(3n))::after { display: none; }
  .participant-pathways { grid-template-columns: 1fr; }
  .participant-pathways article { min-height: auto; }
  .ecosystem-equation { grid-template-columns: 1fr; }
  .ecosystem-equation > span { min-height: 2rem; }
  .ecosystem-equation article { min-height: auto; }
  .value-pair, .dxn-boundary { grid-template-columns: 1fr; }
  .value-pair section + section { border-left: 0; border-top: 1px solid var(--line-dark); }
  .opportunity-gateways { grid-template-columns: 1fr; }
  .source-visual-evidence > header { display: grid; }
  .source-visual-evidence > header h3 { text-align: left; }
  .source-visual-evidence > div { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid div { grid-column: 1 / -1; }
}

@media (max-width: 39rem) {
  .shell { width: min(100% - 1.5rem, 90rem); }
  .brand-copy strong { font-size: .78rem; }
  .brand-copy small { display: none; }
  .brand-mark { width: 1.5rem; }
  .language-control button { padding-inline: .5rem; }
  .hero { min-height: 100svh; padding-bottom: 3.5rem; }
  .hero-copy h1 { font-size: clamp(3.2rem, 16vw, 5.5rem); }
  .hero-partners { padding: 1.25rem; }
  .logo-stage { gap: 1rem; }
  .logo-stage figure { min-height: 7.75rem; }
  .logo-stage img { height: 6.25rem; }
  .partner-divider { height: 7rem; }
  .guardrail-grid { min-height: auto; }
  .skeleton-section { min-height: auto; }
  .skeleton-grid { padding-block: 4rem; grid-template-columns: 1fr; gap: 1.4rem; }
  .section-number { font-size: 3rem; }
  .visual-reserve { grid-column: 1; min-height: 15rem; }
  .c2-frame { padding-block: 4.5rem; }
  .c2-heading { grid-template-columns: 1fr; gap: 1.4rem; }
  .c2-heading h2 { font-size: clamp(2.6rem, 13vw, 4.2rem); }
  .economy-story, .cb-explainer { margin-top: 3rem; }
  .narrative-ladder li { padding-right: .5rem; padding-left: 4.2rem; }
  .economy-foundation { min-height: 20rem; padding: 2rem 1.5rem; }
  .capability-list { grid-template-columns: 1fr; }
  .capability-list li:nth-last-child(-n+2) { border-bottom: 0; }
  .capability-list li:last-child { border-bottom: 1px solid var(--line-dark); }
  .famven-position { grid-template-columns: 1fr; }
  .famven-position img { width: 7rem; height: 7rem; }
  .assurance-system, .institutional-sequence { margin-inline: -.75rem; padding: 2rem 1.25rem; }
  .monitoring-controls { grid-template-columns: 1fr; }
  .benefit-list li { grid-template-columns: 2.5rem minmax(0, 1fr); }
  .jakim-identity { grid-template-columns: 1fr; padding: 1.5rem; }
  .jakim-marks { width: max-content; max-width: 100%; min-height: 0; padding: 0 0 1.25rem; flex-direction: row; justify-content: flex-start; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .jakim-mark { width: 5.5rem; max-height: 6.5rem; }
  .halal-malaysia-mark { width: 4.25rem; max-height: 4.25rem; }
  .identity-mark-divider { width: 1px; height: 3.25rem; }
  .jakim-identity > ul { grid-column: 1; grid-template-columns: 1fr; }
  .role-boundary > section, .fhcb-explainer, .recognition-path { padding: 2rem 1.25rem; }
  .recognition-path, .role-boundary, .fhcb-explainer { margin-inline: -.75rem; }
  .recognition-path li { padding-left: 4rem; }
  .recognition-value > ol { grid-template-columns: 1fr; }
  .recognition-value > ol li,
  .recognition-value > ol li:nth-child(even) { min-height: auto; padding: 1.5rem 0; border-left: 0; }
  .recognition-value > ol li:nth-last-child(-n+2) { border-bottom: 0; }
  .recognition-value > ol li:last-child { border-bottom: 1px solid var(--line-dark); }
  .regulatory-note { grid-template-columns: 1fr; }
  .status-line { gap: .4rem; }
  .status-line span, .condition-line span { font-size: .61rem; }
  .starter-office { margin-inline: -.75rem; }
  .starter-office > header { display: grid; align-items: start; }
  .starter-office > header > p { text-align: left; }
  .office-plan { grid-template-columns: 1fr; }
  .office-plan li,
  .office-plan li:nth-child(2n),
  .office-plan li:nth-child(4n) { min-height: 7rem; border-right: 0; }
  .flagship-masterplan { margin-inline: -.75rem; }
  .flagship-masterplan figcaption { display: grid; }
  .flagship-gallery { margin-inline: -.75rem; grid-template-columns: 1fr; }
  .flagship-gallery figcaption { min-height: auto; }
  .flagship-process ol { grid-template-columns: 1fr; }
  .flagship-process li { min-height: 7rem; }
  .participant-pathways { margin-inline: -.75rem; }
  .participant-pathways h3 { margin-top: 1.5rem; }
  .condition-line { display: grid; }
  .ecosystem-equation article { min-height: 11rem; }
  .value-pair { margin-inline: -.75rem; }
  .dxn-boundary { margin-inline: -.75rem; }
  .opportunity-gateways { margin-inline: -.75rem; }
  .opportunity-gateways > a > div { min-height: auto; }
  .source-evidence-row { grid-template-columns: 1fr; }
  .full-mode-cta { width: 100%; justify-content: space-between; }
  .register-links { display: grid; }
  .footer-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* C4.1 — Caracas Headquarters Completion */
.caracas-complete .location-criteria h3 { max-width: 12ch; }
.location-equation { margin-top: 2rem; padding-top: 1.25rem; display: flex; flex-wrap: wrap; gap: .55rem .7rem; align-items: center; border-top: 1px solid var(--line-light); }
.location-equation span { font-size: .7rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.location-equation b { color: var(--orange); font-size: .85rem; }
.location-equation strong { flex-basis: 100%; margin-top: .6rem; padding: .8rem 1rem; background: var(--black); color: var(--warm-white); font-size: .78rem; letter-spacing: .075em; text-transform: uppercase; }

.caracas-map { min-height: 34rem; }
.caracas-map-canvas { position: relative; min-height: 25rem; background: #0b0b0d; overflow: hidden; }
.caracas-map-canvas svg { display: block; width: 100%; height: 100%; min-height: 25rem; }
.caracas-map .city-outline { fill: rgba(247,245,240,.025); stroke: rgba(247,245,240,.26); stroke-width: 2; }
.caracas-map .mountain-line { fill: none; stroke: rgba(247,245,240,.18); stroke-width: 2; stroke-dasharray: 6 7; }
.caracas-map .corridor-main { fill: none; stroke: rgba(88,191,234,.7); stroke-width: 5; stroke-linecap: round; }
.caracas-map .corridor-secondary { fill: none; stroke: rgba(247,245,240,.24); stroke-width: 3; stroke-linecap: round; }
.caracas-map .search-zone { fill: rgba(255,210,31,.08); stroke: var(--yellow); stroke-width: 2; stroke-dasharray: 7 5; }
.caracas-map .map-node { stroke: var(--black); stroke-width: 4; }
.caracas-map .node-community { fill: var(--red); }
.caracas-map .node-business { fill: var(--light-blue); }
.caracas-map .map-label { fill: var(--warm-white); font-size: 15px; font-weight: 850; letter-spacing: .08em; }
.caracas-map .map-title-small { fill: rgba(247,245,240,.55); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.caracas-map .map-search-label { fill: var(--yellow); font-size: 14px; font-weight: 900; letter-spacing: .08em; }
.caracas-map-legend { position: absolute; right: 1rem; bottom: 1rem; max-width: 18rem; padding: .8rem 1rem; display: grid; gap: .45rem; list-style: none; background: rgba(11,11,13,.88); border: 1px solid rgba(247,245,240,.16); }
.caracas-map-legend li { display: grid; grid-template-columns: .8rem 1fr; gap: .55rem; align-items: center; color: #c6c4c8; font-size: .63rem; font-weight: 760; letter-spacing: .04em; text-transform: uppercase; }
.caracas-map-legend i { width: .65rem; height: .65rem; border-radius: 50%; background: var(--light-blue); }
.caracas-map-legend .legend-community i { background: var(--red); }
.caracas-map-legend .legend-search i { border-radius: 0; background: transparent; border: 1px dashed var(--yellow); }

.map-reference-strip { margin-top: 1rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line-light); }
.map-reference { min-width: 0; padding: 1.2rem; display: grid; grid-template-columns: 2rem 1fr; gap: .7rem; border-right: 1px solid var(--line-light); background: rgba(247,245,240,.3); }
.map-reference:last-child { border-right: 0; }
.map-reference > span { color: var(--orange); font-size: .68rem; font-weight: 900; }
.map-reference div { display: grid; gap: .22rem; }
.map-reference strong { font-size: .9rem; letter-spacing: .04em; text-transform: uppercase; }
.map-reference small { font-size: .74rem; line-height: 1.35; }
.map-reference em { color: #706d72; font-size: .64rem; font-style: normal; letter-spacing: .04em; text-transform: uppercase; }

.starter-office-complete { background: #efece5; }
.office-plan-meta { padding: 1rem clamp(1.5rem,3vw,2.5rem); display: grid; grid-template-columns: 1.25fr .75fr; gap: 2rem; align-items: center; border-bottom: 1px solid var(--line-light); }
.office-plan-meta p { color: #5a575c; font-size: .82rem; line-height: 1.45; }
.office-zone-legend { display: flex; flex-wrap: wrap; gap: .65rem 1rem; }
.office-zone-key { display: inline-flex; align-items: center; gap: .4rem; font-size: .62rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.office-zone-key i { width: .65rem; height: .65rem; background: var(--yellow); }
.office-zone-key.zone-controlled i { background: var(--light-blue); }
.office-zone-key.zone-restricted i { background: var(--red); }
.office-zone-key.zone-support i { background: var(--orange); }

.office-floorplan { position: relative; padding: 3rem 1.5rem 1.5rem; display: grid; grid-template-columns: 1fr 1.25fr 1fr 1fr; grid-template-rows: 9rem 10rem 8rem; gap: .55rem; background: #e8e4dc; }
.office-entry { position: absolute; left: 1.5rem; top: .65rem; display: flex; align-items: center; gap: .55rem; color: var(--black); font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.office-entry b { color: var(--orange); font-size: 1rem; }
.office-room { position: relative; width: 100%; min-width: 0; padding: 1rem; display: grid; align-content: space-between; gap: .55rem; text-align: left; border: 1px solid rgba(11,11,13,.22); background: #f7f5f0; color: var(--black); cursor: default; overflow: hidden; }
.office-room::before { content: ""; position: absolute; inset: 0 auto 0 0; width: .35rem; background: var(--yellow); }
.office-room.zone-controlled::before { background: var(--light-blue); }
.office-room.zone-restricted::before { background: var(--red); }
.office-room.zone-support::before { background: var(--orange); }
.office-room > span { color: var(--orange); font-size: .66rem; font-weight: 900; }
.office-room > strong { max-width: 17ch; font-size: .78rem; letter-spacing: .03em; line-height: 1.25; text-transform: uppercase; }
.office-room > small { color: #6a676c; font-size: .68rem; line-height: 1.35; }
.office-room.room-01 { grid-column: 1; grid-row: 1 / span 2; }
.office-room.room-02 { grid-column: 2 / span 2; grid-row: 1; }
.office-room.room-03 { grid-column: 2; grid-row: 2; }
.office-room.room-04 { grid-column: 3; grid-row: 2; }
.office-room.room-05 { grid-column: 4; grid-row: 1; }
.office-room.room-06 { grid-column: 4; grid-row: 2; }
.office-room.room-07 { grid-column: 3 / span 2; grid-row: 3; }
.office-room.room-08 { grid-column: 1 / span 2; grid-row: 3; }
.office-circulation { grid-column: 1 / -1; grid-row: 2; align-self: end; margin: 0 1rem .45rem; display: grid; grid-template-columns: auto 1fr auto; gap: .65rem; align-items: center; pointer-events: none; }
.office-circulation span, .office-circulation strong { padding: .25rem .45rem; background: #e8e4dc; font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.office-circulation i { height: 2px; background: linear-gradient(90deg, var(--yellow), var(--light-blue), var(--red)); }

.leased-benefits { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--line-light); }
.leased-benefits > div { margin-top: .8rem; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border: 1px solid var(--line-light); }
.leased-benefits article { min-height: 6.5rem; padding: 1rem; display: grid; align-content: space-between; border-right: 1px solid var(--line-light); }
.leased-benefits article:last-child { border-right: 0; }
.leased-benefits article span { color: var(--orange); font-size: .66rem; font-weight: 900; }
.leased-benefits article strong { max-width: 16ch; font-size: .75rem; line-height: 1.3; letter-spacing: .045em; text-transform: uppercase; }
.caracas-closing { margin: 1.5rem 0 0 auto; max-width: 54rem; padding: 1.2rem 1.4rem; border-left: .35rem solid var(--orange); background: var(--black); color: var(--warm-white); font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.45; }

@media (max-width: 900px) {
  .map-reference-strip { grid-template-columns: 1fr; }
  .map-reference { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .map-reference:last-child { border-bottom: 0; }
  .office-plan-meta { grid-template-columns: 1fr; gap: 1rem; }
  .office-floorplan { grid-template-columns: 1fr 1fr; grid-template-rows: none; padding-top: 3rem; }
  .office-room.room-01,
  .office-room.room-02,
  .office-room.room-03,
  .office-room.room-04,
  .office-room.room-05,
  .office-room.room-06,
  .office-room.room-07,
  .office-room.room-08 { grid-column: auto; grid-row: auto; min-height: 8.5rem; }
  .office-circulation { display: none; }
  .leased-benefits > div { grid-template-columns: 1fr 1fr; }
  .leased-benefits article:nth-child(2) { border-right: 0; }
  .leased-benefits article:nth-child(-n+2) { border-bottom: 1px solid var(--line-light); }
}

@media (max-width: 600px) {
  .caracas-map { min-height: 27rem; }
  .caracas-map-canvas, .caracas-map-canvas svg { min-height: 20rem; }
  .caracas-map-legend { position: static; max-width: none; border-left: 0; border-right: 0; border-bottom: 0; }
  .office-floorplan { grid-template-columns: 1fr; }
  .office-room { min-height: 7.7rem !important; }
  .leased-benefits > div { grid-template-columns: 1fr; }
  .leased-benefits article { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .leased-benefits article:last-child { border-bottom: 0; }
  .lean-sequence { grid-template-columns: 1fr; justify-items: start; }
  .lean-sequence span { transform: rotate(90deg); margin-left: .3rem; }
}

/* C4.2 — Caracas starter-office plan polish + functional interaction */
.office-plan-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(16rem, .65fr);
  gap: 1rem;
  padding: 1rem;
  background: #e8e4dc;
}
.office-plan-stage .office-floorplan {
  min-height: 31rem;
  padding: 3.2rem 1rem 1rem;
  background:
    linear-gradient(rgba(11,11,13,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,11,13,.025) 1px, transparent 1px),
    #e8e4dc;
  background-size: 22px 22px;
  border: 1px solid rgba(11,11,13,.16);
}
.office-plan-stage .office-room {
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
  cursor: pointer;
}
.office-plan-stage .office-room:hover,
.office-plan-stage .office-room:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(11,11,13,.55);
  outline: none;
}
.office-plan-stage .office-room.is-active {
  border-color: var(--black);
  box-shadow: inset 0 0 0 2px var(--black), 0 6px 18px rgba(11,11,13,.08);
  background: #fffdf7;
}
.office-plan-stage .office-room > strong { font-size: .82rem; }
.office-plan-stage .office-room > small {
  font-size: .58rem;
  font-weight: 820;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.office-detail-panel {
  min-height: 31rem;
  padding: 1.5rem;
  display: grid;
  align-content: start;
  grid-template-rows: auto auto auto auto 1fr auto;
  gap: .9rem;
  background: var(--black);
  color: var(--warm-white);
  border-top: .32rem solid var(--yellow);
}
.office-detail-panel .micro-label { color: var(--yellow); }
.office-detail-number {
  color: var(--orange);
  font-size: clamp(2.8rem, 5vw, 5.4rem);
  font-weight: 950;
  letter-spacing: -.08em;
  line-height: .85;
}
.office-detail-panel h4 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(1.5rem, 2.5vw, 2.6rem);
  letter-spacing: -.045em;
  line-height: .95;
  text-transform: uppercase;
}
.office-detail-panel > p:not(.micro-label) {
  max-width: 31ch;
  margin: 0;
  color: #cfccd1;
  font-size: .88rem;
  line-height: 1.55;
}
.office-detail-panel > small {
  align-self: end;
  padding-top: 1rem;
  border-top: 1px solid rgba(247,245,240,.16);
  color: #858289;
  font-size: .66rem;
  line-height: 1.45;
}
.office-detail-zone {
  width: max-content;
  padding: .5rem .65rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border: 1px solid rgba(247,245,240,.18);
  font-size: .65rem;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.office-detail-zone i { width: .7rem; height: .7rem; background: var(--yellow); }
.office-detail-zone.zone-controlled i { background: var(--light-blue); }
.office-detail-zone.zone-restricted i { background: var(--red); }
.office-detail-zone.zone-support i { background: var(--orange); }
.office-workflow-band {
  margin: 0 1rem 1rem;
  min-height: 4.5rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center;
  border-top: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
}
.office-workflow-band span {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  font-size: .65rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.office-workflow-band span b { color: var(--orange); }
.office-workflow-band > i { color: var(--orange); font-style: normal; font-weight: 900; }

/* subtle map orientation refinements */
.caracas-map-canvas::before,
.caracas-map-canvas::after {
  position: absolute;
  top: .8rem;
  z-index: 2;
  color: rgba(247,245,240,.45);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
  pointer-events: none;
}
.caracas-map-canvas::before { content: "WEST / CENTRAL"; left: 1rem; }
.caracas-map-canvas::after { content: "EAST / PROFESSIONAL CORRIDOR"; right: 1rem; }


.office-visual-board {
  padding: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(16rem, .7fr);
  gap: 1rem;
  border-top: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
  background: #f3f0ea;
}
.office-visual-figure {
  min-width: 0;
  border: 1px solid rgba(11,11,13,.14);
  background: #fffdf8;
}
.office-visual-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 8.5;
  object-fit: cover;
}
.office-visual-figure figcaption {
  padding: 1rem 1.1rem 1.1rem;
  display: grid;
  gap: .45rem;
}
.office-visual-figure figcaption span {
  color: var(--orange);
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.office-visual-figure figcaption strong {
  font-size: clamp(1.2rem, 2vw, 2rem);
  letter-spacing: -.04em;
  line-height: 1;
  text-transform: uppercase;
}
.office-visual-figure figcaption p {
  max-width: 65ch;
  margin: 0;
  color: #5a575c;
  font-size: .82rem;
  line-height: 1.5;
}
.office-visual-facts {
  padding: 1.15rem;
  display: grid;
  align-content: start;
  gap: .7rem;
  border: 1px solid rgba(11,11,13,.14);
  background: var(--black);
  color: var(--warm-white);
}
.office-visual-facts .micro-label { color: var(--yellow); }
.office-visual-facts ul { display: grid; gap: .55rem; }
.office-visual-facts li {
  padding: .65rem .75rem;
  border: 1px solid rgba(247,245,240,.14);
  font-size: .68rem;
  font-weight: 820;
  letter-spacing: .06em;
  line-height: 1.4;
  text-transform: uppercase;
}
.opportunity-overview {
  margin-top: 2.25rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--line-light);
}
.opportunity-overview > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
}
.opportunity-overview > header h3 {
  max-width: 18ch;
  font-size: clamp(1.9rem, 3vw, 3.4rem);
  letter-spacing: -.055em;
  line-height: .96;
  text-align: right;
}
.opportunity-overview-grid {
  margin-top: 1.4rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--line-light);
  border: 1px solid var(--line-light);
}
.opportunity-overview-grid article {
  min-height: 11rem;
  padding: 1rem;
  display: grid;
  align-content: start;
  gap: .55rem;
  background: var(--warm-white);
}
.opportunity-overview-grid span {
  color: var(--orange);
  font-size: .64rem;
  font-weight: 900;
}
.opportunity-overview-grid h4 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: -.03em;
  line-height: 1.05;
  text-transform: uppercase;
}
.opportunity-overview-grid p {
  margin: 0;
  color: #5d5c60;
  font-size: .8rem;
  line-height: 1.5;
}
.opportunity-decision-line {
  margin-top: 1rem;
  padding: .95rem 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center;
  border-top: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
}
.opportunity-decision-line strong {
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.opportunity-decision-line > span {
  color: var(--orange);
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 900px) {
  .office-visual-board { grid-template-columns: 1fr; }
  .office-plan-stage { grid-template-columns: 1fr; }
  .office-detail-panel { min-height: auto; grid-template-rows: auto; }
  .office-workflow-band { grid-template-columns: 1fr; gap: .35rem; padding: .8rem 0; }
  .office-workflow-band > i { transform: rotate(90deg); width: max-content; margin-left: .3rem; }
  .opportunity-overview > header { display: grid; }
  .opportunity-overview > header h3 { text-align: left; }
  .opportunity-overview-grid { grid-template-columns: 1fr 1fr; }
  .opportunity-decision-line { grid-template-columns: 1fr; gap: .35rem; }
  .opportunity-decision-line > span { transform: rotate(90deg); width: max-content; margin-left: .3rem; }
}

@media (max-width: 600px) {
  .office-plan-stage { padding: .65rem; }
  .office-plan-stage .office-floorplan { min-height: auto; }
  .office-detail-panel { padding: 1.2rem; }
  .office-detail-panel h4 { max-width: none; }
  .caracas-map-canvas::before,
  .caracas-map-canvas::after { display: none; }
  .opportunity-overview-grid { grid-template-columns: 1fr; }
}

/* Presentation cleanup: remove document-extraction visual feel */
.source-evidence-figure figcaption { min-height: 4.6rem; align-content: center; }
.source-evidence-figure figcaption > strong { margin: 0; }
.source-evidence-figure figcaption > small { margin-top: .25rem; color: #9c999f; }
.source-evidence-group > header { min-height: 2.6rem; }
.source-evidence-group > header > span { display: none !important; }


/* Integrated Full Mode document viewers */
.compact-full-cta { margin-top: 1.4rem; }
.full-document-deck {
  scroll-margin-top: 8.5rem;
  margin-top: clamp(3.5rem, 7vw, 7rem);
  padding-top: 1.5rem;
  border-top: .35rem solid var(--orange);
}
.document-deck-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2rem;
  align-items: end;
}
.document-deck-header h3 {
  max-width: 18ch;
  margin-top: .35rem;
  font-size: clamp(2.2rem, 4vw, 4.8rem);
  letter-spacing: -.06em;
  line-height: .92;
}
.document-deck-header > div > p:last-child {
  max-width: 62ch;
  margin-top: 1rem;
  color: #5c5960;
  line-height: 1.55;
}
[data-theme="dark"] .document-deck-header > div > p:last-child { color: #bbb8bf; }
.document-deck-count {
  padding: .8rem 1rem;
  border: 1px solid currentColor;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.document-chapter-nav {
  position: sticky;
  top: 7.1rem;
  z-index: 8;
  margin-top: 2rem;
  padding: .65rem;
  display: flex;
  gap: .45rem;
  overflow-x: auto;
  background: rgba(11,11,13,.96);
  border-top: 1px solid rgba(247,245,240,.15);
  border-bottom: 1px solid rgba(247,245,240,.15);
  scrollbar-width: thin;
}
.document-chapter-nav a {
  flex: 0 0 auto;
  padding: .65rem .75rem;
  color: var(--warm-white);
  border: 1px solid rgba(247,245,240,.16);
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.document-chapter-nav a:hover { border-color: var(--yellow); color: var(--yellow); }
.document-chapters { margin-top: 2rem; display: grid; gap: clamp(3rem, 6vw, 6rem); }
.document-chapter { scroll-margin-top: 11rem; }
.document-chapter > header {
  margin-bottom: 1rem;
  padding-bottom: .85rem;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,2fr);
  gap: 1rem;
  align-items: end;
  border-bottom: 1px solid var(--line-light);
}
[data-theme="dark"] .document-chapter > header { border-color: rgba(247,245,240,.16); }
.document-chapter > header span {
  color: var(--orange);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.document-chapter > header h4 {
  margin: 0;
  font-size: clamp(1.65rem, 3vw, 3.3rem);
  letter-spacing: -.05em;
  line-height: .96;
  text-align: right;
}
.document-page-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.document-page-card {
  min-width: 0;
  padding: 0;
  border: 1px solid rgba(11,11,13,.15);
  background: #fff;
  cursor: zoom-in;
  overflow: hidden;
}
[data-theme="dark"] .document-page-card { border-color: rgba(247,245,240,.15); background: #171719; }
.document-page-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  transition: transform .25s ease;
}
.document-page-card:hover img,
.document-page-card:focus-visible img { transform: scale(1.012); }
.document-page-card:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }
.opportunity-gateway-button {
  min-width: 0;
  padding: 0;
  border: 0;
  background: var(--warm-white);
  color: var(--black);
  text-align: left;
  cursor: pointer;
}
.opportunity-gateway-button figure { overflow: hidden; }
.opportunity-gateway-button figure img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .35s ease;
}
.opportunity-gateway-button:hover figure img { transform: scale(1.02); }
.opportunity-gateway-button > div {
  min-height: 13rem;
  padding: clamp(1.2rem, 3vw, 2.2rem);
  display: grid;
  grid-template-columns: 2.25rem minmax(0,1fr);
  gap: .45rem 1rem;
  align-content: start;
}
.opportunity-gateway-button > div > span { grid-row: 1 / 4; color: var(--orange); font-size: .72rem; font-weight: 850; }
.opportunity-gateway-button h3 { font-size: clamp(1.4rem, 2.3vw, 2.4rem); letter-spacing: -.045em; line-height: 1; text-transform: uppercase; }
.opportunity-gateway-button p { max-width: 35rem; color: #5d5c60; line-height: 1.5; }
.opportunity-gateway-button strong { margin-top: .8rem; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.opportunity-gateway-button strong i { color: var(--orange); font-style: normal; }
.document-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  padding: 4rem 1.5rem 1.5rem;
  display: none;
  place-items: center;
  background: rgba(6,6,8,.94);
}
.document-lightbox.is-open { display: grid; }
.document-lightbox-stage {
  width: min(92vw, 1100px);
  height: min(86vh, 1100px);
  overflow: auto;
  display: grid;
  place-items: start center;
}
.document-lightbox-stage img { display: block; width: min(100%, 1100px); height: auto; background: #fff; }
.document-lightbox-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(247,245,240,.3);
  background: var(--black);
  color: var(--warm-white);
  font-size: 1.75rem;
  cursor: pointer;
}
.document-viewer-open { overflow: hidden; }

@media (max-width: 900px) {
  .document-deck-header { grid-template-columns: 1fr; }
  .document-deck-count { width: max-content; }
  .document-chapter-nav { top: 6.6rem; }
  .document-page-grid { grid-template-columns: 1fr; }
  .document-chapter > header { grid-template-columns: 1fr; }
  .document-chapter > header h4 { text-align: left; }
}

@media (max-width: 600px) {
  .full-document-deck { margin-inline: -.75rem; }
  .document-deck-header, .document-chapters { padding-inline: .75rem; }
  .document-chapter-nav { top: 5.8rem; }
  .document-lightbox { padding-inline: .5rem; }
}

/* Final presentation corrections from PAGE PEMBETULAN.pdf */
.hero-copy > h1 { margin-top: 0; }

.guardrail-clean {
  min-height: 18rem;
  padding-block: clamp(3rem, 5vw, 5rem);
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  text-align: center;
}
.guardrail-clean h2 {
  max-width: 18ch;
  margin: 0 auto;
}

.economy-story-clean {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  margin-top: clamp(2.5rem, 5vw, 5rem);
}
.economy-foundation-focus {
  width: min(100%, 42rem);
  min-height: 25rem;
  padding: clamp(2rem, 4vw, 4rem);
  display: grid;
  align-content: center;
}
.economy-foundation-focus h3 { max-width: 9ch; }
.economy-foundation-focus p:last-child { max-width: 34rem; }

.fhcb-brand-row {
  margin-top: 1.35rem;
  padding: .9rem 1rem;
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid rgba(11,11,13,.14);
  background: #f7f5f0;
}
.fhcb-brand-row figure {
  margin: 0;
  display: grid;
  grid-template-columns: 3.2rem auto;
  gap: .6rem;
  align-items: center;
}
.fhcb-brand-row img {
  width: 3.2rem;
  height: 3.2rem;
  object-fit: contain;
  background: #fff;
}
.fhcb-brand-row figcaption {
  color: #252428;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.fhcb-brand-row > span {
  color: var(--orange);
  font-weight: 950;
}

.corrected-caracas-context {
  margin-top: clamp(3rem, 6vw, 6rem);
  display: grid;
  grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: stretch;
}
.caracas-photo {
  position: relative;
  min-height: 30rem;
  margin: 0;
  overflow: hidden;
  background: var(--black);
  border-top: .35rem solid var(--yellow);
}
.caracas-photo img {
  width: 100%;
  height: 100%;
  min-height: 30rem;
  display: block;
  object-fit: cover;
}
.caracas-photo::after {
  content: "";
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent, rgba(11,11,13,.92));
  pointer-events: none;
}
.caracas-photo figcaption {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.25rem 1.4rem 1.35rem;
  display: grid;
  gap: .28rem;
  color: var(--warm-white);
}
.caracas-photo figcaption span {
  color: var(--yellow);
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.caracas-photo figcaption strong {
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1;
  text-transform: uppercase;
}
.caracas-photo figcaption small {
  max-width: 48rem;
  color: #d5d2cc;
  font-size: .7rem;
  line-height: 1.4;
}

.starter-office-corrected { margin-top: clamp(3rem, 6vw, 6rem); }
.corrected-office-meta {
  grid-template-columns: 1fr;
  padding: 1rem 1.5rem;
}
.corrected-office-meta p {
  max-width: 74rem;
  color: #5a575c;
  font-size: .85rem;
  line-height: 1.55;
}
.halal-office-plan-visual {
  margin: 1rem;
  border: 1px solid rgba(11,11,13,.16);
  background: #fffdf8;
}
.halal-office-plan-visual img {
  width: 100%;
  display: block;
  aspect-ratio: 690 / 283;
  object-fit: cover;
}
.halal-office-plan-visual figcaption {
  padding: 1rem 1.15rem 1.1rem;
  display: grid;
  gap: .32rem;
  border-top: 1px solid rgba(11,11,13,.12);
}
.halal-office-plan-visual figcaption span {
  color: var(--orange);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.halal-office-plan-visual figcaption strong {
  font-size: clamp(1.15rem, 2vw, 1.8rem);
  text-transform: uppercase;
}
.halal-office-plan-visual figcaption small {
  color: #6a676c;
  font-size: .72rem;
  line-height: 1.45;
}
.office-function-strip {
  margin: 0 1rem 1rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  border: 1px solid var(--line-light);
}
.office-function-strip article {
  min-height: 5.2rem;
  padding: .8rem;
  display: grid;
  align-content: space-between;
  gap: .5rem;
  border-right: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
}
.office-function-strip article:nth-child(4n) { border-right: 0; }
.office-function-strip article:nth-last-child(-n+4) { border-bottom: 0; }
.office-function-strip span {
  color: var(--orange);
  font-size: .62rem;
  font-weight: 900;
}
.office-function-strip strong {
  max-width: 18ch;
  font-size: .67rem;
  line-height: 1.3;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.opportunities-heading-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2rem;
  align-items: start;
}
.opportunities-heading-wrap .c2-heading { margin: 0; }
.dxn-section-brand {
  margin-top: .2rem;
  padding: 1rem 1.1rem;
  min-width: 13rem;
  display: flex;
  align-items: center;
  gap: .9rem;
  border: 1px solid var(--line-light);
  background: #fffdf8;
}
.dxn-section-brand img {
  width: 5rem;
  height: 4rem;
  object-fit: contain;
}
.dxn-section-brand div { display: grid; gap: .2rem; }
.dxn-section-brand span {
  color: var(--orange);
  font-size: .55rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dxn-section-brand strong {
  color: var(--black);
  font-size: 1rem;
  letter-spacing: .06em;
}

@media (max-width: 900px) {
  .corrected-caracas-context { grid-template-columns: 1fr; }
  .caracas-photo, .caracas-photo img { min-height: 24rem; }
  .office-function-strip { grid-template-columns: 1fr 1fr; }
  .office-function-strip article:nth-child(4n) { border-right: 1px solid var(--line-light); }
  .office-function-strip article:nth-child(2n) { border-right: 0; }
  .office-function-strip article:nth-last-child(-n+4) { border-bottom: 1px solid var(--line-light); }
  .office-function-strip article:nth-last-child(-n+2) { border-bottom: 0; }
  .opportunities-heading-wrap { grid-template-columns: 1fr; }
  .dxn-section-brand { width: min(100%, 24rem); }
}

@media (max-width: 600px) {
  .guardrail-clean { min-height: 14rem; text-align: left; justify-items: start; }
  .guardrail-clean h2 { margin: 0; }
  .fhcb-brand-row { width: 100%; flex-wrap: wrap; }
  .office-function-strip { grid-template-columns: 1fr; }
  .office-function-strip article,
  .office-function-strip article:nth-child(2n),
  .office-function-strip article:nth-child(4n),
  .office-function-strip article:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .office-function-strip article:last-child { border-bottom: 0; }
  .halal-office-plan-visual { margin: .65rem; }
  .caracas-photo, .caracas-photo img { min-height: 20rem; }
}

/* Full-mode viewer reliability fix: document decks are taller than the viewport,
   so they must not depend on intersection-ratio reveal animation. */
html[data-mode="full"] .full-document-deck {
  display: block;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* ===== Interactive starter-office refinement ===== */
.office-interactive-explorer {
  margin: 1rem;
  padding: 1.1rem;
  border: 1px solid rgba(11,11,13,.15);
  background: #f3f0e9;
}
.office-explorer-heading {
  display: grid;
  grid-template-columns: 1fr minmax(18rem,.72fr);
  gap: 2rem;
  align-items: end;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(11,11,13,.12);
}
.office-explorer-heading h4 {
  margin: .25rem 0 0;
  font-size: clamp(1.6rem,2.7vw,3rem);
  line-height: .98;
  letter-spacing: -.05em;
}
.office-explorer-heading > p {
  margin: 0;
  color: #625f64;
  font-size: .8rem;
  line-height: 1.5;
}
.office-zone-legend {
  margin: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.zone-pill {
  padding: .48rem .68rem;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border: 1px solid rgba(11,11,13,.13);
  background: #fffdf8;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.zone-pill i { width: .68rem; height: .68rem; background: var(--yellow); }
.zone-pill.zone-controlled i { background: var(--light-blue); }
.zone-pill.zone-restricted i { background: var(--red); }
.zone-pill.zone-support i { background: var(--orange); }

.interactive-office-stage {
  margin: 0;
  border: 1px solid rgba(11,11,13,.12);
  background: #e9e5dd;
}
.office-floorplan-grid { position: relative; }
.office-entry-note {
  position: absolute;
  left: 1rem;
  top: .8rem;
  margin: 0;
  color: var(--black);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.office-entry-note span { color: var(--orange); font-size: .9rem; }
.office-floorplan-grid .office-room {
  cursor: pointer;
  isolation: isolate;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.office-floorplan-grid .office-room::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
  background: radial-gradient(circle at 20% 15%, rgba(255,255,255,.95), rgba(255,255,255,0) 50%);
}
.office-floorplan-grid .office-room:hover,
.office-floorplan-grid .office-room:focus-visible {
  transform: translateY(-3px);
  outline: none;
  background: #fffdf8;
  border-color: rgba(11,11,13,.5);
}
.office-floorplan-grid .office-room:hover::after,
.office-floorplan-grid .office-room:focus-visible::after,
.office-floorplan-grid .office-room.is-active::after { opacity: .72; }
.office-floorplan-grid .office-room.zone-public:hover,
.office-floorplan-grid .office-room.zone-public:focus-visible,
.office-floorplan-grid .office-room.zone-public.is-active {
  box-shadow: inset .38rem 0 0 var(--yellow), 0 0 0 1px rgba(11,11,13,.08), 0 10px 26px rgba(255,210,31,.22);
}
.office-floorplan-grid .office-room.zone-controlled:hover,
.office-floorplan-grid .office-room.zone-controlled:focus-visible,
.office-floorplan-grid .office-room.zone-controlled.is-active {
  box-shadow: inset .38rem 0 0 var(--light-blue), 0 0 0 1px rgba(11,11,13,.08), 0 10px 26px rgba(88,191,234,.22);
}
.office-floorplan-grid .office-room.zone-restricted:hover,
.office-floorplan-grid .office-room.zone-restricted:focus-visible,
.office-floorplan-grid .office-room.zone-restricted.is-active {
  box-shadow: inset .38rem 0 0 var(--red), 0 0 0 1px rgba(11,11,13,.08), 0 10px 26px rgba(217,45,32,.18);
}
.office-floorplan-grid .office-room.zone-support:hover,
.office-floorplan-grid .office-room.zone-support:focus-visible,
.office-floorplan-grid .office-room.zone-support.is-active {
  box-shadow: inset .38rem 0 0 var(--orange), 0 0 0 1px rgba(11,11,13,.08), 0 10px 26px rgba(216,90,26,.20);
}
.office-floorplan-grid .office-room.is-active strong { transform: translateX(.12rem); }
.office-floorplan-grid .office-room strong { transition: transform .18s ease; }
.office-detail-panel {
  position: sticky;
  top: 7.5rem;
  overflow: hidden;
}
.office-detail-panel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5.5rem;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,210,31,.08), transparent);
}
.office-detail-panel.is-flash { animation: officePanelFlash .32s ease; }
@keyframes officePanelFlash {
  0% { transform: translateY(5px); opacity: .72; }
  100% { transform: translateY(0); opacity: 1; }
}
.interactive-workflow {
  margin: 1rem 0 0;
  background: #fffdf8;
  border: 1px solid rgba(11,11,13,.12);
}
.interactive-workflow span {
  transition: color .18s ease, transform .18s ease;
}
.interactive-workflow span:hover { color: var(--orange); transform: translateY(-1px); }

/* Interactive lease strategy */
.leased-benefits-interactive { margin-top: 2rem; }
.leased-benefits-interactive > header {
  padding: 0 0 1rem;
  display: grid;
  grid-template-columns: 1fr minmax(18rem,.7fr);
  gap: 2rem;
  align-items: end;
  border-bottom: 1px solid var(--line-light);
}
.leased-benefits-interactive > header h3 {
  margin: .25rem 0 0;
  font-size: clamp(1.7rem,2.8vw,3.1rem);
  letter-spacing: -.05em;
  line-height: .98;
}
.leased-benefits-interactive > header > p {
  margin: 0;
  color: #66636a;
  font-size: .8rem;
  line-height: 1.5;
}
.lease-benefit-layout {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr);
  gap: 1rem;
}
.lease-benefit-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .6rem;
}
.lease-benefit-card {
  min-height: 8.2rem;
  padding: 1rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: .8rem;
  text-align: left;
  border: 1px solid var(--line-light);
  background: #fffdf8;
  color: var(--black);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.lease-benefit-card span { align-self: start; color: var(--orange); font-size: .68rem; font-weight: 900; }
.lease-benefit-card strong { max-width: 15ch; font-size: .8rem; line-height: 1.3; letter-spacing: .045em; text-transform: uppercase; }
.lease-benefit-card i { color: var(--orange); font-style: normal; font-size: 1rem; }
.lease-benefit-card:hover,
.lease-benefit-card:focus-visible,
.lease-benefit-card.is-active {
  transform: translateY(-2px);
  outline: none;
  border-color: rgba(11,11,13,.48);
  background: #fffaf0;
  box-shadow: 0 10px 24px rgba(11,11,13,.08);
}
.lease-benefit-card.is-active { box-shadow: inset .34rem 0 0 var(--orange), 0 10px 24px rgba(11,11,13,.09); }
.lease-benefit-detail {
  min-height: 17rem;
  padding: 1.4rem;
  display: grid;
  align-content: start;
  gap: .8rem;
  background: var(--black);
  color: var(--warm-white);
  border-top: .3rem solid var(--orange);
}
.lease-benefit-detail .micro-label { color: var(--yellow); }
.lease-detail-number {
  color: var(--orange);
  font-size: clamp(2.6rem,4.5vw,4.8rem);
  font-weight: 950;
  letter-spacing: -.08em;
  line-height: .85;
}
.lease-benefit-detail h4 {
  margin: 0;
  max-width: 13ch;
  font-size: clamp(1.35rem,2.2vw,2.4rem);
  line-height: .96;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.lease-benefit-detail > p:not(.micro-label) {
  margin: 0;
  color: #d2ced4;
  font-size: .86rem;
  line-height: 1.55;
}
.lease-benefit-detail.is-flash { animation: officePanelFlash .32s ease; }

@media (max-width: 980px) {
  .office-explorer-heading,
  .leased-benefits-interactive > header { grid-template-columns: 1fr; gap: .6rem; }
  .lease-benefit-layout { grid-template-columns: 1fr; }
  .office-detail-panel { position: static; }
}
@media (max-width: 680px) {
  .office-interactive-explorer { margin: .65rem; padding: .75rem; }
  .lease-benefit-buttons { grid-template-columns: 1fr; }
  .lease-benefit-card { min-height: 6.8rem; }
  .zone-pill { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .office-floorplan-grid .office-room,
  .lease-benefit-card,
  .interactive-workflow span { transition: none; }
  .office-detail-panel.is-flash,
  .lease-benefit-detail.is-flash { animation: none; }
}

/* Specificity guard against legacy leased-benefit grid rules */
.leased-benefits-interactive > .lease-benefit-layout {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr);
  gap: 1rem;
  border: 0;
}
@media (max-width: 980px) {
  .leased-benefits-interactive > .lease-benefit-layout { grid-template-columns: 1fr; }
}

/* Compact Section 06 — remove low-value interactive office subpage */
.office-compact-summary {
  margin: 0 1rem 1.2rem;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1px solid var(--line-light);
  background: #fffdf8;
}
.office-compact-summary article {
  min-height: 7.4rem;
  padding: 1rem;
  display: grid;
  align-content: start;
  gap: .45rem;
  border-right: 1px solid var(--line-light);
}
.office-compact-summary article:last-child { border-right: 0; }
.office-compact-summary span {
  color: var(--orange);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.office-compact-summary strong {
  font-size: .78rem;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.office-compact-summary p {
  margin: 0;
  color: #66636a;
  font-size: .72rem;
  line-height: 1.45;
}
@media (max-width: 900px) {
  .office-compact-summary { grid-template-columns: 1fr 1fr; }
  .office-compact-summary article:nth-child(2) { border-right: 0; }
  .office-compact-summary article:nth-child(-n+2) { border-bottom: 1px solid var(--line-light); }
}
@media (max-width: 600px) {
  .office-compact-summary { grid-template-columns: 1fr; }
  .office-compact-summary article { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .office-compact-summary article:last-child { border-bottom: 0; }
}


/* C5.1 — Section 07 Flagship Halal Ecosystem refinement */
.flagship-design-basis { margin-top: clamp(2.5rem, 5vw, 4.5rem); border: 1px solid var(--line-dark); background: #121214; }
.flagship-design-basis > header { padding: clamp(1.4rem, 3vw, 2.3rem); display: grid; grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr); gap: 2rem; align-items: end; border-bottom: 1px solid var(--line-dark); }
.flagship-design-basis h3 { margin-top: .45rem; font-size: clamp(2rem, 4vw, 4.2rem); letter-spacing: -.055em; line-height: .92; text-transform: uppercase; }
.flagship-design-basis > header > p { max-width: 56rem; color: #b5b3b7; line-height: 1.55; }
.flagship-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.flagship-metric { min-height: 10.5rem; padding: 1.15rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.flagship-metric:nth-child(4n) { border-right: 0; }
.flagship-metric:nth-last-child(-n+4) { border-bottom: 0; }
.flagship-metric > div { display: flex; align-items: baseline; gap: .42rem; }
.flagship-metric strong { color: var(--yellow); font-size: clamp(1.75rem, 3vw, 3rem); letter-spacing: -.05em; line-height: .9; }
.flagship-metric span { color: #d0ced2; font-size: .66rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.flagship-metric h4 { margin-top: 1.6rem; font-size: .82rem; letter-spacing: .04em; line-height: 1.25; text-transform: uppercase; }
.flagship-metric small { display: block; margin-top: .45rem; color: #817f84; font-size: .66rem; line-height: 1.35; }
.flagship-masterplan-refined { margin-top: 1.25rem; }
.flagship-masterplan-refined figcaption { align-items: end; }
.flagship-masterplan-refined figcaption > div { display: grid; gap: .25rem; }
.flagship-masterplan-refined figcaption small { max-width: 42rem; color: #858388; font-size: .72rem; line-height: 1.35; text-align: right; }
.flagship-operating-ecosystem { margin-top: clamp(3rem, 6vw, 5rem); }
.flagship-operating-ecosystem > header { display: grid; grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr); gap: .5rem 3rem; align-items: end; }
.flagship-operating-ecosystem > header .micro-label { grid-column: 1 / -1; color: var(--yellow); }
.flagship-operating-ecosystem > header h3 { font-size: clamp(2.2rem, 4.5vw, 4.8rem); letter-spacing: -.06em; line-height: .9; text-transform: uppercase; }
.flagship-operating-ecosystem > header > p:last-child { max-width: 46rem; color: #b0aeb3; line-height: 1.55; }
.flagship-stage-ribbon { margin-top: 2rem; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.5fr 1fr; border: 1px solid var(--line-dark); }
.flagship-stage-ribbon span { min-height: 2.4rem; display: grid; place-items: center; border-right: 1px solid var(--line-dark); color: #aaa8ad; font-size: .6rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.flagship-stage-ribbon span:last-child { border-right: 0; }
.flagship-zone-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-left: 1px solid var(--line-dark); }
.flagship-zone { min-height: 16rem; padding: 1.25rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.flagship-zone-head { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.flagship-zone-head > span { color: var(--orange); font-size: .75rem; font-weight: 900; }
.flagship-zone-head > small { color: #8f8d92; font-size: .58rem; font-weight: 850; letter-spacing: .07em; text-align: right; text-transform: uppercase; }
.flagship-zone h4 { max-width: 16ch; margin-top: 2.1rem; font-size: clamp(1.15rem, 1.55vw, 1.65rem); letter-spacing: -.035em; line-height: 1; text-transform: uppercase; }
.flagship-zone p { margin-top: 1rem; color: #a9a7ac; font-size: .82rem; line-height: 1.5; }
.flagship-zone[data-stage="HALAL CONTROL"] { box-shadow: inset 0 .28rem 0 var(--yellow); }
.flagship-zone[data-stage="CLEAN / COLD"], .flagship-zone[data-stage="COLD CHAIN"] { box-shadow: inset 0 .28rem 0 var(--light-blue); }
.flagship-zone[data-stage="ASSURANCE"] { box-shadow: inset 0 .28rem 0 var(--orange); }
.flagship-support-systems { margin-top: clamp(3rem, 5vw, 4.5rem); border-top: .42rem solid var(--orange); background: #eeeae2; color: var(--black); }
.flagship-support-systems > header { padding: clamp(1.3rem, 3vw, 2.2rem); display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 2rem; align-items: end; border-bottom: 1px solid var(--line-light); }
.flagship-support-systems h3 { max-width: 18ch; font-size: clamp(1.9rem, 3.2vw, 3.5rem); letter-spacing: -.05em; line-height: .95; text-transform: uppercase; }
.flagship-support-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.flagship-support-grid article { min-height: 10rem; padding: 1.2rem; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.flagship-support-grid article:nth-child(3n) { border-right: 0; }
.flagship-support-grid article:nth-last-child(-n+3) { border-bottom: 0; }
.flagship-support-grid h4 { font-size: .84rem; letter-spacing: .04em; line-height: 1.25; text-transform: uppercase; }
.flagship-support-grid p { margin-top: .8rem; color: #5e5c60; font-size: .82rem; line-height: 1.5; }
.flagship-technical-pair { margin-top: 1px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line-dark); border: 1px solid var(--line-dark); }
.flagship-effluent, .flagship-coldchain { min-width: 0; padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--black); }
.flagship-effluent h3, .flagship-coldchain h3 { max-width: 16ch; margin-top: .55rem; font-size: clamp(1.8rem, 3vw, 3.2rem); letter-spacing: -.05em; line-height: .95; text-transform: uppercase; }
.flagship-effluent ol { margin-top: 2rem; list-style: none; padding: 0; border-top: 1px solid var(--line-dark); }
.flagship-effluent li { min-height: 3.2rem; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .6rem; align-items: center; border-bottom: 1px solid var(--line-dark); }
.flagship-effluent li span { color: var(--orange); font-size: .65rem; font-weight: 850; }
.flagship-effluent li strong { font-size: .78rem; letter-spacing: .035em; text-transform: uppercase; }
.flagship-system-note { margin-top: 1.2rem; color: #858388; font-size: .75rem; line-height: 1.45; }
.flagship-coldchain > div { margin-top: 2rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.flagship-coldchain article { min-height: 8.5rem; padding: 1rem; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.flagship-coldchain article > span { color: var(--light-blue); font-size: .65rem; font-weight: 850; }
.flagship-coldchain h4 { margin-top: 1rem; font-size: .85rem; letter-spacing: .035em; text-transform: uppercase; }
.flagship-coldchain p { margin-top: .55rem; color: #9d9ba0; font-size: .76rem; line-height: 1.45; }
.flagship-reference-note { margin-top: clamp(2rem, 4vw, 3.5rem); padding: clamp(1.35rem, 3vw, 2.2rem); display: grid; grid-template-columns: minmax(14rem, .55fr) minmax(0, 1.45fr); gap: 2rem; border-left: .45rem solid var(--yellow); background: rgba(247,245,240,.05); }
.flagship-reference-note h3 { max-width: 13ch; margin-top: .45rem; font-size: clamp(1.55rem, 2.5vw, 2.6rem); letter-spacing: -.04em; line-height: .95; text-transform: uppercase; }
.flagship-reference-note ul { display: grid; gap: .65rem; color: #aaa8ad; font-size: .78rem; line-height: 1.45; }
.flagship-reference-note li { position: relative; padding-left: 1.1rem; }
.flagship-reference-note li::before { content: "•"; position: absolute; left: 0; color: var(--orange); }
.flagship-gallery-refined { margin-top: clamp(2rem, 4vw, 3.5rem); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.flagship-gallery-refined figcaption { min-height: 3.8rem; }

@media (max-width: 1000px) {
  .flagship-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flagship-metric:nth-child(4n) { border-right: 1px solid var(--line-dark); }
  .flagship-metric:nth-child(2n) { border-right: 0; }
  .flagship-metric:nth-last-child(-n+4) { border-bottom: 1px solid var(--line-dark); }
  .flagship-metric:nth-last-child(-n+2) { border-bottom: 0; }
  .flagship-zone-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flagship-stage-ribbon { display: none; }
  .flagship-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flagship-support-grid article:nth-child(3n) { border-right: 1px solid var(--line-light); }
  .flagship-support-grid article:nth-child(2n) { border-right: 0; }
  .flagship-support-grid article:nth-last-child(-n+3) { border-bottom: 1px solid var(--line-light); }
  .flagship-support-grid article:nth-last-child(-n+2) { border-bottom: 0; }
  .flagship-gallery-refined { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .flagship-design-basis > header,
  .flagship-operating-ecosystem > header,
  .flagship-support-systems > header,
  .flagship-reference-note { grid-template-columns: 1fr; }
  .flagship-design-basis > header { gap: 1rem; }
  .flagship-metrics { grid-template-columns: 1fr 1fr; }
  .flagship-metric { min-height: 9rem; }
  .flagship-masterplan-refined figcaption small { text-align: left; }
  .flagship-zone-grid,
  .flagship-support-grid,
  .flagship-technical-pair { grid-template-columns: 1fr; }
  .flagship-zone { min-height: auto; }
  .flagship-support-grid article { border-right: 0 !important; border-bottom: 1px solid var(--line-light) !important; }
  .flagship-support-grid article:last-child { border-bottom: 0 !important; }
  .flagship-coldchain > div { grid-template-columns: 1fr; }
  .flagship-gallery-refined { grid-template-columns: 1fr; }
}


/* C5.2 — richer Halal concept and certification-foundation sections */
.economy-rich-grid,
.economy-opportunity-grid,
.cb-bridge {
  margin-top: clamp(2.25rem, 5vw, 4.5rem);
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, .88fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: stretch;
}
.economy-definition-card,
.economy-principles-card,
.economy-opportunity-panel,
.cb-bridge-copy,
.cb-bridge-panel {
  padding: clamp(1.4rem, 2.5vw, 2.25rem);
  border: 1px solid rgba(11,11,13,.12);
  background: #faf8f4;
}
.economy-definition-card p + p,
.cb-bridge-copy p + p { margin-top: .95rem; }
.economy-definition-card p:last-child,
.cb-bridge-copy p:last-child,
.cb-bridge-panel p:last-child,
.economy-opportunity-panel p:last-child {
  color: #545258;
  line-height: 1.6;
}
.economy-principles-list {
  list-style: none;
  margin-top: 1rem;
  padding-left: 0;
  display: grid;
  gap: .95rem;
}
.economy-principles-list li {
  display: grid;
  grid-template-columns: 2.35rem 1fr;
  gap: .8rem;
  align-items: start;
  padding-top: .9rem;
  border-top: 1px solid rgba(11,11,13,.1);
}
.economy-principles-list li:first-child { padding-top: 0; border-top: 0; }
.economy-principles-list span {
  color: var(--orange);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
}
.economy-principles-list h4,
.cb-bridge-copy h3,
.cb-bridge-panel h3,
.economy-opportunity-panel h3 {
  margin: 0;
  font-size: clamp(1.35rem, 1.15rem + .6vw, 2rem);
  letter-spacing: -.03em;
  line-height: 1.08;
}
.economy-principles-list p,
.cb-bridge-copy p,
.cb-bridge-panel p,
.economy-opportunity-panel p,
.economy-definition-card p {
  font-size: clamp(1rem, .98rem + .12vw, 1.08rem);
}
.economy-principles-list div p { margin-top: .35rem; color: #5a585e; line-height: 1.55; }
.economy-opportunity-panel {
  background: var(--black);
  color: var(--warm-white);
  border-color: rgba(247,245,240,.12);
}
.economy-opportunity-panel p:last-child { color: #d2d0d4; }
.economy-foundation-compact {
  min-height: 100%;
  justify-content: center;
}
.cb-bridge-copy,
.cb-bridge-panel {
  background: rgba(247,245,240,.96);
}
[data-theme="dark"] .cb-bridge-copy,
[data-theme="dark"] .cb-bridge-panel {
  background: rgba(247,245,240,.04);
  border-color: rgba(247,245,240,.14);
}
[data-theme="dark"] .cb-bridge-copy p:last-child,
[data-theme="dark"] .cb-bridge-panel p:last-child,
[data-theme="dark"] .cb-bridge-copy p,
[data-theme="dark"] .cb-bridge-panel p {
  color: #cfccd1;
}
@media (max-width: 980px) {
  .economy-rich-grid,
  .economy-opportunity-grid,
  .cb-bridge {
    grid-template-columns: 1fr;
  }
}


/* C5.3 — Section 06 upgraded starter-office visual + stronger CB requirement messaging */
.office-blueprint-card-upgraded {
  box-shadow: 0 14px 32px rgba(11,11,13,.08);
}
.office-blueprint-card-upgraded img {
  aspect-ratio: 1920 / 975;
  object-fit: cover;
  object-position: center;
}
.office-core-callout {
  margin: 0 1rem;
  padding: 1.15rem 1.2rem;
  display: grid;
  grid-template-columns: minmax(16rem, .7fr) minmax(0, 1.3fr);
  gap: 1.25rem;
  align-items: center;
  border: 1px solid rgba(11,11,13,.12);
  background: linear-gradient(90deg, rgba(242,106,33,.08), rgba(255,255,255,.72));
}
.office-core-callout h4 {
  margin-top: .35rem;
  font-size: clamp(1.2rem, 1rem + .5vw, 1.8rem);
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.office-core-callout p:last-child {
  margin: 0;
  color: #4f4c53;
  line-height: 1.55;
}
.office-process-ribbon {
  margin: 1rem 1rem 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--line-light);
  background: #fffdf8;
}
.office-process-ribbon span {
  min-height: 4.5rem;
  padding: .9rem .9rem;
  display: grid;
  align-content: center;
  gap: .3rem;
  border-right: 1px solid var(--line-light);
  font-size: .78rem;
  line-height: 1.35;
  font-weight: 750;
}
.office-process-ribbon span:last-child { border-right: 0; }
.office-process-ribbon b {
  color: var(--orange);
  font-size: .62rem;
  letter-spacing: .08em;
}
.office-requirement-grid {
  margin: 1rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--line-light);
  background: #fffdf8;
}
.office-requirement-grid article {
  min-height: 9rem;
  padding: 1rem;
  display: grid;
  align-content: start;
  gap: .48rem;
  border-right: 1px solid var(--line-light);
  transition: transform .18s ease, background .18s ease;
}
.office-requirement-grid article:hover {
  transform: translateY(-2px);
  background: rgba(242,106,33,.04);
}
.office-requirement-grid article:last-child { border-right: 0; }
.office-requirement-grid span {
  color: var(--orange);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.office-requirement-grid strong {
  font-size: .86rem;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.office-requirement-grid p {
  margin: 0;
  color: #66636a;
  font-size: .74rem;
  line-height: 1.48;
}
@media (max-width: 1100px) {
  .office-process-ribbon { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .office-process-ribbon span:nth-child(-n+3) { border-bottom: 1px solid var(--line-light); }
  .office-process-ribbon span:nth-child(3) { border-right: 0; }
  .office-requirement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .office-requirement-grid article:nth-child(2n) { border-right: 0; }
  .office-requirement-grid article:nth-child(-n+4) { border-bottom: 1px solid var(--line-light); }
  .office-requirement-grid article:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .office-core-callout { grid-template-columns: 1fr; }
  .office-process-ribbon { grid-template-columns: 1fr 1fr; }
  .office-process-ribbon span { border-bottom: 1px solid var(--line-light); }
  .office-process-ribbon span:nth-child(2n) { border-right: 0; }
  .office-process-ribbon span:nth-last-child(-n+2) { border-bottom: 0; }
  .office-requirement-grid { grid-template-columns: 1fr; }
  .office-requirement-grid article { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .office-requirement-grid article:last-child { border-bottom: 0; }
}


/* C5.4 — Section 07 interactive gallery refinement */
.flagship-masterplan-trigger {
  position: relative;
  width: 100%;
  padding: 0;
  display: block;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.flagship-masterplan-trigger img { display: block; width: 100%; }
.flagship-gallery-wrap {
  margin-top: clamp(2rem, 4vw, 3rem);
}
.flagship-gallery-wrap > header {
  margin-bottom: .8rem;
  padding: 0 0 1rem;
  display: grid;
  grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr);
  gap: 1.5rem;
  align-items: end;
}
.flagship-gallery-wrap > header > p {
  margin: 0;
  max-width: 48rem;
  color: #b7b4ba;
  line-height: 1.55;
}
.flagship-gallery-card {
  min-width: 0;
  background: var(--black);
}
.flagship-gallery-trigger {
  position: relative;
  width: 100%;
  padding: 0;
  display: block;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.flagship-gallery-trigger::after,
.flagship-masterplan-trigger::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.22) 100%);
  opacity: 0;
  transition: opacity .2s ease;
  pointer-events: none;
}
.flagship-gallery-trigger:hover::after,
.flagship-gallery-trigger:focus-visible::after,
.flagship-masterplan-trigger:hover::after,
.flagship-masterplan-trigger:focus-visible::after {
  opacity: 1;
}
.flagship-gallery-trigger img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .22s ease;
}
.flagship-gallery-trigger:hover img,
.flagship-gallery-trigger:focus-visible img,
.flagship-masterplan-trigger:hover img,
.flagship-masterplan-trigger:focus-visible img {
  transform: scale(1.018);
}
.flagship-gallery-zoom {
  position: absolute;
  right: .8rem;
  bottom: .75rem;
  z-index: 2;
  padding: .38rem .55rem;
  background: rgba(11,11,13,.76);
  color: #fff;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}
.flagship-gallery-trigger:hover .flagship-gallery-zoom,
.flagship-gallery-trigger:focus-visible .flagship-gallery-zoom,
.flagship-masterplan-trigger:hover .flagship-gallery-zoom,
.flagship-masterplan-trigger:focus-visible .flagship-gallery-zoom {
  opacity: 1;
  transform: translateY(0);
}
.flagship-gallery-refined figcaption {
  min-height: 4.25rem;
  padding: .82rem .85rem .9rem;
  display: grid;
  grid-template-columns: 1.45rem minmax(0, 1fr);
  gap: .45rem;
  align-content: start;
}
.flagship-gallery-refined figcaption strong {
  color: #f1eef0;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .045em;
  line-height: 1.35;
  text-transform: uppercase;
}
.flagship-gallery-refined figcaption span {
  margin-top: .02rem;
}
.flagship-masterplan-refined .flagship-gallery-zoom {
  right: 1rem;
  bottom: 1rem;
}
@media (max-width: 980px) {
  .flagship-gallery-wrap > header {
    grid-template-columns: 1fr;
    align-items: start;
  }
}
@media (max-width: 760px) {
  .flagship-gallery-zoom { opacity: 1; transform: none; }
}


/* C5.5 — Early-section visual communication and typography refinement */
#halal-economy .c2-heading h2,
#cb-fhcb .c2-heading h2 {
  max-width: 11ch;
  font-size: clamp(2.8rem, 5.3vw, 5.6rem);
  line-height: .92;
}
#halal-economy .c2-lead,
#cb-fhcb .c2-lead {
  max-width: 54rem;
  font-size: clamp(1.08rem, .98rem + .42vw, 1.42rem);
  line-height: 1.52;
}
#halal-economy .c2-support,
#cb-fhcb .c2-support {
  max-width: 54rem;
  line-height: 1.58;
}
.economy-hero-visuals,
.cb-visual-grid {
  margin-top: clamp(2rem, 4vw, 3rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 2rem);
}
.economy-orbit-card,
.economy-market-card,
.cb-trust-ladder,
.cb-system-map {
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border: 1px solid rgba(11,11,13,.12);
  background: #faf8f4;
}
.economy-orbit-graphic {
  margin-top: 1rem;
  min-height: 17rem;
  display: grid;
  place-items: center;
  position: relative;
}
.economy-orbit-graphic strong {
  width: 9rem;
  height: 9rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--black);
  color: var(--warm-white);
  text-align: center;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.05;
  text-transform: uppercase;
  box-shadow: 0 0 0 .7rem rgba(242,106,33,.07);
}
.economy-orbit-graphic ul {
  position: absolute;
  inset: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.economy-orbit-graphic li {
  position: absolute;
  min-width: 8.5rem;
  padding: .75rem .85rem;
  background: #fffdf8;
  border: 1px solid rgba(11,11,13,.1);
  font-size: .82rem;
  font-weight: 850;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}
.economy-orbit-graphic li:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); }
.economy-orbit-graphic li:nth-child(2) { top: 50%; right: 0; transform: translateY(-50%); }
.economy-orbit-graphic li:nth-child(3) { bottom: 0; left: 50%; transform: translateX(-50%); }
.economy-orbit-graphic li:nth-child(4) { top: 50%; left: 0; transform: translateY(-50%); }
.economy-market-ribbon {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(11,11,13,.1);
  background: #fffdf8;
}
.economy-market-ribbon span {
  min-height: 7rem;
  padding: 1rem .9rem;
  display: grid;
  place-items: center;
  text-align: center;
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.3;
  text-transform: uppercase;
  border-right: 1px solid rgba(11,11,13,.1);
}
.economy-market-ribbon span:last-child { border-right: 0; }
.economy-market-ribbon b {
  display: block;
  margin-top: .55rem;
  color: var(--orange);
  font-size: 1rem;
}
.economy-definition-card,
.economy-principles-card,
.cb-bridge-copy,
.cb-bridge-panel,
.cb-trust-ladder,
.cb-system-map {
  box-shadow: 0 10px 24px rgba(11,11,13,.03);
}
.economy-definition-card p + p,
.cb-bridge-copy p + p { margin-top: .9rem; }
.economy-definition-card p,
.cb-bridge-copy p,
.cb-bridge-panel p,
.economy-opportunity-panel p,
.economy-principles-list p,
.cb-contrast small,
.famven-position > div > p:last-child {
  line-height: 1.6;
}
.cb-trust-ladder ol {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}
.cb-trust-ladder li {
  min-height: 6.4rem;
  padding: .9rem;
  display: grid;
  align-content: start;
  gap: .35rem;
  background: #fffdf8;
  border: 1px solid rgba(11,11,13,.1);
}
.cb-trust-ladder span,
.cb-system-grid span {
  color: var(--orange);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
}
.cb-trust-ladder strong,
.cb-system-grid strong {
  font-size: .8rem;
  text-transform: uppercase;
  line-height: 1.35;
}
.cb-system-grid {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}
.cb-system-grid article {
  min-height: 6.2rem;
  padding: .9rem;
  display: grid;
  align-content: start;
  gap: .35rem;
  background: #fffdf8;
  border: 1px solid rgba(11,11,13,.1);
}
#halal-economy .economy-rich-grid,
#halal-economy .economy-opportunity-grid,
#cb-fhcb .cb-bridge {
  margin-top: clamp(1.75rem, 4vw, 2.5rem);
}
@media (max-width: 980px) {
  .economy-hero-visuals,
  .cb-visual-grid,
  .economy-market-ribbon,
  .cb-trust-ladder ol,
  .cb-system-grid {
    grid-template-columns: 1fr 1fr;
  }
  .economy-orbit-graphic {
    min-height: 22rem;
  }
}
@media (max-width: 760px) {
  .economy-hero-visuals,
  .cb-visual-grid,
  .economy-rich-grid,
  .economy-opportunity-grid,
  .cb-bridge {
    grid-template-columns: 1fr;
  }
  .economy-market-ribbon,
  .cb-trust-ladder ol,
  .cb-system-grid {
    grid-template-columns: 1fr;
  }
  .economy-market-ribbon span { min-height: auto; }
  .economy-orbit-graphic {
    min-height: auto;
    gap: .8rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .economy-orbit-graphic strong {
    width: 100%;
    height: auto;
    padding: 1rem;
    border-radius: 0;
  }
  .economy-orbit-graphic ul {
    position: static;
    display: grid;
    gap: .8rem;
  }
  .economy-orbit-graphic li {
    position: static;
    min-width: 0;
    transform: none !important;
  }
}


/* C5.6 — fill hero-side whitespace with integrated visuals */
.intro-hero {
  display: grid;
  grid-template-columns: minmax(5rem, .18fr) minmax(0, .92fr) minmax(20rem, .9fr);
  gap: clamp(1.5rem, 3vw, 2.4rem);
  align-items: start;
}
.intro-hero-copy { min-width: 0; }
.intro-hero-copy h2 {
  max-width: 10.5ch;
  margin-top: .8rem;
  font-size: clamp(2.7rem, 5.1vw, 5.2rem);
  letter-spacing: -.06em;
  line-height: .92;
  text-wrap: balance;
}
.intro-hero-copy .c2-lead {
  max-width: 36rem;
  margin-top: 1.25rem;
  font-size: clamp(1.04rem, .96rem + .32vw, 1.28rem);
  line-height: 1.55;
}
.intro-hero-copy .c2-support {
  max-width: 34rem;
  line-height: 1.58;
}
.intro-hero-visual {
  display: grid;
  gap: 1rem;
  align-content: start;
}
.intro-hero-visual .economy-orbit-card,
.intro-hero-visual .economy-market-card,
.intro-hero-visual .cb-trust-ladder,
.intro-hero-visual .cb-system-map {
  margin: 0;
}
.intro-hero-economy .economy-orbit-card,
.intro-hero-economy .economy-market-card {
  background: linear-gradient(180deg, #fcfbf7 0%, #f5f2ec 100%);
}
.intro-hero-economy .economy-orbit-graphic {
  min-height: 14rem;
}
.intro-hero-economy .economy-market-ribbon {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.intro-hero-economy .economy-market-ribbon span {
  min-height: 5.4rem;
}
.intro-hero-economy .economy-market-ribbon span:nth-child(-n+2) {
  border-bottom: 1px solid rgba(11,11,13,.1);
}
.intro-hero-economy .economy-market-ribbon span:nth-child(2) {
  border-right: 0;
}
#halal-economy .economy-rich-grid,
#halal-economy .economy-opportunity-grid {
  margin-top: clamp(2rem, 4vw, 2.8rem);
}
.intro-hero-cb .cb-trust-ladder,
.intro-hero-cb .cb-system-map {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.1);
  box-shadow: none;
}
.intro-hero-cb .cb-trust-ladder ol,
.intro-hero-cb .cb-system-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.intro-hero-cb .cb-trust-ladder li,
.intro-hero-cb .cb-system-grid article {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.08);
}
.intro-hero-cb .cb-trust-ladder strong,
.intro-hero-cb .cb-system-grid strong,
.intro-hero-cb .cb-bridge-copy h3,
.intro-hero-cb .cb-bridge-panel h3 {
  color: #fff9ef;
}
.intro-hero-cb .cb-trust-ladder .micro-label,
.intro-hero-cb .cb-system-map .micro-label,
#cb-fhcb .intro-hero-copy .c2-support,
#cb-fhcb .intro-hero-copy .c2-lead {
  color: #d5d1d6;
}
#cb-fhcb .intro-hero-copy .c2-kicker { color: var(--yellow); }
#cb-fhcb .cb-bridge { margin-top: clamp(2rem, 4vw, 2.8rem); }
@media (max-width: 1180px) {
  .intro-hero {
    grid-template-columns: minmax(4rem, .12fr) minmax(0, 1fr);
  }
  .intro-hero-visual {
    grid-column: 2;
  }
  .intro-hero-copy h2,
  #halal-economy .c2-heading h2,
  #cb-fhcb .c2-heading h2 {
    max-width: 12ch;
  }
}
@media (max-width: 760px) {
  .intro-hero {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .intro-hero-number {
    order: 0;
  }
  .intro-hero-visual,
  .intro-hero-copy,
  .intro-hero-number {
    grid-column: auto;
  }
  .intro-hero-copy h2 {
    font-size: clamp(2.5rem, 12vw, 4.2rem);
    max-width: 12ch;
  }
  .intro-hero-economy .economy-market-ribbon,
  .intro-hero-cb .cb-trust-ladder ol,
  .intro-hero-cb .cb-system-grid {
    grid-template-columns: 1fr;
  }
  .intro-hero-economy .economy-market-ribbon span,
  .intro-hero-economy .economy-market-ribbon span:nth-child(-n+2) {
    border-bottom: 1px solid rgba(11,11,13,.1);
  }
  .intro-hero-economy .economy-market-ribbon span:last-child {
    border-bottom: 0;
  }
}


/* C5.7 — early-section layout clean-up and cleaner non-connected typography */
#halal-economy,
#cb-fhcb {
  --early-font-clean: Inter, "Segoe UI", Arial, Helvetica, sans-serif;
}
#halal-economy .shell.c2-frame,
#cb-fhcb .shell.c2-frame {
  padding-top: clamp(4rem, 7vw, 6rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
}
#halal-economy .intro-hero,
#cb-fhcb .intro-hero {
  grid-template-columns: 4.6rem minmax(0, 36rem) minmax(20rem, 31rem);
  gap: clamp(1.2rem, 2.5vw, 2rem);
  justify-content: space-between;
}
#halal-economy .intro-hero-number .section-number,
#cb-fhcb .intro-hero-number .section-number {
  font-size: clamp(3.1rem, 5.4vw, 5.4rem);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: .88;
}
#halal-economy .intro-hero-copy,
#cb-fhcb .intro-hero-copy,
#halal-economy .intro-hero-copy h2,
#cb-fhcb .intro-hero-copy h2,
#halal-economy .intro-hero-copy .c2-lead,
#cb-fhcb .intro-hero-copy .c2-lead,
#halal-economy .micro-label,
#cb-fhcb .micro-label,
#halal-economy .intro-hero-visual strong,
#cb-fhcb .intro-hero-visual strong {
  font-family: var(--early-font-clean);
}
#halal-economy .intro-hero-copy h2,
#cb-fhcb .intro-hero-copy h2 {
  max-width: 9.8ch;
  margin-top: .65rem;
  font-size: clamp(2.7rem, 4.6vw, 4.9rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: .96;
}
#halal-economy .intro-hero-copy .c2-lead,
#cb-fhcb .intro-hero-copy .c2-lead {
  max-width: 32rem;
  margin-top: 1.15rem;
  font-size: clamp(1.02rem, .96rem + .24vw, 1.18rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
}
#halal-economy .intro-hero-copy .c2-support,
#cb-fhcb .intro-hero-copy .c2-support {
  max-width: 32rem;
  margin-top: .9rem;
  font-size: .95rem;
  line-height: 1.62;
}
#halal-economy .intro-hero-visual,
#cb-fhcb .intro-hero-visual {
  width: min(100%, 31rem);
  justify-self: end;
  gap: .9rem;
}
#halal-economy .intro-hero-visual > article,
#cb-fhcb .intro-hero-visual > article {
  padding: 1.15rem 1.2rem;
  border-width: 1px;
  box-shadow: none;
}
#halal-economy .economy-orbit-card .micro-label,
#halal-economy .economy-market-card .micro-label,
#cb-fhcb .cb-trust-ladder .micro-label,
#cb-fhcb .cb-system-map .micro-label {
  font-size: .62rem;
  letter-spacing: .14em;
}
#halal-economy .economy-orbit-graphic {
  min-height: 12.5rem;
  margin-top: .8rem;
}
#halal-economy .economy-orbit-graphic strong {
  width: 7.2rem;
  height: 7.2rem;
  font-size: .92rem;
  letter-spacing: -.02em;
  line-height: 1.1;
  box-shadow: 0 0 0 .5rem rgba(242,106,33,.07);
}
#halal-economy .economy-orbit-graphic li {
  min-width: 7.2rem;
  padding: .58rem .62rem;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.2;
}
#halal-economy .economy-market-ribbon {
  margin-top: .8rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#halal-economy .economy-market-ribbon span {
  min-height: 4.6rem;
  padding: .75rem .7rem;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.25;
}
#halal-economy .economy-market-ribbon b {
  margin-top: .35rem;
  font-size: .86rem;
}
#halal-economy .economy-market-ribbon span:nth-child(-n+2) {
  border-bottom: 1px solid rgba(11,11,13,.1);
}
#halal-economy .economy-market-ribbon span:nth-child(2) { border-right: 0; }
#cb-fhcb .intro-hero-visual {
  width: min(100%, 34rem);
}
#cb-fhcb .cb-trust-ladder,
#cb-fhcb .cb-system-map {
  background: rgba(255,255,255,.035);
}
#cb-fhcb .cb-trust-ladder ol,
#cb-fhcb .cb-system-grid {
  margin-top: .9rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
#cb-fhcb .cb-trust-ladder li,
#cb-fhcb .cb-system-grid article {
  min-height: 5.2rem;
  padding: .8rem .85rem;
}
#cb-fhcb .cb-trust-ladder span,
#cb-fhcb .cb-system-grid span {
  font-size: .62rem;
}
#cb-fhcb .cb-trust-ladder strong,
#cb-fhcb .cb-system-grid strong {
  font-family: var(--early-font-clean);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.28;
}
#cb-fhcb .intro-hero-copy .c2-lead {
  max-width: 34rem;
  font-size: clamp(1.04rem, .98rem + .26vw, 1.22rem);
}
@media (max-width: 1300px) {
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero {
    grid-template-columns: 4rem minmax(0, 1fr) minmax(19rem, 26rem);
  }
}
@media (max-width: 1120px) {
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero {
    grid-template-columns: 4rem minmax(0, 1fr);
  }
  #halal-economy .intro-hero-visual,
  #cb-fhcb .intro-hero-visual {
    grid-column: 2;
    width: min(100%, 36rem);
    justify-self: start;
  }
}
@media (max-width: 760px) {
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero {
    grid-template-columns: 1fr;
  }
  #halal-economy .intro-hero-number,
  #cb-fhcb .intro-hero-number,
  #halal-economy .intro-hero-visual,
  #cb-fhcb .intro-hero-visual {
    grid-column: auto;
    width: 100%;
  }
  #halal-economy .intro-hero-copy h2,
  #cb-fhcb .intro-hero-copy h2 {
    max-width: 11ch;
    font-size: clamp(2.35rem, 11vw, 4rem);
  }
  #cb-fhcb .cb-trust-ladder ol,
  #cb-fhcb .cb-system-grid,
  #halal-economy .economy-market-ribbon {
    grid-template-columns: 1fr;
  }
}


/* C5.8 — global visual-consistency audit patch for Sections 01–22 */
:root {
  --font-sans: Inter, "Segoe UI", Arial, Helvetica, sans-serif;
  --content-max: 88rem;
  --section-gap-tight: clamp(1.4rem, 3vw, 2.2rem);
  --section-gap-base: clamp(2rem, 4vw, 3rem);
}
html, body, button, input, textarea, select {
  font-family: var(--font-sans);
}
body {
  letter-spacing: 0;
}
.shell {
  width: min(100% - 3rem, var(--content-max));
  margin-inline: auto;
}
.c2-frame,
.register-grid,
.guardrail-grid,
.footer-grid {
  width: min(100%, var(--content-max));
  margin-inline: auto;
}
.c2-frame {
  padding-block: clamp(4.25rem, 7vw, 6.5rem);
}
.eyebrow,
.c2-kicker,
.micro-label,
.section-source strong,
.section-status,
.status-line span,
.document-deck-count,
.document-chapter header span,
.flagship-gallery-zoom,
.flagship-gallery-refined figcaption strong,
.flagship-gallery-refined figcaption span {
  font-family: var(--font-sans);
}
h1, h2, h3, h4, h5, h6,
.hero-copy h1,
.c2-heading h2,
.intro-hero-copy h2,
.guardrail-grid h2,
.guardrail-clean h2,
.document-deck-header h3,
.document-chapter header h4,
.closing-card h3,
.value-pair h3,
.ecosystem-equation h3,
.flagship-design-basis h3,
.flagship-zone h4,
.flagship-support-grid h4,
.cb-bridge-copy h3,
.cb-bridge-panel h3,
.economy-opportunity-panel h3,
.economy-foundation h3,
.location-criteria h3,
.opportunity-gateways h3,
.participant-pathways h3 {
  font-family: var(--font-sans);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.02;
}
.c2-lead,
.c2-support,
.intro-hero-copy .c2-lead,
.intro-hero-copy .c2-support,
.cb-bridge-copy p,
.cb-bridge-panel p,
.economy-definition-card p,
.economy-principles-list p,
.economy-opportunity-panel p,
.economy-foundation p,
.location-criteria p,
.caracas-photo figcaption small,
.flagship-system-note,
.flagship-effluent p,
.flagship-coldchain p,
.participant-pathways p,
.value-pair p,
.opportunity-gateways p,
.document-deck-header > div > p:last-child,
.document-chapter header p,
.famven-position p,
.office-core-callout p:last-child,
.office-requirement-grid p,
.office-compact-summary p,
.office-plan-meta p,
.leased-benefits-interactive p,
.closing-card p,
.footer-grid p,
.footer-grid li,
.source-visual-evidence figcaption,
.source-register td,
.source-register th,
.verification-register td,
.verification-register th {
  font-size: clamp(.98rem, .95rem + .08vw, 1.04rem);
  line-height: 1.62;
}
.c2-heading h2 {
  max-width: 13ch;
  font-size: clamp(2.7rem, 5vw, 5.4rem);
}
.c2-lead {
  max-width: 48rem;
  font-size: clamp(1.08rem, 1rem + .22vw, 1.26rem);
}
.c2-support {
  max-width: 46rem;
}
.status-line {
  gap: .65rem;
  margin-top: 1.2rem;
}
.status-line span,
.section-status,
.section-source strong {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
}
:where(.economy-definition-card,
.economy-principles-card,
.economy-opportunity-panel,
.economy-foundation,
.cb-trust-ladder,
.cb-system-map,
.cb-bridge-copy,
.cb-bridge-panel,
.cb-contrast,
.famven-position,
.location-criteria,
.caracas-photo,
.flagship-design-basis,
.flagship-operating-ecosystem,
.flagship-support-systems,
.flagship-effluent,
.flagship-coldchain,
.flagship-reference-note,
.participant-pathways article,
.value-pair section,
.opportunity-gateways article,
.source-visual-evidence figure,
.document-page-card,
.document-chapter,
.closing-card,
.office-blueprint-card-upgraded,
.office-core-callout,
.office-requirement-grid,
.office-compact-summary,
.office-process-ribbon,
.leased-benefits-interactive,
.benefit-list li,
.institutional-sequence,
.register-card,
.verification-register,
.source-register) {
  border-width: 1px;
  box-shadow: none;
}
#halal-economy .intro-hero,
#cb-fhcb .intro-hero {
  grid-template-columns: 4.8rem minmax(0, 41rem) minmax(18rem, 29rem);
  gap: clamp(1.4rem, 2.2vw, 2rem);
  align-items: start;
}
#halal-economy .intro-hero-copy h2,
#cb-fhcb .intro-hero-copy h2 {
  max-width: 11ch;
  font-size: clamp(2.65rem, 4.15vw, 4.45rem);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: .98;
  text-wrap: pretty;
}
#halal-economy .intro-hero-copy .c2-lead,
#cb-fhcb .intro-hero-copy .c2-lead {
  max-width: 35rem;
  margin-top: 1rem;
  font-size: clamp(1rem, .97rem + .16vw, 1.12rem);
  line-height: 1.62;
}
#halal-economy .intro-hero-copy .c2-support,
#cb-fhcb .intro-hero-copy .c2-support {
  max-width: 35rem;
  margin-top: .8rem;
  font-size: .95rem;
}
#halal-economy .intro-hero-visual,
#cb-fhcb .intro-hero-visual {
  width: min(100%, 29rem);
  justify-self: end;
  gap: .85rem;
}
#halal-economy .economy-orbit-card,
#halal-economy .economy-market-card,
#cb-fhcb .cb-trust-ladder,
#cb-fhcb .cb-system-map {
  padding: 1.1rem 1.15rem;
}
#halal-economy .economy-orbit-graphic {
  min-height: 11.2rem;
}
#halal-economy .economy-orbit-graphic strong {
  width: 6.6rem;
  height: 6.6rem;
  font-size: .88rem;
  font-weight: 800;
}
#halal-economy .economy-orbit-graphic li {
  min-width: 6.7rem;
  padding: .52rem .55rem;
  font-size: .62rem;
  line-height: 1.18;
}
#halal-economy .economy-market-ribbon span {
  min-height: 4.2rem;
  padding: .72rem .6rem;
  font-size: .62rem;
  line-height: 1.22;
}
#cb-fhcb .cb-trust-ladder ol,
#cb-fhcb .cb-system-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}
#cb-fhcb .cb-trust-ladder li,
#cb-fhcb .cb-system-grid article {
  min-height: 4.85rem;
  padding: .75rem .8rem;
}
#cb-fhcb .cb-trust-ladder strong,
#cb-fhcb .cb-system-grid strong {
  font-size: .74rem;
  line-height: 1.24;
}
:where(.cb-visual-grid,
.economy-rich-grid,
.economy-opportunity-grid,
.cb-bridge,
.caracas-context,
.flagship-technical-pair,
.value-pair,
.opportunities-heading-wrap,
.guardrail-grid,
.register-grid,
.document-deck-header,
.office-plan-meta,
.office-core-callout) {
  gap: var(--section-gap-tight);
}
:where(.flagship-gallery-wrap,
.flagship-operating-ecosystem,
.flagship-support-systems,
.flagship-process,
.source-visual-evidence,
.leased-benefits-interactive,
.document-chapters,
.office-requirement-grid,
.office-process-ribbon,
.office-compact-summary,
.participant-pathways,
.opportunity-gateways,
.benefit-list,
.institutional-sequence) {
  margin-top: var(--section-gap-base);
}
.document-deck-header,
.document-chapter header,
.flagship-gallery-wrap > header,
.flagship-operating-ecosystem > header,
.flagship-support-systems > header,
.opportunities-heading-wrap,
.closing-frame .c2-heading,
.caracas-context > section > header,
.location-criteria,
.flagship-design-basis > header {
  align-items: end;
}
.footer-grid {
  gap: 1.25rem;
}
.footer-grid p,
.footer-grid li,
.brand-copy small,
.brand-copy strong,
.segmented-control button,
.language-control button,
.site-nav a,
.footer-meta {
  font-family: var(--font-sans);
}
@media (max-width: 1240px) {
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero {
    grid-template-columns: 4rem minmax(0, 1fr) minmax(17rem, 25rem);
  }
  .shell {
    width: min(100% - 2.25rem, var(--content-max));
  }
}
@media (max-width: 1080px) {
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero {
    grid-template-columns: 4rem minmax(0, 1fr);
  }
  #halal-economy .intro-hero-visual,
  #cb-fhcb .intro-hero-visual {
    grid-column: 2;
    justify-self: start;
    width: min(100%, 34rem);
  }
}
@media (max-width: 760px) {
  .shell {
    width: min(100% - 1.5rem, var(--content-max));
  }
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero,
  .c2-heading,
  .guardrail-grid,
  .caracas-context,
  .flagship-technical-pair,
  .value-pair,
  .document-deck-header,
  .cb-visual-grid,
  .economy-rich-grid,
  .economy-opportunity-grid,
  .cb-bridge,
  .opportunities-heading-wrap,
  .office-core-callout {
    grid-template-columns: 1fr;
  }
  #halal-economy .intro-hero-visual,
  #cb-fhcb .intro-hero-visual {
    width: 100%;
  }
  .c2-heading h2,
  #halal-economy .intro-hero-copy h2,
  #cb-fhcb .intro-hero-copy h2 {
    max-width: 11.5ch;
    font-size: clamp(2.35rem, 10.2vw, 3.8rem);
  }
  .c2-frame {
    padding-block: 3.5rem;
  }
}

/* C6.0 — opening: integrated senior editorial composition */
#opening.hero {
  min-height: 100svh;
  padding: var(--header-height) 0 0;
  background: var(--black);
  isolation: isolate;
}

#opening.hero::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: var(--header-height) auto 0 48%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(247,245,240,.38) 22%, rgba(247,245,240,.16) 76%, transparent);
  pointer-events: none;
}

#opening.hero::after {
  z-index: -1;
  background:
    radial-gradient(circle at 18% 42%, rgba(216,90,26,.12), transparent 34%),
    linear-gradient(90deg, #0b0b0d 0 48%, rgba(11,11,13,.94) 54%, rgba(11,11,13,0) 67%);
}

#opening .hero-visual {
  position: absolute;
  z-index: -2;
  inset: var(--header-height) 0 0 48%;
  margin: 0;
  overflow: hidden;
}

#opening .hero-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% center;
  filter: saturate(.82) contrast(1.04) brightness(.74);
  transform: scale(1.015);
}

#opening .hero-visual-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(11,11,13,.98) 0, rgba(11,11,13,.7) 14%, rgba(11,11,13,.1) 42%, rgba(11,11,13,.05) 72%),
    linear-gradient(0deg, rgba(11,11,13,.94) 0, rgba(11,11,13,.16) 38%, rgba(11,11,13,.14) 100%);
}

#opening .hero-visual figcaption {
  position: absolute;
  right: max(2rem, calc((100vw - 90rem) / 2));
  bottom: 9.5rem;
  z-index: 1;
  display: grid;
  justify-items: end;
  padding-right: 1rem;
  border-right: 3px solid var(--orange);
  color: rgba(247,245,240,.78);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.45;
  text-align: right;
  text-transform: uppercase;
}

#opening .hero-visual figcaption strong {
  color: var(--warm-white);
  font-size: .74rem;
}

#opening .hero-backdrop {
  z-index: 3;
  top: auto;
  right: 0;
  bottom: 0;
  width: 52%;
  height: .32rem;
  opacity: 1;
}

#opening .hero-grid {
  width: min(100% - 5rem, 90rem);
  min-height: calc(100svh - var(--header-height));
  grid-template-columns: minmax(0, .92fr) minmax(26rem, 1.08fr);
  grid-template-rows: minmax(0, 1fr) auto;
  column-gap: clamp(2.5rem, 5vw, 6.5rem);
  row-gap: 0;
  align-items: center;
  padding-top: clamp(2.5rem, 6vh, 5.5rem);
}

#opening .hero-copy {
  position: relative;
  z-index: 4;
  grid-column: 1;
  align-self: center;
  padding: 0 0 clamp(2rem, 6vh, 5rem);
}

#opening .hero-kicker {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: clamp(1.3rem, 2.5vh, 2.2rem);
  color: var(--orange);
  font-size: .73rem;
  font-weight: 850;
  letter-spacing: .16em;
  line-height: 1.35;
  text-transform: uppercase;
}

#opening .hero-kicker i {
  width: 2.5rem;
  height: 1px;
  background: rgba(247,245,240,.38);
}

#opening .hero-copy h1 {
  max-width: 8.2ch;
  margin: 0;
  font-size: clamp(4.25rem, 7.35vw, 8rem);
  font-weight: 850;
  letter-spacing: -.067em;
  line-height: .83;
  text-wrap: balance;
}

#opening .hero-copy h1 span {
  position: relative;
  display: inline-block;
  color: var(--warm-white);
}

#opening .hero-copy h1 span::after {
  content: "";
  position: absolute;
  left: .05em;
  bottom: -.13em;
  width: 42%;
  height: .075em;
  background: var(--orange);
}

#opening .hero-deck {
  max-width: 29rem;
  margin-top: clamp(2rem, 4vh, 3.25rem);
  padding-left: 1.25rem;
  border-left: 1px solid rgba(247,245,240,.34);
  color: #d7d5d0;
  font-size: clamp(1.08rem, 1rem + .4vw, 1.42rem);
  line-height: 1.4;
}

#opening .hero-meta {
  max-width: 34rem;
  margin-top: 1.7rem;
  color: #8f8e93;
}

#opening .hero-partners {
  position: relative;
  z-index: 4;
  grid-column: 2;
  align-self: end;
  justify-self: end;
  width: min(100%, 31rem);
  margin: 0 0 2.2rem;
  padding: 0;
  background: rgba(11,11,13,.9);
  color: var(--warm-white);
  border-top: 3px solid var(--orange);
  box-shadow: none;
}

#opening .partner-kicker {
  padding: .72rem 1rem .62rem;
  color: #aaa9ad;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1.35;
  text-transform: uppercase;
}

#opening .partner-kicker span { padding-inline: .25rem; color: var(--orange); }

#opening .logo-stage {
  min-height: 5.2rem;
  padding: .55rem 1rem .7rem;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  gap: 1.15rem;
  background: var(--warm-white);
}

#opening .logo-stage figure {
  min-height: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .65rem;
}

#opening .logo-stage img {
  width: min(100%, 7.1rem);
  height: 3.6rem;
}

#opening .logo-stage figcaption {
  color: #656469;
  font-size: .59rem;
}

#opening .partner-divider {
  height: 3.2rem;
  background: rgba(11,11,13,.2);
}

#opening .story-sequence {
  position: relative;
  z-index: 5;
  grid-column: 1 / -1;
  width: 100%;
  min-height: 6.7rem;
  padding: 1.3rem 0 1.5rem;
  border-top: 1px solid rgba(247,245,240,.22);
  background: rgba(11,11,13,.91);
  color: #d0cec9;
  font-size: clamp(.64rem, .56rem + .16vw, .76rem);
  letter-spacing: .045em;
}

#opening .story-sequence span {
  display: grid;
  gap: .28rem;
  line-height: 1.25;
}

#opening .story-sequence b {
  color: var(--orange);
  font-size: .62rem;
  letter-spacing: .14em;
}

#opening .story-sequence i { background: rgba(247,245,240,.22); }

#opening .scroll-cue {
  z-index: 6;
  bottom: .65rem;
  color: #8e8d91;
}

@media (max-width: 73.75rem) {
  #opening.hero::before { left: 46%; }
  #opening.hero::after { background: linear-gradient(90deg, #0b0b0d 0 46%, rgba(11,11,13,.9) 55%, rgba(11,11,13,.05) 75%); }
  #opening .hero-visual { left: 46%; }
  #opening .hero-backdrop { width: 54%; }
  #opening .hero-grid {
    width: min(100% - 3rem, 90rem);
    grid-template-columns: minmax(0, .86fr) minmax(22rem, 1.14fr);
    column-gap: 2.4rem;
  }
  #opening .hero-copy h1 { font-size: clamp(4rem, 7.6vw, 6.7rem); }
  #opening .hero-partners { width: min(100%, 26rem); }
  #opening .logo-stage figure { grid-template-columns: 1fr; }
}

@media (max-width: 56rem) {
  #opening.hero { padding-top: var(--header-height); }
  #opening.hero::before { display: none; }
  #opening.hero::after { background: linear-gradient(180deg, #0b0b0d 0 42%, rgba(11,11,13,.75) 57%, rgba(11,11,13,.18) 74%, #0b0b0d 100%); }
  #opening .hero-grid {
    width: min(100% - 2.5rem, 42rem);
    min-height: calc(100svh - var(--header-height));
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(22rem, 48vh) auto auto;
    padding-top: 2.75rem;
  }
  #opening .hero-copy {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 2.5rem;
  }
  #opening .hero-visual {
    position: relative;
    grid-column: 1;
    grid-row: 2;
    inset: auto;
    width: calc(100% + 2.5rem);
    min-height: 22rem;
    margin-inline: -1.25rem;
    z-index: 0;
  }
  #opening .hero-visual-shade {
    background: linear-gradient(180deg, rgba(11,11,13,.2), rgba(11,11,13,.1) 50%, rgba(11,11,13,.9));
  }
  #opening .hero-visual figcaption { right: 1.25rem; bottom: 1.5rem; }
  #opening .hero-backdrop { width: 100%; }
  #opening .hero-partners {
    grid-column: 1;
    grid-row: 3;
    justify-self: stretch;
    width: 100%;
    margin: -1px 0 2.25rem;
  }
  #opening .story-sequence {
    grid-column: 1;
    grid-row: 4;
    min-height: auto;
    padding-bottom: 2.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem 2rem;
  }
  #opening .story-sequence span:last-child { grid-column: 1 / -1; }
  #opening .story-sequence i { display: none; }
  #opening .scroll-cue { display: none; }
}

@media (max-width: 39rem) {
  #opening .hero-grid { width: min(100% - 1.5rem, 42rem); }
  #opening .hero-kicker { font-size: .65rem; letter-spacing: .12em; }
  #opening .hero-copy h1 { max-width: 8.5ch; font-size: clamp(3.4rem, 16vw, 5.1rem); }
  #opening .hero-deck { font-size: 1.05rem; }
  #opening .hero-visual { width: calc(100% + 1.5rem); margin-inline: -.75rem; }
  #opening .logo-stage { gap: .8rem; }
  #opening .logo-stage img { height: 3.25rem; }
  #opening .story-sequence { grid-template-columns: 1fr; }
  #opening .story-sequence span:last-child { grid-column: auto; }
}

/* C6.1 — directed corrections from PAGE PEMBETULAN, pages 1–7 */

/* Page 1 — Venezuela map and transparent institutional marks */
#opening .hero-visual {
  background: #0b0b0d;
}

#opening .hero-visual img {
  object-fit: cover;
  object-position: 50% 48%;
  filter: saturate(.82) contrast(1.03) brightness(.88);
  transform: scale(1.025);
}

#opening .hero-visual-shade {
  background:
    linear-gradient(90deg, rgba(11,11,13,1) 0, rgba(11,11,13,.76) 13%, rgba(11,11,13,.16) 37%, rgba(11,11,13,.05) 78%),
    linear-gradient(0deg, rgba(11,11,13,.92) 0, rgba(11,11,13,.08) 32%, rgba(11,11,13,.06) 78%, rgba(11,11,13,.38) 100%);
}

#opening .hero-partners {
  width: min(100%, 27rem);
  background: rgba(11,11,13,.82);
  border-top-color: var(--orange);
}

#opening .logo-stage {
  min-height: 5.7rem;
  padding: .6rem 1rem .8rem;
  background: rgba(11,11,13,.76);
}

#opening .logo-stage img {
  width: min(100%, 6.7rem);
  height: 4.25rem;
  background: transparent;
  filter: drop-shadow(0 .35rem .7rem rgba(0,0,0,.28));
}

#opening .logo-stage figure:first-child img { height: 4.7rem; }
#opening .logo-stage figcaption { color: #d5d2cc; }
#opening .partner-divider { background: rgba(247,245,240,.28); }

/* Page 2 — statement and Halal-industry tree as one editorial spread */
.narrative-guardrail {
  background: linear-gradient(90deg, var(--orange) 0 39%, #f3f2ee 39% 100%);
  overflow: hidden;
}

.guardrail-editorial {
  width: min(100%, 100rem);
  min-height: clamp(30rem, 54vw, 46rem);
  padding: 0;
  display: grid;
  grid-template-columns: minmax(20rem, .72fr) minmax(30rem, 1.28fr);
  gap: 0;
  align-items: stretch;
}

.guardrail-statement {
  position: relative;
  z-index: 2;
  padding: clamp(3.5rem, 7vw, 7rem) clamp(2.5rem, 5vw, 5rem);
  display: grid;
  align-content: center;
  background: var(--orange);
}

.guardrail-statement::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: -8rem;
  width: 12rem;
  height: 100%;
  background: linear-gradient(90deg, var(--orange), rgba(216,90,26,0));
}

.guardrail-statement .micro-label {
  margin-bottom: 1.2rem;
  color: rgba(11,11,13,.68);
}

.guardrail-statement h2 {
  max-width: 10.5ch;
  margin: 0;
  color: var(--black);
  font-size: clamp(3rem, 5.6vw, 6.4rem);
  font-weight: 850;
  letter-spacing: -.055em;
  line-height: .93;
}

.guardrail-tree {
  position: relative;
  min-width: 0;
  margin: 0;
  background: #f3f2ee;
  overflow: hidden;
}

.guardrail-tree img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.025);
}

/* Page 3–4 — Section 01 supplied context visuals */
#halal-economy .intro-hero {
  grid-template-columns: 4.8rem minmax(23rem, .88fr) minmax(30rem, 1.12fr);
  gap: clamp(1.6rem, 3vw, 3.2rem);
  align-items: center;
}

#halal-economy .intro-hero-copy h2 {
  max-width: 12.4ch;
  font-size: clamp(3rem, 4.55vw, 5.2rem);
  line-height: .96;
  letter-spacing: -.035em;
}

#halal-economy .intro-hero-copy .c2-lead {
  max-width: 37rem;
  font-size: clamp(1.12rem, 1.03rem + .25vw, 1.34rem);
  line-height: 1.58;
}

#halal-economy .intro-hero-copy .c2-support {
  max-width: 37rem;
  font-size: 1.02rem;
}

.section-editorial-poster,
.section-editorial-poster figure,
.key-outcomes-visual,
.halal-ecosystem-visual,
.certificate-evidence {
  margin: 0;
}

#halal-economy .recognised-bodies-visual {
  width: 100%;
  max-width: none;
  justify-self: stretch;
  padding: 0;
  align-self: center;
}

.recognised-bodies-visual figure {
  position: relative;
  padding: clamp(1.2rem, 2vw, 2rem) 0 0 clamp(1rem, 2vw, 2rem);
}

.recognised-bodies-visual figure::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 8% 8% 0;
  border-top: 2px solid var(--orange);
  border-left: 1px solid rgba(11,11,13,.18);
}

.recognised-bodies-visual img {
  display: block;
  width: 100%;
  height: auto;
  filter: saturate(.88) contrast(1.02);
}

.recognised-bodies-visual figcaption,
.certificate-evidence figcaption {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .8rem;
  padding-top: .7rem;
  border-top: 1px solid rgba(11,11,13,.2);
  color: #555459;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1.45;
  text-transform: uppercase;
}

.recognised-bodies-visual figcaption span,
.certificate-evidence figcaption span {
  max-width: 23rem;
  color: #77757a;
  text-align: right;
}

#halal-economy .economy-rich-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .78fr);
  align-items: center;
  gap: clamp(2.5rem, 5vw, 6rem);
}

#halal-economy .economy-definition-card {
  padding: clamp(2rem, 4vw, 4rem);
}

#halal-economy .economy-definition-card p:not(.micro-label) {
  max-width: 47rem;
  font-size: clamp(1.06rem, 1rem + .2vw, 1.22rem);
  line-height: 1.68;
}

.halal-contrast-visual {
  position: relative;
  padding: 0 0 2rem 2rem;
}

.halal-contrast-visual::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 12% 8% 0 0;
  background: var(--orange);
}

.halal-contrast-visual img {
  display: block;
  width: min(100%, 31rem);
  height: auto;
  margin-left: auto;
  box-shadow: 0 1.6rem 3.4rem rgba(11,11,13,.2);
}

#halal-economy .economy-opportunity-panel {
  position: relative;
  overflow: visible;
  padding-bottom: clamp(2rem, 4vw, 4rem);
}

.key-outcomes-visual {
  width: min(100%, 31rem);
  margin: clamp(2rem, 4vw, 3.5rem) auto -1rem;
}

.key-outcomes-visual img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 1.1rem 1.7rem rgba(0,0,0,.2));
}

/* Page 5 — Section 02 ecosystem, title accents and number scale */
#cb-fhcb .intro-hero {
  grid-template-columns: 4.8rem minmax(0, 1fr);
  align-items: start;
}

#cb-fhcb .intro-hero-copy {
  width: 100%;
}

#cb-fhcb .intro-hero-copy h2 {
  max-width: 14ch;
  font-size: clamp(3rem, 4.7vw, 5.35rem);
}

#cb-fhcb .intro-hero-copy .c2-lead,
#cb-fhcb .intro-hero-copy .c2-support {
  max-width: 48rem;
  font-size: clamp(1.08rem, 1.01rem + .2vw, 1.28rem);
}

.halal-ecosystem-visual {
  position: relative;
  width: min(100%, 38rem);
  margin: clamp(2.2rem, 4vw, 3.8rem) 3% 0 auto;
}

.halal-ecosystem-visual::before {
  content: "HALAL ECOSYSTEM";
  position: absolute;
  top: 9%;
  left: -34%;
  width: 36%;
  padding-top: .9rem;
  border-top: 2px solid var(--orange);
  color: var(--warm-white);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .14em;
  line-height: 1.35;
}

.halal-ecosystem-visual img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 1.4rem 2.4rem rgba(0,0,0,.4));
}

#cb-fhcb .correction-accent-title {
  color: var(--orange);
  font-size: .78rem;
}

#cb-fhcb .cb-contrast .claim-state strong { color: var(--orange); }
#cb-fhcb .cb-contrast .trust-state strong { color: var(--yellow); }
#cb-fhcb .cb-contrast .claim-state p,
#cb-fhcb .cb-contrast .trust-state p {
  color: var(--orange);
  font-weight: 850;
}

#cb-fhcb .capability-list span {
  font-size: clamp(1rem, 1.5vw, 1.35rem);
  line-height: 1;
}

#cb-fhcb .capability-list li {
  gap: 1rem;
}

#cb-fhcb .famven-position > img {
  width: 5.4rem;
  height: 5.4rem;
  object-fit: contain;
  background: transparent;
}

#cb-fhcb .famven-position strong {
  display: block;
  margin: .45rem 0 .5rem;
  color: var(--orange);
  font-size: clamp(1.02rem, 1rem + .18vw, 1.18rem);
  line-height: 1.35;
}

/* Page 6 — process symbols, certificate evidence and larger benefits */
.process-flow li {
  min-height: 7.4rem;
}

.process-flow li > .flow-icon {
  width: 3.4rem;
  height: 3.4rem;
  display: grid;
  place-items: center;
}

.process-flow .flow-icon svg {
  width: 1.75rem;
  height: 1.75rem;
}

.process-flow li strong {
  max-width: 11rem;
  font-size: clamp(.86rem, .8rem + .16vw, 1rem);
  line-height: 1.35;
}

.assurance-system .process-flow li > .flow-icon {
  color: var(--warm-white);
}

.assurance-system .process-flow li:hover > .flow-icon,
.assurance-system .process-flow li:focus-visible > .flow-icon,
.assurance-system .process-flow.is-progressing li > .flow-icon {
  color: var(--black);
}

.need-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17rem, .42fr);
  gap: clamp(2.5rem, 5vw, 6rem);
  align-items: center;
}

.need-intro-layout .c2-heading {
  grid-template-columns: minmax(4.5rem, .18fr) minmax(0, 1fr);
}

.certificate-evidence {
  position: relative;
  width: min(100%, 23rem);
  justify-self: center;
  padding: 1.4rem 1.4rem 0 0;
}

.certificate-evidence::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 14% 14%;
  background: var(--orange);
}

.certificate-evidence img {
  display: block;
  width: 100%;
  height: auto;
  transform: rotate(-1.2deg);
  box-shadow: 0 1.4rem 3rem rgba(11,11,13,.2);
}

.benefit-list span {
  font-size: clamp(1.8rem, 3vw, 3rem);
  letter-spacing: -.03em;
  line-height: .9;
}

.benefit-list li {
  grid-template-columns: minmax(4.25rem, .13fr) minmax(13rem, .45fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 3rem);
}

/* Page 7 — FHCB identity composition and recognition symbols */
.fhcb-intro-column h3 {
  font-size: clamp(2.5rem, 4.2vw, 4.5rem);
}

.fhcb-intro-column > strong {
  font-size: clamp(1.15rem, 1.05rem + .22vw, 1.38rem) !important;
}

.fhcb-intro-column > p:last-of-type {
  font-size: clamp(1.02rem, .98rem + .14vw, 1.15rem);
}

.fhcb-identity-action {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  align-items: center;
}

.fhcb-identity-action .fhcb-brand-row {
  width: auto;
  margin: 0;
  padding: .7rem 1rem;
  background: #ece8e0;
  border: 0;
}

.fhcb-identity-action .fhcb-brand-row img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.fhcb-identity-action .compact-full-cta {
  margin: 0;
  min-height: 3.4rem;
}

.recognition-path ol {
  gap: 1.15rem;
}

.recognition-path li {
  min-height: 4.8rem;
  padding: .9rem 1rem .9rem 5.3rem;
}

.recognition-path li > .path-icon {
  width: 3.6rem;
  height: 3.6rem;
  display: grid;
  place-items: center;
}

.recognition-path .path-icon svg {
  width: 1.8rem;
  height: 1.8rem;
}

.recognition-path li strong {
  font-size: clamp(.82rem, .78rem + .12vw, .94rem);
  line-height: 1.35;
}

@media (max-width: 1180px) {
  .guardrail-editorial { grid-template-columns: minmax(19rem, .8fr) minmax(26rem, 1.2fr); }
  #halal-economy .intro-hero { grid-template-columns: 4rem minmax(0, 1fr); }
  #halal-economy .intro-hero-visual { grid-column: 2; width: min(100%, 44rem); justify-self: start; }
  .need-intro-layout { grid-template-columns: minmax(0, 1fr) minmax(15rem, .36fr); }
}

@media (max-width: 900px) {
  .narrative-guardrail { background: var(--orange); }
  .guardrail-editorial { grid-template-columns: 1fr; }
  .guardrail-statement { min-height: 25rem; }
  .guardrail-statement::after { display: none; }
  .guardrail-tree { min-height: 29rem; }
  #halal-economy .economy-rich-grid { grid-template-columns: 1fr; }
  .halal-contrast-visual { width: min(100%, 34rem); justify-self: center; }
  .need-intro-layout { grid-template-columns: 1fr; }
  .certificate-evidence { width: min(100%, 21rem); margin-top: 1rem; }
}

@media (max-width: 760px) {
  #opening .hero-visual img { object-position: center; }
  #opening .logo-stage { background: rgba(11,11,13,.92); }
  .guardrail-statement { padding: 3.5rem 1.5rem; }
  .guardrail-statement h2 { font-size: clamp(2.8rem, 13vw, 4.6rem); }
  .guardrail-tree { min-height: 22rem; }
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero { grid-template-columns: 1fr; }
  #halal-economy .intro-hero-visual { grid-column: 1; width: 100%; }
  #halal-economy .intro-hero-copy h2,
  #cb-fhcb .intro-hero-copy h2 { max-width: 12ch; font-size: clamp(2.6rem, 11vw, 4rem); }
  .recognised-bodies-visual figcaption,
  .certificate-evidence figcaption { display: grid; }
  .recognised-bodies-visual figcaption span,
  .certificate-evidence figcaption span { text-align: left; }
  .halal-ecosystem-visual { width: min(100%, 31rem); margin-inline: auto; }
  .halal-ecosystem-visual::before { position: static; display: block; width: 100%; margin-bottom: 1rem; }
  .process-flow li { min-height: 3.8rem; padding-left: 4.8rem; }
  .process-flow li > .flow-icon { top: 0; }
  .process-flow li strong { max-width: none; font-size: .95rem; }
  .need-intro-layout .c2-heading { grid-template-columns: 1fr; }
  .benefit-list li { grid-template-columns: 4rem minmax(0, 1fr); }
  .benefit-list p { grid-column: 2; }
  .fhcb-identity-action { align-items: stretch; }
  .fhcb-identity-action .fhcb-brand-row { width: 100%; justify-content: flex-start; }
  .fhcb-identity-action .compact-full-cta { width: 100%; justify-content: space-between; }
}

@media (max-width: 39rem) {
  .guardrail-tree { min-height: 19rem; }
  .halal-contrast-visual { padding: 0 0 1rem 1rem; }
  .key-outcomes-visual { width: min(100%, 25rem); }
  #cb-fhcb .famven-position { grid-template-columns: 4.5rem minmax(0, 1fr); }
  #cb-fhcb .famven-position > img { width: 4.5rem; height: 4.5rem; }
  .recognition-path li { padding-left: 4.8rem; }
}

/* C6.2 — visual balance and presentation viewport refinement */
:root {
  --visual-large-max: 72vh;
  --visual-medium-max: 60vh;
  --visual-support-max: 50vh;
  --visual-small-max: 6rem;
}

/* Shared image discipline: preserve source proportions and keep the focal asset visible. */
:where(
  #opening .hero-visual img,
  .guardrail-tree img,
  .recognised-bodies-visual img,
  .key-outcomes-visual img,
  .halal-ecosystem-visual img,
  .certificate-evidence img,
  .caracas-photo img,
  .halal-office-plan-visual img
) {
  max-width: 100%;
  object-fit: contain;
}

/* Opening — map remains cinematic but no longer crops or overpowers the headline. */
#opening .hero-grid {
  padding-top: clamp(1.5rem, 3.5vh, 3rem);
}

#opening .hero-copy {
  padding-bottom: clamp(1.2rem, 3vh, 2.4rem);
}

#opening .hero-copy h1 {
  font-size: clamp(3.85rem, 6vw, 6.8rem);
  line-height: .86;
}

#opening .hero-deck {
  margin-top: clamp(1.4rem, 2.6vh, 2.2rem);
}

#opening .hero-meta {
  margin-top: 1.2rem;
}

#opening .hero-visual {
  inset: calc(var(--header-height) + 1.1rem) clamp(1.5rem, 3vw, 4rem) 7.15rem 49%;
  max-height: var(--visual-large-max);
  display: grid;
  place-items: center;
  background: #111113;
}

#opening .hero-visual img {
  width: 100%;
  height: 100%;
  max-height: var(--visual-large-max);
  object-position: center;
  transform: none;
  filter: saturate(.88) contrast(1.02) brightness(.94);
}

#opening .hero-visual-shade {
  background:
    linear-gradient(90deg, rgba(11,11,13,.82), rgba(11,11,13,.12) 28%, transparent 62%),
    linear-gradient(0deg, rgba(11,11,13,.58), transparent 35%);
}

#opening .hero-visual figcaption {
  right: 1rem;
  bottom: 1rem;
}

#opening .hero-partners {
  width: min(100%, 22.5rem);
  margin-bottom: 7.55rem;
  overflow: hidden;
  background: var(--warm-white);
  color: var(--black);
  border-top: 3px solid var(--orange);
}

#opening .partner-kicker {
  padding: .58rem .8rem .52rem;
  background: #ece9e2;
  color: #555359;
}

#opening .logo-stage {
  min-height: 4.8rem;
  padding: .55rem .8rem .65rem;
  gap: .8rem;
  background: var(--warm-white);
}

#opening .logo-stage figure {
  grid-template-columns: 1fr;
  gap: .35rem;
}

#opening .logo-stage img,
#opening .logo-stage figure:first-child img {
  width: min(100%, 5.5rem);
  height: 3.65rem;
  max-height: var(--visual-small-max);
  background: #fff;
  filter: none;
  opacity: 1;
  object-fit: contain;
}

#opening .logo-stage figcaption { color: #555359; }
#opening .partner-divider { height: 3.5rem; background: rgba(11,11,13,.18); }

/* Strategic premise — 36/64 balance with the complete tree visible. */
.narrative-guardrail {
  background: linear-gradient(90deg, var(--orange) 0 36%, #f3f2ee 36% 100%);
}

.guardrail-editorial {
  min-height: min(42rem, calc(100svh - var(--header-height)));
  grid-template-columns: minmax(19rem, 36fr) minmax(0, 64fr);
}

.guardrail-statement {
  padding: clamp(2.5rem, 4vw, 4.5rem);
}

.guardrail-statement h2 {
  max-width: 11ch;
  font-size: clamp(2.75rem, 4.6vw, 5.2rem);
  line-height: .95;
}

.guardrail-tree {
  min-height: 0;
  display: grid;
  place-items: center;
  padding: clamp(1.25rem, 3vw, 3rem);
}

.guardrail-tree img {
  width: 100%;
  height: auto;
  max-height: min(var(--visual-medium-max), 38rem);
  transform: none;
}

/* Consistent early-section numbering and compact first-view spacing. */
:where(#halal-economy, #cb-fhcb, #how-certification-works, #why-venezuela-needs-cb, #recognition-pathway, #caracas-headquarters) .section-number {
  font-size: clamp(3rem, 4.8vw, 4.9rem);
  line-height: .86;
}

:where(#halal-economy, #cb-fhcb, #how-certification-works, #why-venezuela-needs-cb, #recognition-pathway, #caracas-headquarters) .c2-frame {
  padding-block: clamp(3.5rem, 6vw, 6rem);
}

/* Section 01 — equal editorial columns, controlled poster, supporting outcomes. */
#halal-economy .intro-hero {
  min-height: min(42rem, calc(100svh - var(--header-height)));
  grid-template-columns: 4.25rem minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 2.8vw, 3rem);
  align-items: center;
}

#halal-economy .intro-hero-copy h2 {
  max-width: 13.5ch;
  font-size: clamp(2.8rem, 4vw, 4.55rem);
  line-height: .98;
}

#halal-economy .intro-hero-copy .c2-lead,
#halal-economy .intro-hero-copy .c2-support {
  max-width: 42rem;
}

#halal-economy .recognised-bodies-visual {
  width: min(100%, 39rem);
  justify-self: end;
}

.recognised-bodies-visual figure {
  padding: .9rem 0 0 .9rem;
}

.recognised-bodies-visual img {
  width: 100%;
  height: auto;
  max-height: min(58vh, 35rem);
}

.recognised-bodies-visual figcaption {
  margin-top: .55rem;
  padding-top: .55rem;
  font-size: .63rem;
}

#halal-economy .economy-opportunity-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
}

.key-outcomes-visual {
  width: min(100%, 25rem);
  margin: clamp(1.4rem, 2.5vw, 2.2rem) auto 0;
  padding: clamp(.6rem, 1vw, 1rem);
  background: #f3f2ee;
}

.key-outcomes-visual img {
  height: auto;
  max-height: min(var(--visual-support-max), 31rem);
  margin-inline: auto;
  filter: none;
}

/* Section 02 — copy and ecosystem now share the first presentation frame. */
#cb-fhcb .intro-hero {
  min-height: min(42rem, calc(100svh - var(--header-height)));
  grid-template-columns: 4.25rem minmax(0, 1fr) minmax(18rem, .72fr);
  gap: clamp(1.5rem, 3vw, 3.4rem);
  align-items: center;
}

#cb-fhcb .intro-hero-copy h2 {
  max-width: 14ch;
  font-size: clamp(2.8rem, 4.05vw, 4.6rem);
  line-height: .98;
}

#cb-fhcb .intro-hero-copy .c2-lead,
#cb-fhcb .intro-hero-copy .c2-support { max-width: 40rem; }

#cb-fhcb .halal-ecosystem-visual {
  grid-column: 3;
  grid-row: 1;
  width: min(100%, 30rem);
  margin: 0;
  padding: clamp(.8rem, 1.3vw, 1.15rem);
  justify-self: end;
  background: #f3f2ee;
}

#cb-fhcb .halal-ecosystem-visual::before {
  position: static;
  display: block;
  width: 100%;
  margin-bottom: .65rem;
  padding-top: .55rem;
  color: #555359;
}

#cb-fhcb .halal-ecosystem-visual img {
  width: 100%;
  height: auto;
  max-height: min(48vh, 29rem);
  margin-inline: auto;
  filter: none;
}

#cb-fhcb .famven-position > img {
  width: 5.6rem;
  height: 5.6rem;
  padding: .25rem;
  background: #fff;
  opacity: 1;
}

/* Section 03 — heading and six-step pathway remain together at 768px height. */
#how-certification-works .c2-frame { padding-top: clamp(3rem, 5vw, 4.5rem); }

#how-certification-works .c2-heading {
  grid-template-columns: 4.25rem minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 3rem);
}

#how-certification-works .c2-heading h2 {
  max-width: 18ch;
  margin-top: .55rem;
  font-size: clamp(2.7rem, 4.15vw, 4.7rem);
  line-height: .94;
}

#how-certification-works .c2-lead { margin-top: 1rem; }

#how-certification-works .certification-system {
  margin-top: clamp(1.6rem, 3vw, 2.6rem);
}

#how-certification-works .process-flow { margin-top: 1rem; }
#how-certification-works .process-flow li { min-height: 6.4rem; }

/* Section 04 — restrained institutional document with the full certificate visible. */
#why-venezuela-needs-cb .need-intro-layout {
  min-height: min(42rem, calc(100svh - var(--header-height)));
  grid-template-columns: minmax(0, 58fr) minmax(17rem, 42fr);
  gap: clamp(2rem, 4vw, 5rem);
  align-items: center;
}

#why-venezuela-needs-cb .c2-heading h2 {
  max-width: 14ch;
  font-size: clamp(2.8rem, 4.5vw, 5rem);
  line-height: .94;
}

#why-venezuela-needs-cb .certificate-evidence {
  width: min(100%, 20rem);
  padding: 1rem 1rem 0 0;
}

#why-venezuela-needs-cb .certificate-evidence img {
  width: auto;
  height: auto;
  max-height: min(60vh, 36rem);
  margin-inline: auto;
  transform: none;
}

#why-venezuela-needs-cb .certificate-evidence figcaption {
  display: block;
  margin-top: .55rem;
  padding-top: .55rem;
}

#why-venezuela-needs-cb .certificate-evidence figcaption span {
  display: block;
  margin-top: .2rem;
  text-align: left;
}

/* Section 05 — six ordered steps in a compact three-column, two-row field. */
#recognition-pathway .recognition-frame { padding-bottom: clamp(4rem, 7vw, 6rem); }

#recognition-pathway .recognition-path {
  margin-top: clamp(2.2rem, 4vw, 3.5rem);
  padding: clamp(1.6rem, 3vw, 2.8rem);
}

#recognition-pathway .recognition-path ol {
  margin-top: 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}

#recognition-pathway .recognition-path ol::before,
#recognition-pathway .recognition-path ol::after { display: none; }

#recognition-pathway .recognition-path li {
  min-height: 8rem;
  padding: 1rem;
  display: grid;
  grid-template-columns: 3.6rem minmax(0, 1fr);
  gap: .9rem;
  align-items: center;
  border: 1px solid rgba(247,245,240,.17);
  background: rgba(247,245,240,.025);
}

#recognition-pathway .recognition-path li > .path-icon {
  position: static;
  width: 3.6rem;
  height: 3.6rem;
  box-shadow: none;
}

#recognition-pathway .recognition-path li strong {
  font-size: clamp(.9rem, .84rem + .16vw, 1.03rem);
  line-height: 1.35;
}

#recognition-pathway .recognition-condition {
  margin-top: 1rem;
  padding: .9rem 1rem;
  font-size: .92rem;
}

#recognition-pathway .fhcb-brand-row,
#recognition-pathway .fhcb-identity-action .fhcb-brand-row {
  background: #ece8e0;
}

#recognition-pathway .fhcb-brand-row img,
#recognition-pathway .fhcb-identity-action .fhcb-brand-row img {
  background: #fff;
  opacity: 1;
}

/* Section 06 — reduce headline/photo dominance and keep the complete office plan readable. */
#caracas-headquarters .c2-heading h2 {
  max-width: 17ch;
  font-size: clamp(2.7rem, 4.25vw, 4.75rem);
  line-height: .96;
}

#caracas-headquarters .corrected-caracas-context {
  min-height: min(42rem, calc(100svh - var(--header-height)));
  margin-top: clamp(2rem, 4vw, 3.5rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

#caracas-headquarters .location-criteria h3 {
  max-width: 15ch;
  font-size: clamp(2rem, 3.3vw, 3.5rem);
  line-height: 1;
}

#caracas-headquarters .caracas-photo,
#caracas-headquarters .caracas-photo img {
  min-height: 0;
  height: min(66vh, 38rem);
  max-height: min(68vh, 40rem);
}

#caracas-headquarters .caracas-photo img { object-fit: cover; }

#caracas-headquarters .starter-office-corrected {
  margin-top: clamp(3rem, 5vw, 5rem);
}

#caracas-headquarters .halal-office-plan-visual {
  max-width: 82rem;
  margin: 1rem auto;
}

#caracas-headquarters .halal-office-plan-visual img {
  width: 100%;
  height: auto;
  max-height: min(var(--visual-large-max), 46rem);
  aspect-ratio: auto;
  object-fit: contain;
}

/* Presentation-laptop tuning. */
@media (min-width: 56.01rem) and (max-height: 50rem) {
  :root { --header-height: 6rem; }

  #opening .hero-grid { padding-top: 1.2rem; }
  #opening .hero-copy h1 { font-size: clamp(3.8rem, 5.65vw, 5.75rem); }
  #opening .hero-kicker { margin-bottom: 1rem; }
  #opening .hero-deck { margin-top: 1.35rem; }
  #opening .hero-partners { margin-bottom: 6.7rem; }
  #opening .hero-visual { bottom: 6.45rem; }
  #opening .story-sequence { min-height: 5.85rem; padding-block: 1rem 1.2rem; }

  .guardrail-editorial,
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero,
  #why-venezuela-needs-cb .need-intro-layout,
  #caracas-headquarters .corrected-caracas-context {
    min-height: calc(100svh - var(--header-height));
  }

  #halal-economy .intro-hero-copy h2,
  #cb-fhcb .intro-hero-copy h2 { font-size: clamp(2.65rem, 3.65vw, 3.95rem); }
  #halal-economy .recognised-bodies-visual img { max-height: 55vh; }
  #cb-fhcb .halal-ecosystem-visual img { max-height: 43vh; }
  #how-certification-works .c2-heading h2 { font-size: clamp(2.5rem, 3.7vw, 4rem); }
  #how-certification-works .certification-system { margin-top: 1.35rem; }
  #why-venezuela-needs-cb .certificate-evidence img { max-height: 58vh; }
  #caracas-headquarters .caracas-photo,
  #caracas-headquarters .caracas-photo img { height: 62vh; }
}

@media (max-width: 73.75rem) {
  #opening .hero-visual { left: 47%; right: 1.5rem; }
  #opening .hero-partners { width: min(100%, 20rem); }
  #halal-economy .intro-hero { grid-template-columns: 4rem minmax(0, 1fr) minmax(23rem, 1fr); }
  #cb-fhcb .intro-hero { grid-template-columns: 4rem minmax(0, 1fr) minmax(18rem, .7fr); }
}

@media (max-width: 67.5rem) {
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero {
    min-height: auto;
    grid-template-columns: 4rem minmax(0, 1fr);
  }

  #halal-economy .intro-hero-visual,
  #cb-fhcb .halal-ecosystem-visual {
    grid-column: 2;
    grid-row: auto;
    width: min(100%, 35rem);
    justify-self: start;
    margin-top: 1.5rem;
  }

  #why-venezuela-needs-cb .need-intro-layout { grid-template-columns: minmax(0, 1fr) minmax(16rem, .38fr); }
}

@media (max-width: 56rem) {
  #opening .hero-visual {
    inset: auto;
    max-height: 48vh;
  }
  #opening .hero-visual img { max-height: 48vh; }
  #opening .hero-partners { margin-bottom: 2.25rem; }

  .guardrail-editorial,
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero,
  #why-venezuela-needs-cb .need-intro-layout,
  #caracas-headquarters .corrected-caracas-context {
    min-height: auto;
  }

  #recognition-pathway .recognition-path ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #caracas-headquarters .corrected-caracas-context { grid-template-columns: 1fr; }
}

@media (max-width: 47.5rem) {
  .guardrail-editorial,
  #halal-economy .intro-hero,
  #cb-fhcb .intro-hero,
  #why-venezuela-needs-cb .need-intro-layout {
    grid-template-columns: 1fr;
  }

  #halal-economy .intro-hero-visual,
  #cb-fhcb .halal-ecosystem-visual { grid-column: 1; }

  #recognition-pathway .recognition-path ol { grid-template-columns: 1fr; }
  #recognition-pathway .recognition-path li { min-height: 6rem; }
}

/* C6.2A — hero map integrity correction only */
#opening .hero-visual {
  background: var(--warm-white);
}

#opening .hero-visual img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  filter: none;
  transform: none;
  opacity: 1;
}

#opening .hero-visual-shade {
  display: none;
}

#opening .hero-visual figcaption {
  position: static;
  justify-self: end;
  margin: .5rem .8rem .65rem 0;
  padding-right: .75rem;
  color: #5a585d;
}

#opening .hero-visual figcaption strong {
  color: var(--black);
}

#opening .hero-partners,
#opening .logo-stage,
#opening .logo-stage img,
#opening .logo-stage figure:first-child img {
  background: var(--warm-white);
}

#opening .logo-stage img,
#opening .logo-stage figure:first-child img {
  filter: none;
  opacity: 1;
}

@media (min-width: 56.01rem) {
  #opening .hero-grid {
    grid-template-columns: minmax(0, .82fr) minmax(30rem, 1.18fr);
    grid-template-rows: minmax(0, 1fr) auto auto;
    column-gap: clamp(2rem, 3vw, 4rem);
    row-gap: 0;
  }

  #opening .hero-copy {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    padding-bottom: 1rem;
  }

  #opening .hero-visual {
    position: relative;
    z-index: 1;
    inset: auto;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    align-self: stretch;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
  }

  #opening .hero-visual img {
    grid-row: 1;
    min-height: 0;
  }

  #opening .hero-visual figcaption {
    grid-row: 2;
  }

  #opening .hero-partners {
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
    justify-self: stretch;
    width: 100%;
    margin: .75rem 0 1rem;
  }

  #opening .story-sequence {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

/* C6.3E — DXN Full View right-side image correction only. */
#dxn-full-deck .dxn-full-view-header-c6-3e {
  grid-template-columns: minmax(0, 54fr) minmax(22rem, 46fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
}

#dxn-full-deck .dxn-full-view-visual-c6-3e {
  min-width: 0;
  display: grid;
  justify-items: end;
  gap: .65rem;
}

#dxn-full-deck .dxn-full-view-visual-c6-3e figure {
  width: 100%;
  margin: 0;
}

#dxn-full-deck .dxn-full-view-visual-c6-3e img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(48vh, 31rem);
  object-fit: contain;
  object-position: center;
}

@media (max-width: 56rem) {
  #dxn-full-deck .dxn-full-view-header-c6-3e {
    grid-template-columns: 1fr;
  }

  #dxn-full-deck .dxn-full-view-visual-c6-3e {
    justify-items: start;
  }

  #dxn-full-deck .dxn-full-view-visual-c6-3e figure {
    width: min(100%, 44rem);
  }
}

/* C6.3D — Strategic Engagement Gallery; all rules are section-scoped. */
#strategic-engagement-gallery {
  overflow: hidden;
  padding-block: clamp(4.5rem, 8vw, 8rem) clamp(4rem, 7vw, 7rem);
  background: #111113;
  color: var(--warm-white);
  border-top: 1px solid rgba(247,245,240,.12);
}

#strategic-engagement-gallery .engagement-gallery-frame {
  display: grid;
  gap: clamp(3rem, 6vw, 6rem);
}

#strategic-engagement-gallery .engagement-gallery-intro {
  width: min(100%, 62rem);
}

#strategic-engagement-gallery .engagement-gallery-intro .micro-label,
#strategic-engagement-gallery .engagement-subhead {
  margin: 0;
  color: var(--orange);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .13em;
  line-height: 1.25;
  text-transform: uppercase;
}

#strategic-engagement-gallery .engagement-gallery-intro h2 {
  max-width: 15ch;
  margin: .65rem 0 0;
  font-size: clamp(2.7rem, 5.2vw, 5.8rem);
  font-weight: 850;
  letter-spacing: -.055em;
  line-height: .92;
}

#strategic-engagement-gallery .engagement-gallery-intro > p:last-of-type {
  max-width: 58rem;
  margin: 1.15rem 0 0;
  color: #c4c1c7;
  font-size: clamp(1.02rem, .98rem + .18vw, 1.2rem);
  line-height: 1.55;
}

#strategic-engagement-gallery .engagement-gallery-intro > span {
  display: block;
  margin-top: 1rem;
  color: #8f8d94;
  font-size: .69rem;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
}

#strategic-engagement-gallery .engagement-gallery-intro > span i {
  margin-inline: .45rem;
  color: var(--orange);
  font-style: normal;
}

#strategic-engagement-gallery .engagement-series,
#strategic-engagement-gallery .engagement-feature {
  display: grid;
  gap: 1rem;
}

#strategic-engagement-gallery .engagement-series > header {
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(247,245,240,.16);
}

#strategic-engagement-gallery .engagement-photo {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #09090b;
}

#strategic-engagement-gallery .engagement-photo button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  overflow: hidden;
  border: 0;
  background: #09090b;
  color: var(--warm-white);
  cursor: zoom-in;
}

#strategic-engagement-gallery .engagement-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease, filter .35s ease;
}

#strategic-engagement-gallery .engagement-photo button > span {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  padding: 2.8rem 1.15rem .95rem;
  background: linear-gradient(180deg, transparent, rgba(6,6,8,.88));
  color: var(--warm-white);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .085em;
  text-align: left;
  text-transform: uppercase;
  opacity: .88;
  transition: opacity .25s ease;
}

#strategic-engagement-gallery .engagement-photo-feature {
  aspect-ratio: 4 / 3;
}

#strategic-engagement-gallery .engagement-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 2rem);
}

#strategic-engagement-gallery .engagement-photo-portrait {
  aspect-ratio: 3 / 4;
}

#strategic-engagement-gallery .engagement-working-mosaic {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) repeat(2, minmax(0, .78fr));
  grid-template-rows: repeat(2, minmax(13rem, 19vw));
  gap: clamp(.75rem, 1.4vw, 1.25rem);
}

#strategic-engagement-gallery .engagement-working-main {
  grid-row: 1 / 3;
}

#strategic-engagement-gallery .engagement-working-main img {
  object-position: center center;
}

#strategic-engagement-gallery .engagement-working-mosaic img {
  object-fit: contain;
}

#strategic-engagement-gallery .engagement-beyond-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));
  gap: clamp(.75rem, 1.4vw, 1.25rem);
}

#strategic-engagement-gallery .engagement-beyond-grid .engagement-photo {
  aspect-ratio: 4 / 3;
}

#strategic-engagement-gallery .engagement-beyond-wide {
  grid-column: 1 / -1;
  aspect-ratio: 16 / 9 !important;
}

@media (hover: hover) and (pointer: fine) {
  #strategic-engagement-gallery .engagement-photo button:hover img {
    transform: scale(1.018);
    filter: brightness(.86);
  }

  #strategic-engagement-gallery .engagement-photo button > span {
    opacity: 0;
  }

  #strategic-engagement-gallery .engagement-photo button:hover > span,
  #strategic-engagement-gallery .engagement-photo button:focus-visible > span {
    opacity: 1;
  }
}

@media (max-width: 68rem) {
  #strategic-engagement-gallery .engagement-working-mosaic,
  #strategic-engagement-gallery .engagement-beyond-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  #strategic-engagement-gallery .engagement-working-main,
  #strategic-engagement-gallery .engagement-beyond-wide {
    grid-column: 1 / -1;
    grid-row: auto;
    aspect-ratio: 16 / 9;
  }

  #strategic-engagement-gallery .engagement-working-mosaic > .engagement-photo:not(.engagement-working-main),
  #strategic-engagement-gallery .engagement-beyond-grid > .engagement-photo:not(.engagement-beyond-wide) {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 42rem) {
  #strategic-engagement-gallery {
    padding-block: 3.5rem;
  }

  #strategic-engagement-gallery .engagement-gallery-frame {
    gap: 3.25rem;
  }

  #strategic-engagement-gallery .engagement-gallery-intro h2 {
    font-size: clamp(2.35rem, 12vw, 3.45rem);
  }

  #strategic-engagement-gallery .engagement-pair,
  #strategic-engagement-gallery .engagement-working-mosaic,
  #strategic-engagement-gallery .engagement-beyond-grid {
    grid-template-columns: 1fr;
  }

  #strategic-engagement-gallery .engagement-working-main,
  #strategic-engagement-gallery .engagement-beyond-wide {
    grid-column: auto;
  }

  #strategic-engagement-gallery .engagement-photo-feature,
  #strategic-engagement-gallery .engagement-working-main,
  #strategic-engagement-gallery .engagement-beyond-wide {
    aspect-ratio: 4 / 3 !important;
  }
}

/* C6.3D album refinement — gallery only. */
#strategic-engagement-gallery {
  padding-block: clamp(4rem, 6.5vw, 6.5rem) clamp(3.75rem, 6vw, 5.75rem);
}

#strategic-engagement-gallery .engagement-gallery-frame {
  gap: clamp(2.75rem, 4.5vw, 4.5rem);
}

#strategic-engagement-gallery .engagement-gallery-intro {
  width: min(100%, 70rem);
}

#strategic-engagement-gallery .engagement-gallery-intro h2 {
  max-width: 16ch;
  margin-top: .8rem;
  font-size: clamp(3rem, 5.55vw, 6.2rem);
  line-height: .94;
}

#strategic-engagement-gallery .engagement-gallery-intro > p:last-of-type {
  max-width: 62rem;
  margin-top: 1.35rem;
  font-size: clamp(1.12rem, 1.03rem + .22vw, 1.34rem);
  line-height: 1.58;
}

#strategic-engagement-gallery .engagement-gallery-intro > span {
  margin-top: 1.15rem;
  font-size: .76rem;
}

#strategic-engagement-gallery .engagement-series,
#strategic-engagement-gallery .engagement-feature {
  gap: 1.15rem;
}

#strategic-engagement-gallery .engagement-feature,
#strategic-engagement-gallery .engagement-partnership {
  width: min(100%, 58rem);
  margin-inline: auto;
}

#strategic-engagement-gallery .engagement-photo,
#strategic-engagement-gallery .engagement-photo-feature,
#strategic-engagement-gallery .engagement-photo-portrait,
#strategic-engagement-gallery .engagement-beyond-wide {
  aspect-ratio: auto !important;
  overflow: visible;
  background: transparent;
}

#strategic-engagement-gallery .engagement-image {
  width: 100%;
  display: grid;
  gap: 0;
}

#strategic-engagement-gallery .engagement-image img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(247,245,240,.13);
  background: #09090b;
  object-fit: cover;
  object-position: center;
}

#strategic-engagement-gallery .engagement-image > span {
  position: static;
  padding: .8rem .1rem 0;
  background: none;
  color: #d4d1d6;
  font-size: .79rem;
  font-weight: 800;
  letter-spacing: .075em;
  line-height: 1.3;
  text-transform: uppercase;
  opacity: 1;
}

#strategic-engagement-gallery .engagement-photo-feature .engagement-image img {
  aspect-ratio: 4 / 3;
}

#strategic-engagement-gallery .engagement-photo-portrait .engagement-image img {
  aspect-ratio: 3 / 4;
}

#strategic-engagement-gallery .engagement-pair {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2.2vw, 1.75rem);
}

#strategic-engagement-gallery .engagement-working-mosaic {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: clamp(1rem, 1.8vw, 1.5rem);
}

#strategic-engagement-gallery .engagement-working-main {
  grid-column: auto;
  grid-row: auto;
}

#strategic-engagement-gallery .engagement-working-mosaic .engagement-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

#strategic-engagement-gallery .engagement-beyond-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.5rem);
}

#strategic-engagement-gallery .engagement-beyond-wide {
  grid-column: auto;
}

#strategic-engagement-gallery .engagement-beyond-grid .engagement-image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

#strategic-engagement-gallery .engagement-beyond-wide .engagement-image img {
  object-position: center;
}

@media (max-width: 68rem) {
  #strategic-engagement-gallery .engagement-beyond-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #strategic-engagement-gallery .engagement-beyond-grid > .engagement-photo:last-child {
    grid-column: 1 / -1;
    width: calc(50% - .75rem);
    justify-self: center;
  }
}

@media (max-width: 42rem) {
  #strategic-engagement-gallery {
    padding-block: 3.25rem;
  }

  #strategic-engagement-gallery .engagement-gallery-frame {
    gap: 3rem;
  }

  #strategic-engagement-gallery .engagement-gallery-intro h2 {
    font-size: clamp(2.65rem, 12.5vw, 3.7rem);
  }

  #strategic-engagement-gallery .engagement-gallery-intro > p:last-of-type {
    font-size: 1.08rem;
  }

  #strategic-engagement-gallery .engagement-pair,
  #strategic-engagement-gallery .engagement-working-mosaic,
  #strategic-engagement-gallery .engagement-beyond-grid {
    grid-template-columns: 1fr;
  }

  #strategic-engagement-gallery .engagement-beyond-grid > .engagement-photo:last-child {
    grid-column: auto;
    width: 100%;
  }

  #strategic-engagement-gallery .engagement-photo-portrait .engagement-image img {
    aspect-ratio: 4 / 5;
    object-position: center top;
  }
}

/* C6.3 — directed corrections round 2 */
.guardrail-tree-trigger,
.certificate-evidence-trigger,
.caracas-photo-trigger {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.guardrail-tree-trigger { height: 100%; }
.guardrail-tree-trigger img {
  width: 100%;
  height: 100%;
  max-height: min(60vh, 38rem);
  object-fit: contain;
  object-position: center;
}

#cb-fhcb .cb-bridge {
  grid-template-columns: minmax(0, 1.06fr) minmax(20rem, .94fr);
  align-items: stretch;
}

#cb-fhcb .cb-bridge-copy h3 { max-width: 24ch; }
.cb-strategic-value {
  margin-top: clamp(1.5rem, 2.5vw, 2.5rem);
  padding-top: 1.2rem;
  border-top: 1px solid var(--line-dark);
}
.cb-strategic-value p:last-child { margin-top: .55rem; }

.cb-city-visual {
  min-width: 0;
  margin: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: grid;
  place-items: center;
  background: #17171a;
  border: 1px solid var(--line-dark);
}
.cb-city-visual img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 32rem;
  object-fit: contain;
  object-position: center;
}

#cb-fhcb .famven-position {
  grid-template-columns: minmax(20rem, .72fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 3.25rem);
  align-items: center;
}
.famven-identity-visuals {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.75rem, 1.5vw, 1.25rem);
  align-items: center;
}
#cb-fhcb .famven-identity-visuals img {
  width: 100%;
  height: clamp(6rem, 8vw, 8rem);
  padding: .55rem;
  object-fit: contain;
  background: var(--warm-white);
}

.certification-integrated {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid var(--line-light);
  background: rgba(255,255,255,.28);
}
#how-certification-works .certification-integrated .certification-system,
#how-certification-works .certification-integrated .assurance-system {
  margin: 0;
  border: 0;
}
#how-certification-works .certification-integrated .assurance-system {
  border-top: 1px solid var(--line-light);
}
#how-certification-works .assurance-heading { margin-bottom: 1rem; }

.certificate-evidence-trigger img {
  width: 100%;
  height: auto;
  max-height: 27rem;
  object-fit: contain;
  object-position: center;
}
.benefit-list .benefit-icon,
.institutional-sequence .sequence-icon {
  display: grid;
  place-items: center;
  color: var(--orange);
  letter-spacing: normal;
}
.benefit-list .benefit-icon {
  width: 3.25rem;
  height: 3.25rem;
}
.benefit-list .benefit-icon svg,
.institutional-sequence .sequence-icon svg {
  width: 100%;
  height: 100%;
}
.institutional-sequence ol { align-items: stretch; }
.institutional-sequence li {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: .65rem;
  text-align: center;
}
.institutional-sequence .sequence-icon {
  width: 2.2rem;
  height: 2.2rem;
}

.jakim-copy-context {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(13rem, .82fr);
  gap: clamp(1rem, 2vw, 2rem);
  align-items: center;
}
.jakim-context-visual { min-width: 0; margin: 0; }
.jakim-context-visual img {
  display: block;
  width: 100%;
  max-height: 17rem;
  object-fit: contain;
  object-position: center;
}

#caracas-headquarters .caracas-photo { overflow: hidden; }
#caracas-headquarters .caracas-photo-trigger {
  height: clamp(19rem, 34vw, 31rem);
  background: #17171a;
}
#caracas-headquarters .caracas-photo-trigger img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.office-core-functions {
  margin-top: clamp(1.25rem, 2.5vw, 2rem);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line-light);
}
.office-core-functions article {
  min-width: 0;
  padding: clamp(1rem, 1.8vw, 1.5rem);
}
.office-core-functions article + article { border-left: 1px solid var(--line-light); }
.office-core-functions article > span {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  margin-bottom: .8rem;
  color: var(--orange);
}
.office-core-functions svg { width: 100%; height: 100%; }
.office-core-functions strong {
  display: block;
  min-height: 2.7em;
  font-size: .78rem;
  letter-spacing: .055em;
  line-height: 1.35;
}
.office-core-functions p {
  margin-top: .65rem;
  font-size: .84rem;
  line-height: 1.5;
}
.office-core-sequence {
  margin-top: 1rem;
  padding: .85rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .65rem;
  border-top: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .055em;
  line-height: 1.35;
  text-align: center;
}
.office-core-sequence i { color: var(--orange); font-style: normal; }

@media (max-width: 68rem) {
  #cb-fhcb .cb-bridge,
  #cb-fhcb .famven-position,
  .jakim-copy-context { grid-template-columns: 1fr; }
  .office-core-functions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .office-core-functions article:nth-child(3) { border-left: 0; }
  .office-core-functions article:nth-child(n+3) { border-top: 1px solid var(--line-light); }
}

@media (max-width: 56rem) {
  .guardrail-tree-trigger { min-height: 18rem; }
  .famven-identity-visuals { grid-template-columns: repeat(3, minmax(5rem, 1fr)); }
  .office-core-sequence { flex-wrap: wrap; }
}

@media (max-width: 40rem) {
  .famven-identity-visuals,
  .office-core-functions { grid-template-columns: 1fr; }
  #cb-fhcb .famven-identity-visuals img { height: 7rem; }
  .office-core-functions article + article { border-left: 0; border-top: 1px solid var(--line-light); }
  .office-core-sequence { align-items: stretch; flex-direction: column; }
  .office-core-sequence i { transform: rotate(90deg); }
}

/* C6.2D — Section 07 compact closing pathway only */
.flagship-closing-pathway {
  margin-top: clamp(2rem, 3.5vw, 3.5rem);
  padding-top: 1rem;
  border-top: 1px solid var(--line-dark);
}

.flagship-closing-pathway > .micro-label {
  color: var(--yellow);
}

.flagship-closing-pathway ol {
  margin: 1rem 0 0;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
}

.flagship-closing-pathway li {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: .35rem;
  color: var(--warm-white);
}

.flagship-closing-pathway li + li::before {
  content: "\2192";
  margin: 0 clamp(.55rem, 1.25vw, 1.2rem);
  color: var(--orange);
  font-weight: 700;
}

.flagship-closing-pathway strong {
  font-size: clamp(.68rem, .8vw, .8rem);
  letter-spacing: .055em;
  line-height: 1.35;
  text-transform: uppercase;
}

.flagship-closing-pathway small {
  color: #a9a6ad;
  font-size: .6rem;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

@media (max-width: 70rem) {
  .flagship-closing-pathway ol {
    flex-wrap: wrap;
    row-gap: .75rem;
  }
}

/* C6.3C — PAGE PEMBETULAN 3 targeted corrections only */
#flagship .flagship-gallery-wrap > header h3 {
  font-size: clamp(1.8rem, 2.6vw, 2.85rem);
  line-height: .98;
}

#flagship .flagship-gallery-wrap > header > p {
  font-size: clamp(.9rem, .84rem + .22vw, 1.05rem);
  line-height: 1.55;
}

#flagship .flagship-gallery-wrap > header {
  gap: clamp(1.25rem, 2.5vw, 2.5rem);
  padding-bottom: 1.15rem;
}

#potential-participants .participants-frame {
  padding-block: clamp(2.75rem, 4.5vw, 4.5rem);
}

#potential-participants .participant-heading-c6-3c {
  margin: 0;
}

#potential-participants .participant-heading-c6-3c h2 {
  max-width: 11ch;
}

#potential-participants .participant-visual-grid {
  margin-top: clamp(1.25rem, 2.2vw, 2rem);
}

#potential-participants .participant-dxn figure {
  padding: clamp(.35rem, .8vw, .7rem);
  background: #e7e3da;
}

#potential-participants .participant-dxn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

#opportunities .page10-intro-split-c6-3c {
  display: grid;
  grid-template-columns: minmax(0, 60fr) minmax(20rem, 40fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
}

#opportunities .page10-intro-copy-c6-3c .c2-heading {
  margin: 0;
}

#opportunities .page10-intro-copy-c6-3c .c2-kicker {
  font-size: clamp(.78rem, .73rem + .18vw, .93rem);
}

#opportunities .page10-intro-copy-c6-3c .c2-heading h2 {
  max-width: 12ch;
  font-size: clamp(3rem, 5.1vw, 5.8rem);
  line-height: .9;
}

#opportunities .page10-commercial-lead-c6-3c {
  max-width: 52rem;
  margin: clamp(1.25rem, 2.2vw, 2rem) 0 0 5.1rem;
  padding-bottom: .85rem;
  border-bottom: .22rem solid #1c60d4;
  font-size: clamp(1.02rem, .94rem + .34vw, 1.3rem);
  line-height: 1.5;
}

#opportunities .page10-retained-statement-c6-3c {
  max-width: 52rem;
  margin: 1.15rem 0 0 5.1rem;
  padding-left: 1rem;
  border-left: .38rem solid var(--orange);
  font-size: clamp(1rem, .93rem + .28vw, 1.22rem);
  font-weight: 780;
  line-height: 1.45;
}

#opportunities .page10-sector-visual-c6-3c {
  margin: 0;
  width: 100%;
  align-self: center;
}

#opportunities .page10-sector-visual-c6-3c img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(54vh, 31rem);
  object-fit: contain;
  object-position: center;
}

#opportunities .page10-intro-split-c6-3c + .opportunity-gateways {
  margin-top: clamp(2.5rem, 4vw, 4rem);
}

#recognition-pathway .fhcb-identity-action {
  margin-top: 1.15rem;
}

#recognition-pathway .famven-fhcb-position {
  grid-template-columns: minmax(15rem, .58fr) minmax(0, 1.42fr);
  gap: clamp(1rem, 2vw, 2rem);
  padding: clamp(.85rem, 1.5vw, 1.2rem);
}

#recognition-pathway .famven-fhcb-position .famven-identity-visuals {
  gap: .45rem;
}

#recognition-pathway .famven-fhcb-position .famven-identity-visuals img {
  height: clamp(4.5rem, 5.2vw, 5.5rem);
  padding: .3rem;
}

#recognition-pathway .famven-fhcb-position strong {
  margin: .22rem 0 .32rem;
}

#recognition-pathway .famven-fhcb-position p:last-child {
  font-size: clamp(.84rem, .81rem + .1vw, .92rem);
}

#opening + .narrative-guardrail .guardrail-tree-trigger img {
  width: 100%;
  height: 100%;
  max-height: min(60vh, 38rem);
  object-fit: contain;
  object-position: center;
}

.site-footer .footer-grid-c6-3c {
  min-height: 0;
  padding-block: clamp(2rem, 3vw, 3rem);
  grid-template-columns: minmax(14rem, .8fr) minmax(0, 1.4fr);
  gap: 1.5rem 3rem;
  align-items: center;
}

.site-footer .footer-identity-c6-3c strong {
  color: var(--warm-white);
  font-size: 1.05rem;
}

.site-footer .footer-nav-c6-3c {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1.35rem;
  justify-content: flex-end;
}

.site-footer .footer-nav-c6-3c a {
  color: var(--warm-white);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.site-footer .footer-line-c6-3c {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 1rem;
  border-top: 1px solid var(--line-dark);
  color: #96959a;
}

.site-footer .footer-line-c6-3c span {
  color: var(--orange);
}

@media (max-width: 68rem) {
  #opportunities .page10-intro-split-c6-3c {
    grid-template-columns: minmax(0, 58fr) minmax(17rem, 42fr);
    gap: 2rem;
  }

  #opportunities .page10-commercial-lead-c6-3c,
  #opportunities .page10-retained-statement-c6-3c {
    margin-left: 0;
  }

  #recognition-pathway .famven-fhcb-position {
    grid-template-columns: minmax(14rem, .6fr) minmax(0, 1.4fr);
  }
}

@media (max-width: 56rem) {
  #opportunities .page10-intro-split-c6-3c,
  #recognition-pathway .famven-fhcb-position,
  .site-footer .footer-grid-c6-3c {
    grid-template-columns: 1fr;
  }

  #opportunities .page10-sector-visual-c6-3c {
    max-width: 42rem;
  }

  .site-footer .footer-nav-c6-3c {
    justify-content: flex-start;
  }
}

@media (max-width: 40rem) {
  #recognition-pathway .famven-fhcb-position .famven-identity-visuals {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #recognition-pathway .famven-fhcb-position .famven-identity-visuals img {
    height: 5rem;
  }

  #opportunities .page10-intro-copy-c6-3c .c2-heading h2 {
    font-size: clamp(2.5rem, 13vw, 3.8rem);
  }
}

@media (max-width: 42rem) {
  .flagship-closing-pathway ol {
    display: grid;
    gap: .65rem;
  }

  .flagship-closing-pathway li + li::before {
    margin: 0 .55rem 0 0;
  }
}

/* C6.3 Final — directed corrections for Sections 03, 07 and 08 */
#how-certification-works .famven-position {
  margin-top: clamp(1.25rem, 2vw, 1.8rem);
  padding: clamp(1.1rem, 2vw, 1.6rem);
  display: grid;
  grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: center;
  background: var(--warm-white);
  color: var(--black);
}

#how-certification-works .famven-identity-visuals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.65rem, 1.25vw, 1rem);
  align-items: center;
}

#how-certification-works .famven-identity-visuals img {
  display: block;
  width: 100%;
  height: clamp(5.5rem, 7vw, 7rem);
  padding: .45rem;
  object-fit: contain;
  object-position: center;
  background: #fff;
  filter: none;
}

#how-certification-works .famven-position strong {
  display: block;
  margin: .35rem 0 .45rem;
  color: var(--orange);
  font-size: clamp(.95rem, .9rem + .18vw, 1.08rem);
  line-height: 1.35;
}

#how-certification-works .famven-position p:last-child {
  margin: 0;
  font-size: clamp(.88rem, .84rem + .12vw, .98rem);
  line-height: 1.5;
}

#flagship .flagship-design-story {
  overflow: hidden;
  border: 1px solid rgba(11,11,13,.16);
  background: #f0ece3;
  color: var(--black);
}

#flagship .flagship-design-story > header {
  padding: clamp(1.25rem, 2.25vw, 2rem);
  display: block;
  border-bottom: 1px solid rgba(11,11,13,.16);
}

#flagship .flagship-design-story > header .micro-label {
  color: var(--orange);
  font-size: clamp(.76rem, .72rem + .16vw, .92rem);
}

#flagship .flagship-design-story > header h3 {
  max-width: 38ch;
  margin-top: .4rem;
  color: var(--black);
  font-size: clamp(1.5rem, 2.3vw, 2.45rem);
  letter-spacing: -.035em;
  line-height: 1.05;
}

.flagship-kpi-hero {
  min-height: clamp(10rem, 18vw, 15rem);
  padding: clamp(1.5rem, 3vw, 2.75rem);
  display: grid;
  grid-template-columns: auto minmax(0, auto) minmax(10rem, 1fr);
  gap: clamp(1rem, 2.5vw, 2.5rem);
  align-items: center;
  background: var(--orange);
  color: var(--black);
}

.flagship-kpi-hero > span {
  align-self: start;
  padding: .45rem .65rem;
  border: 1px solid rgba(11,11,13,.45);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.flagship-kpi-hero > strong {
  color: var(--yellow);
  font-size: clamp(6rem, 12vw, 11rem);
  font-weight: 850;
  letter-spacing: -.075em;
  line-height: .72;
}

.flagship-kpi-hero > div { display: grid; gap: .6rem; }
.flagship-kpi-hero b {
  max-width: 8ch;
  font-size: clamp(1.8rem, 3.6vw, 4rem);
  letter-spacing: -.05em;
  line-height: .88;
  text-transform: uppercase;
}
.flagship-kpi-hero small,
.flagship-operational-flow small,
.flagship-infrastructure-growth small {
  display: block;
  color: #514b45;
  font-size: clamp(.73rem, .68rem + .14vw, .85rem);
  font-weight: 700;
  line-height: 1.4;
}

.flagship-operational-flow {
  padding: clamp(1.25rem, 2.5vw, 2rem);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr) auto) minmax(0, 1fr);
  gap: clamp(.65rem, 1.2vw, 1.2rem);
  align-items: center;
  border-bottom: 1px solid rgba(11,11,13,.16);
}

.flagship-operational-flow article { min-width: 0; }
.flagship-operational-flow article > span {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: .65rem;
  color: var(--orange);
}
.flagship-operational-flow article.cold-chain > span { color: #2b8db5; }
.flagship-operational-flow svg { width: 100%; height: 100%; }
.flagship-operational-flow strong {
  font-size: clamp(1.75rem, 3vw, 3rem);
  letter-spacing: -.05em;
  line-height: .9;
}
.flagship-operational-flow b {
  display: block;
  margin-top: .25rem;
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.flagship-operational-flow small { margin-top: .65rem; }
.flagship-operational-flow > i {
  color: var(--orange);
  font-size: 1.35rem;
  font-style: normal;
}

.flagship-infrastructure-growth {
  display: grid;
  grid-template-columns: 1.15fr .9fr .95fr;
}

.flagship-infrastructure-growth article {
  min-width: 0;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-right: 1px solid rgba(11,11,13,.16);
}
.flagship-infrastructure-growth article:last-child { border-right: 0; }
.flagship-infrastructure-growth article > span {
  color: var(--orange);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.flagship-infrastructure-growth article > strong,
.flagship-infrastructure-growth article > div strong {
  display: inline-block;
  margin-top: .85rem;
  font-size: clamp(1.9rem, 3.2vw, 3.25rem);
  letter-spacing: -.055em;
  line-height: .9;
}
.flagship-infrastructure-growth b {
  margin-left: .35rem;
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.flagship-infrastructure-growth h4 {
  margin-top: .65rem;
  font-size: .85rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.flagship-infrastructure-growth small { margin-top: .55rem; }
.module-lairage { box-shadow: inset 0 .3rem 0 var(--orange); }
.module-site { box-shadow: inset 0 .3rem 0 var(--agriculture-green); }
.module-growth { box-shadow: inset 0 .3rem 0 var(--yellow); }
.module-lairage > div { display: grid; grid-template-columns: auto 1fr; align-items: baseline; }
.module-lairage > div small { grid-column: 1 / -1; }

#potential-participants .c2-frame {
  padding-block: clamp(3rem, 5vw, 4.75rem);
}

#potential-participants .not-assigned {
  margin-top: clamp(1.5rem, 2.5vw, 2.25rem);
  padding: clamp(1rem, 1.8vw, 1.4rem);
  font-size: clamp(1.45rem, 2.6vw, 2.7rem);
  line-height: 1;
}

.participant-visual-grid {
  margin-top: clamp(1.25rem, 2vw, 1.8rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line-light);
  border-left: 1px solid var(--line-light);
}

.participant-visual-block {
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(12rem, 16rem) auto;
  border-right: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
}
.participant-visual-block figure {
  min-width: 0;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #ddd9cf;
}
.participant-visual-block img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.participant-visual-block > div { padding: clamp(1.25rem, 2.5vw, 2rem); }
.participant-visual-block .micro-label { color: var(--orange); }
.participant-visual-block h3 {
  margin-top: .55rem;
  font-size: clamp(1.45rem, 2.25vw, 2.35rem);
  letter-spacing: -.045em;
  line-height: .95;
  text-transform: uppercase;
}
.participant-visual-block p:not(.micro-label) {
  margin-top: .65rem;
  color: #5e5d61;
  font-size: clamp(.85rem, .81rem + .12vw, .96rem);
  line-height: 1.48;
}
.participant-subroles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}
.participant-subroles section { min-width: 0; padding-right: 1rem; }
.participant-subroles section + section {
  padding-left: 1rem;
  padding-right: 0;
  border-left: 1px solid var(--line-light);
}

@media (max-width: 68rem) {
  #how-certification-works .famven-position { grid-template-columns: 1fr; }
  .flagship-kpi-hero { grid-template-columns: auto minmax(0, auto) minmax(8rem, 1fr); }
  .participant-subroles { grid-template-columns: 1fr; }
  .participant-subroles section + section {
    margin-top: 1rem;
    padding: 1rem 0 0;
    border-top: 1px solid var(--line-light);
    border-left: 0;
  }
}

@media (max-width: 56rem) {
  .flagship-kpi-hero { grid-template-columns: auto 1fr; }
  .flagship-kpi-hero > span { grid-column: 1 / -1; }
  .flagship-operational-flow {
    grid-template-columns: 1fr;
  }
  .flagship-operational-flow > i { transform: rotate(90deg); justify-self: center; }
  .flagship-infrastructure-growth,
  .participant-visual-grid { grid-template-columns: 1fr; }
  .flagship-infrastructure-growth article {
    border-right: 0;
    border-bottom: 1px solid rgba(11,11,13,.16);
  }
  .flagship-infrastructure-growth article:last-child { border-bottom: 0; }
}

@media (max-width: 40rem) {
  #how-certification-works .famven-identity-visuals { grid-template-columns: 1fr; }
  #how-certification-works .famven-identity-visuals img { height: 6.25rem; }
  .flagship-kpi-hero { grid-template-columns: 1fr; }
  .flagship-kpi-hero > strong { font-size: clamp(5rem, 26vw, 7rem); }
  .participant-visual-block { grid-template-rows: minmax(10rem, 13rem) auto; }
}

/* C6.2E — Section 01 recognised-bodies poster enlargement only */
.recognised-bodies-trigger {
  width: 100%;
  padding: 0;
  display: block;
  border: 0;
  background: transparent;
  line-height: 0;
  cursor: zoom-in;
}

.document-lightbox.is-contain-view {
  padding: 1rem;
}

.document-lightbox.is-contain-view .document-lightbox-stage {
  width: min(96vw, 1800px);
  height: min(92vh, 1100px);
  overflow: hidden;
  place-items: center;
}

.document-lightbox.is-contain-view .document-lightbox-stage img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  background: #fff;
}

@media (max-width: 42rem) {
  .document-lightbox.is-contain-view {
    padding: .5rem;
  }

  .document-lightbox.is-contain-view .document-lightbox-stage {
    width: calc(100vw - 1rem);
    height: calc(100dvh - 1rem);
  }
}

/* C6.2C — Section 02 editorial split-screen correction only */
@media (min-width: 56.01rem) {
  #cb-fhcb .intro-hero {
    min-height: min(42rem, calc(100svh - var(--header-height)));
    grid-template-columns: 4.25rem minmax(0, 54fr) minmax(20rem, 46fr);
    gap: clamp(1.5rem, 2.8vw, 3.25rem);
    align-items: center;
  }

  #cb-fhcb .intro-hero-number,
  #cb-fhcb .intro-hero-copy,
  #cb-fhcb .halal-ecosystem-visual {
    grid-row: 1;
  }

  #cb-fhcb .intro-hero-number {
    grid-column: 1;
    align-self: start;
  }

  #cb-fhcb .intro-hero-copy {
    grid-column: 2;
    align-self: center;
  }

  #cb-fhcb .intro-hero-copy h2 {
    max-width: 15ch;
    font-size: clamp(2.7rem, 3.85vw, 4.45rem);
    line-height: .98;
  }

  #cb-fhcb .intro-hero-copy .c2-lead,
  #cb-fhcb .intro-hero-copy .c2-support {
    max-width: 42rem;
  }

  #cb-fhcb .halal-ecosystem-visual {
    grid-column: 3;
    width: 100%;
    max-width: 34rem;
    margin: 0;
    padding: clamp(.85rem, 1.25vw, 1.15rem);
    justify-self: end;
    align-self: center;
    background: #f3f2ee;
  }

  #cb-fhcb .halal-ecosystem-visual::before {
    position: static;
    display: block;
    width: 100%;
    margin-bottom: .65rem;
    padding-top: .55rem;
    color: #555359;
  }

  #cb-fhcb .halal-ecosystem-visual img {
    width: 100%;
    height: auto;
    max-height: min(56vh, 34rem);
    margin-inline: auto;
    object-fit: contain;
    filter: none;
  }
}

/* C6.2B — hero cleanup and map balance only */
@media (min-width: 56.01rem) {
  #opening .hero-grid {
    width: min(100% - 3rem, 96rem);
    grid-template-columns: minmax(0, 44fr) minmax(30rem, 56fr);
    grid-template-rows: minmax(0, 1fr);
    column-gap: clamp(2.5rem, 4vw, 5rem);
    padding-block: clamp(1.5rem, 3vh, 2.5rem);
    align-items: center;
  }

  #opening .hero-copy {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    padding: 0;
  }

  #opening .hero-visual {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: min(68vh, 40rem);
    max-height: calc(100svh - var(--header-height) - 3rem);
    align-self: center;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
    background: #111113;
  }

  #opening .hero-visual img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
  }
}

/* C6.2F — targeted hero, strategic premise, Section 01 and Section 02 corrections */
#opening .hero-copy .hero-title-refined {
  max-width: 11.5ch;
  font-size: clamp(3rem, 4.45vw, 5.25rem);
  line-height: .9;
  letter-spacing: -.06em;
}

#opening .hero-deck {
  max-width: 34rem;
  font-size: clamp(1.02rem, 1rem + .24vw, 1.28rem);
  line-height: 1.42;
}

.guardrail-tree {
  overflow: visible;
  padding: clamp(1.5rem, 2.6vw, 2.75rem);
}

.guardrail-tree img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: min(60vh, 38rem);
  object-fit: contain;
  object-position: center;
  transform: none;
}

.halal-contrast-visual img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: min(56vh, 35rem);
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
}

@media (min-width: 56.01rem) {
  .guardrail-editorial {
    grid-template-columns: minmax(19rem, 35fr) minmax(0, 65fr);
  }

  #halal-economy .economy-rich-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(2rem, 4vw, 4.5rem);
    align-items: center;
  }

  #halal-economy .economy-definition-card {
    align-self: center;
  }

  #halal-economy .halal-contrast-visual {
    width: 100%;
    justify-self: stretch;
    align-self: center;
  }

  #cb-fhcb .intro-hero {
    min-height: min(38rem, calc(100svh - var(--header-height)));
    grid-template-columns: 4.25rem minmax(0, 55fr) minmax(19rem, 45fr);
    gap: clamp(1.5rem, 2.6vw, 3rem);
    align-items: center;
  }

  #cb-fhcb .intro-hero-copy h2 {
    max-width: 17ch;
    font-size: clamp(2.55rem, 3.35vw, 4rem);
    line-height: 1;
  }

  #cb-fhcb .intro-hero-copy .c2-lead,
  #cb-fhcb .intro-hero-copy .c2-support {
    max-width: 44rem;
  }

  #cb-fhcb .halal-ecosystem-visual {
    width: 100%;
    max-width: 31rem;
    justify-self: center;
    align-self: center;
  }

  #cb-fhcb .halal-ecosystem-visual img {
    width: 100%;
    height: auto;
    max-height: min(52vh, 30rem);
    object-fit: contain;
    object-position: center;
  }
}

/* C6.3A — Section 04 integrated national-value composition only */
#why-venezuela-needs-cb .c2-frame {
  padding-block: clamp(2.75rem, 4.5vw, 4.25rem);
}

#why-venezuela-needs-cb .need-intro-layout {
  min-height: 0;
  grid-template-columns: minmax(0, 60fr) minmax(20rem, 40fr);
  gap: clamp(2rem, 3.5vw, 4.25rem);
  align-items: center;
}

#why-venezuela-needs-cb .c2-heading h2 {
  max-width: 15ch;
  font-size: clamp(2.65rem, 4vw, 4.6rem);
}

#why-venezuela-needs-cb .c2-lead {
  max-width: 44rem;
}

#why-venezuela-needs-cb .certificate-evidence {
  width: min(100%, 31rem);
  padding: 1rem 1rem 0 0;
  justify-self: end;
}

#why-venezuela-needs-cb .certificate-evidence img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(44vh, 26rem);
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
  transform: none;
}

#why-venezuela-needs-cb .certificate-evidence figcaption {
  margin-top: .55rem;
  padding-top: .5rem;
  font-size: .62rem;
  line-height: 1.35;
}

#why-venezuela-needs-cb .benefit-list {
  margin-top: clamp(1.5rem, 2.5vw, 2.25rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--line-light);
}

#why-venezuela-needs-cb .benefit-list li {
  min-height: 0;
  padding: clamp(1rem, 1.7vw, 1.4rem) clamp(.75rem, 1.5vw, 1.5rem) clamp(1rem, 1.7vw, 1.4rem) 0;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: .25rem 1rem;
  align-content: start;
  align-items: start;
  border-top: 1px solid var(--line-light);
  border-bottom: 0;
}

#why-venezuela-needs-cb .benefit-list li:nth-child(even) {
  padding-left: clamp(.75rem, 1.5vw, 1.5rem);
  border-left: 1px solid var(--line-light);
}

#why-venezuela-needs-cb .benefit-list .benefit-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 2.4rem;
  height: 2.4rem;
}

#why-venezuela-needs-cb .benefit-list h3 {
  grid-column: 2;
  margin: 0;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  letter-spacing: -.02em;
  line-height: 1.15;
}

#why-venezuela-needs-cb .benefit-list p {
  grid-column: 2;
  max-width: 35rem;
  margin: .35rem 0 0;
  font-size: clamp(.82rem, .78rem + .12vw, .94rem);
  line-height: 1.45;
}

#why-venezuela-needs-cb .institutional-sequence {
  margin-top: clamp(1.35rem, 2vw, 1.8rem);
  padding: clamp(1.1rem, 2vw, 1.6rem);
}

#why-venezuela-needs-cb .institutional-sequence ol {
  margin-top: .8rem;
}

@media (max-width: 56rem) {
  #why-venezuela-needs-cb .need-intro-layout {
    grid-template-columns: 1fr;
  }

  #why-venezuela-needs-cb .certificate-evidence {
    width: min(100%, 34rem);
    justify-self: center;
  }
}

@media (max-width: 42rem) {
  #why-venezuela-needs-cb .benefit-list {
    grid-template-columns: 1fr;
  }

  #why-venezuela-needs-cb .benefit-list li,
  #why-venezuela-needs-cb .benefit-list li:nth-child(even) {
    padding-inline: 0;
    border-left: 0;
  }
}

/* C6.3B — FHCB placement and Caracas viewport micro-correction */
#recognition-pathway .fhcb-intro-column > .micro-label {
  font-size: clamp(.8rem, .76rem + .16vw, .94rem);
  letter-spacing: .13em;
}

#recognition-pathway .famven-fhcb-position {
  margin-top: clamp(1rem, 1.8vw, 1.5rem);
  padding: clamp(1rem, 1.8vw, 1.5rem);
  display: grid;
  grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(1.25rem, 2.5vw, 2.5rem);
  align-items: center;
  border: 1px solid var(--line-light);
  background: var(--warm-white);
  color: var(--black);
}

#recognition-pathway .famven-fhcb-position .famven-identity-visuals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.55rem, 1vw, .85rem);
  align-items: center;
}

#recognition-pathway .famven-fhcb-position .famven-identity-visuals img {
  display: block;
  width: 100%;
  height: clamp(4.8rem, 6vw, 6.3rem);
  padding: .4rem;
  object-fit: contain;
  object-position: center;
  background: #fff;
  filter: none;
}

#recognition-pathway .famven-fhcb-position strong {
  display: block;
  margin: .3rem 0 .4rem;
  color: var(--orange);
  font-size: clamp(.95rem, .9rem + .15vw, 1.08rem);
  line-height: 1.35;
}

#recognition-pathway .famven-fhcb-position p:last-child {
  margin: 0;
  color: #555359;
  font-size: clamp(.86rem, .82rem + .12vw, .96rem);
  line-height: 1.48;
}

#recognition-pathway .famven-fhcb-position + .recognition-path {
  margin-top: clamp(1.25rem, 2.2vw, 2rem);
}

#caracas-headquarters .c2-frame {
  padding-top: clamp(2.5rem, 4vw, 3.75rem);
}

#caracas-headquarters .caracas-hero-compact {
  display: grid;
  grid-template-columns: minmax(0, 46fr) minmax(24rem, 54fr);
  gap: clamp(2rem, 3.5vw, 4rem);
  align-items: center;
}

#caracas-headquarters .caracas-hero-compact .c2-heading {
  margin: 0;
  align-self: center;
}

#caracas-headquarters .caracas-hero-compact .c2-heading h2 {
  max-width: 14ch;
  font-size: clamp(2.6rem, 3.8vw, 4.35rem);
}

#caracas-headquarters .caracas-hero-compact .c2-lead,
#caracas-headquarters .caracas-hero-compact .c2-support {
  max-width: 36rem;
}

#caracas-headquarters .caracas-hero-compact .caracas-photo {
  min-height: 0;
  height: auto;
  max-height: none;
  margin: 0;
  background: #17171a;
}

#caracas-headquarters .caracas-hero-compact .caracas-photo-trigger {
  height: min(43vh, 27rem);
  min-height: 19rem;
}

#caracas-headquarters .caracas-hero-compact .caracas-photo-trigger img {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: contain;
  object-position: center;
}

#caracas-headquarters .location-criteria-compact {
  margin-top: clamp(1.25rem, 2vw, 1.8rem);
  padding-top: clamp(1rem, 1.6vw, 1.35rem);
  display: grid;
  grid-template-columns: minmax(14rem, .32fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: start;
  border-top: 1px solid var(--line-light);
}

#caracas-headquarters .location-criteria-heading h3 {
  max-width: 15ch;
  margin-top: .45rem;
  font-size: clamp(1.65rem, 2.5vw, 2.7rem);
  line-height: .98;
}

#caracas-headquarters .location-criteria-compact .criteria-list {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 0;
}

#caracas-headquarters .location-criteria-compact .criteria-list li {
  min-height: 4.25rem;
  padding: .7rem .85rem;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  gap: .55rem;
  border-top: 1px solid var(--line-light);
  border-right: 1px solid var(--line-light);
}

#caracas-headquarters .location-criteria-compact .criteria-list li:nth-child(3n) {
  border-right: 0;
}

#caracas-headquarters .location-criteria-compact .criteria-list span {
  font-size: .66rem;
}

#caracas-headquarters .location-criteria-compact .criteria-list strong {
  font-size: clamp(.68rem, .65rem + .08vw, .76rem);
  line-height: 1.28;
}

#caracas-headquarters .location-criteria-compact + .starter-office-corrected {
  margin-top: clamp(2.25rem, 4vw, 3.5rem);
}

@media (max-width: 68rem) {
  #recognition-pathway .famven-fhcb-position,
  #caracas-headquarters .caracas-hero-compact,
  #caracas-headquarters .location-criteria-compact {
    grid-template-columns: 1fr;
  }

  #caracas-headquarters .location-criteria-compact .criteria-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #caracas-headquarters .location-criteria-compact .criteria-list li:nth-child(3n) {
    border-right: 1px solid var(--line-light);
  }

  #caracas-headquarters .location-criteria-compact .criteria-list li:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 40rem) {
  #recognition-pathway .famven-fhcb-position .famven-identity-visuals,
  #caracas-headquarters .location-criteria-compact .criteria-list {
    grid-template-columns: 1fr;
  }

  #recognition-pathway .famven-fhcb-position .famven-identity-visuals img {
    height: 6rem;
  }

  #caracas-headquarters .location-criteria-compact .criteria-list li {
    border-right: 0;
  }

#caracas-headquarters .caracas-hero-compact .caracas-photo-trigger {
    height: 19rem;
    min-height: 0;
  }
}

/* C6.3D — Strategic Premise high-resolution visual balance only. */
@media (min-width: 56.01rem) {
  .guardrail-editorial {
    grid-template-columns: minmax(19rem, 36fr) minmax(0, 64fr);
    align-items: center;
  }

  .guardrail-tree {
    align-self: stretch;
    padding: clamp(1rem, 1.7vw, 1.75rem);
  }

  .guardrail-tree-trigger {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
  }

  .guardrail-tree img {
    width: 100%;
    height: auto;
    max-height: min(64vh, 40rem);
    object-fit: contain;
    object-position: center;
  }
}

/* C6.3C final scoped precedence guards */
#potential-participants .participants-frame {
  padding-block: clamp(2.75rem, 4.5vw, 4.5rem);
}

#potential-participants .participant-visual-grid {
  margin-top: clamp(1.25rem, 2.2vw, 2rem);
}

#potential-participants .participant-dxn figure {
  padding: clamp(.35rem, .8vw, .7rem);
  background: #e7e3da;
}

#potential-participants .participant-dxn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

#recognition-pathway .famven-fhcb-position {
  grid-template-columns: minmax(15rem, .58fr) minmax(0, 1.42fr);
  gap: clamp(1rem, 2vw, 2rem);
  padding: clamp(.85rem, 1.5vw, 1.2rem);
}

#recognition-pathway .famven-fhcb-position .famven-identity-visuals {
  gap: .45rem;
}

#recognition-pathway .famven-fhcb-position .famven-identity-visuals img {
  height: clamp(4.5rem, 5.2vw, 5.5rem);
  padding: .3rem;
}

@media (max-width: 56rem) {
  #recognition-pathway .famven-fhcb-position {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 40rem) {
  #recognition-pathway .famven-fhcb-position .famven-identity-visuals {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #recognition-pathway .famven-fhcb-position .famven-identity-visuals img {
    height: 5rem;
  }
}