:root {
  --record-ink: #07131b;
  --record-ink-soft: #102534;
  --record-paper: #f1eadc;
  --record-paper-muted: rgba(241, 234, 220, .7);
  --record-amber: #ee8618;
  --record-line: rgba(241, 234, 220, .18);
  --record-serif: Newsreader, Georgia, serif;
  --record-sans: Manrope, Arial, sans-serif;
  --record-arabic-serif: "Noto Naskh Arabic", Tahoma, serif;
  --record-arabic-sans: "Noto Sans Arabic", Tahoma, sans-serif;
  --record-text-dark: #102534;
  --record-text-dark-secondary: #4c4942;
  --record-text-dark-muted: #675f54;
  --record-text-light: #f1eadc;
  --record-text-light-secondary: #d8cfc1;
  --record-accent-on-light: #a84400;
  --record-type-label: .8125rem;
  --record-type-meta: .875rem;
  --record-type-body-small: .9375rem;
  --record-type-body: 1.0625rem;
  --record-type-lead: clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);
  --record-type-h2: clamp(2.5rem, 2rem + 2.5vw, 4.75rem);
  --record-type-h1: clamp(3rem, 2.15rem + 4vw, 6.5rem);
}

@view-transition { navigation: auto; }
::view-transition-old(root) { animation: record-page-out .42s ease both; }
::view-transition-new(root) { animation: record-page-in .58s cubic-bezier(.2,.7,.2,1) both; }
@keyframes record-page-out { to { opacity: 0; transform: scale(.992); } }
@keyframes record-page-in { from { opacity: 0; transform: translateY(12px); } }

html { scroll-behavior: auto; background: var(--record-ink); }
body.record-site,
body:has([data-record-scene]) {
  overflow-x: clip;
  color: var(--record-paper);
  background: var(--record-ink);
  font-family: var(--record-sans);
}

body:has([data-record-scene]) .grain { display: none; }
body:has([data-record-scene]) main,
body:has([data-record-scene]) .record-story { position: relative; z-index: 2; }

.record-stage {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #020609;
  contain: strict;
  transform-origin: 50% 50%;
}

.record-stage__slot {
  position: absolute;
  inset: -5vh -5vw;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  will-change: opacity;
}

.record-stage__slot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center;
  will-change: auto;
}

.record-stage__slot.is-visible img[src] { will-change: transform; }

.record-stage__background { z-index: 0; }

.record-stage__subject {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform-origin: 50% 64%;
  pointer-events: none;
}

.record-stage__depth {
  z-index: 2;
  clip-path: none;
  transform-origin: 50% 82%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.record-motion-ready .record-stage__subject,
.record-motion-ready .record-stage__depth { visibility: visible; }

.record-stage__grade {
  position: absolute;
  inset: 0;
  z-index: 3;
  background:
    linear-gradient(90deg, rgba(2,6,9,.86) 0%, rgba(2,6,9,.45) 48%, rgba(2,6,9,.22) 74%, rgba(2,6,9,.62) 100%),
    linear-gradient(180deg, rgba(2,6,9,.18), rgba(2,6,9,.54));
  opacity: var(--record-grade-opacity, .56);
}

.record-counsel-line {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: .3;
  pointer-events: none;
}
.record-counsel-line path { fill: none; stroke: var(--record-amber); stroke-width: .18; vector-effect: non-scaling-stroke; }

/* HCT01-only folio match surface. This is a real DOM record, not another
   bitmap: the outgoing plate advances into it, it masks the decoded scene
   exchange, and its receding edge becomes scene 02's reveal. */
.record-folio-match {
  position: absolute;
  inset: 0;
  z-index: 4;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
}

.record-folio-match__surface {
  position: absolute;
  inset: -1px;
  display: block;
  opacity: 0;
  background:
    linear-gradient(90deg, transparent 7.9%, rgba(16,37,52,.18) 7.9% 8.02%, transparent 8.02%),
    repeating-linear-gradient(0deg, transparent 0 8.8vh, rgba(16,37,52,.09) 8.8vh calc(8.8vh + 1px)),
    linear-gradient(110deg, #f4eddf 0%, #e8dcc8 56%, #f1e7d5 100%);
  box-shadow: 0 -30px 90px rgba(0,0,0,.32);
  transform-origin: 50% 100%;
}

.record-folio-match__carry {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: max(8vw, 28px);
  display: block;
  width: min(34vw, 320px);
  height: 28px;
  opacity: 0;
  border-block-start: 2px solid var(--record-amber);
  transform-origin: 0 50%;
}

.record-folio-match__carry::before {
  content: "";
  position: absolute;
  inset-block-start: -7px;
  inset-inline-start: 0;
  width: clamp(28px, 3.2vw, 48px);
  height: 12px;
  background: var(--record-amber);
  border-radius: 0 1px 1px 0;
}

html[dir="rtl"] .record-folio-match__carry {
  transform-origin: 100% 50%;
}

html[dir="rtl"] .record-folio-match__carry::before {
  border-radius: 1px 0 0 1px;
}

.record-folio-match.is-active .record-folio-match__surface,
.record-folio-match.is-active .record-folio-match__carry {
  will-change: transform, opacity, clip-path;
}

.record-scene {
  position: relative;
  min-height: 150svh;
  display: grid;
  align-items: center;
  padding: clamp(8rem, 13vw, 13rem) max(5vw, 24px);
  border-top: 1px solid rgba(241,234,220,.08);
  scroll-margin-top: 92px;
}

.record-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(4,10,14,.48),rgba(4,10,14,.04) 72%);
  pointer-events: none;
  opacity: 1;
  transition: opacity .95s cubic-bezier(.2,.7,.2,1);
}

body.record-opening-active .record-scene:first-child::before { opacity: 0; }

.record-scene:nth-child(even)::before { background: linear-gradient(270deg,rgba(4,10,14,.48),rgba(4,10,14,.04) 72%); }
.record-scene__content { position: relative; width: min(1480px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .7fr); column-gap: clamp(3rem, 8vw, 9rem); row-gap: 0; align-items: end; }
.record-scene:nth-child(even) .record-scene__content { grid-template-columns: minmax(300px, .7fr) minmax(0, 1.1fr); }
.record-scene:nth-child(even) .record-scene__heading { grid-column: 2; }
.record-scene:nth-child(even) .record-scene__details { grid-column: 1; grid-row: 1; }

.record-scene__content:not(:has(> .record-scene__heading)) { align-items: center; }
.record-scene__content:not(:has(> .record-scene__heading)) > :not(.record-scene__details) { grid-column: 1; }
.record-scene__content:not(:has(> .record-scene__heading)) > .record-scene__details { grid-column: 2; grid-row: 1 / span 20; }
.record-scene:nth-child(even) .record-scene__content:not(:has(> .record-scene__heading)) > :not(.record-scene__details) { grid-column: 2; }
.record-scene:nth-child(even) .record-scene__content:not(:has(> .record-scene__heading)) > .record-scene__details { grid-column: 1; grid-row: 1 / span 20; }
.record-scene__content:not(:has(> .record-scene__heading)) > h1,
.record-scene__content:not(:has(> .record-scene__heading)) > h2 { align-self: end; }
.record-scene__content:not(:has(> .record-scene__heading)) > p:not(.record-scene__kicker) { max-width: 58ch; margin: 1.7rem 0 0; color: var(--record-paper-muted); font-size: clamp(1rem, 1.35vw, 1.25rem); line-height: 1.72; text-wrap: pretty; }
.record-scene__content:not(:has(> .record-scene__heading)) > .record-scene__details { align-self: center; }
.record-scene__content:not(:has(> .record-scene__heading)) > .button,
.record-scene__content:not(:has(> .record-scene__heading)) > .text-link,
.record-scene__content:not(:has(> .record-scene__heading)) > .record-action { justify-self: start; margin-top: 2rem; }
.record-scene--portrait .record-scene__content,
.record-scene--portrait:nth-child(even) .record-scene__content {
  display: block;
  width: min(1480px, 100%);
}
.record-scene--portrait .record-scene__heading,
.record-scene--portrait .record-scene__content > :not(.record-scene__details) { max-width: min(720px, 46vw); }
.record-scene--portrait .record-scene__details,
.record-scene--portrait:nth-child(even) .record-scene__details {
  width: min(610px, 44vw);
  margin-top: clamp(2rem, 4vw, 3.5rem);
}
.record-scene--form .form-shell { grid-column: 1 / -1; width: min(980px, 100%); margin-top: 2.5rem; }

@media (min-width: 761px) {
  .record-scene[data-scene-id="counsel-table"] .record-scene__content,
  .record-scene[data-scene-id="legal-question"] .record-scene__content {
    min-height: min(72vh, 720px);
    display: grid;
    grid-template-columns: minmax(430px, .78fr) minmax(0, 1.22fr);
    grid-template-rows: auto 1fr;
    align-items: start;
    align-content: space-between;
  }
  .record-scene[data-scene-id="counsel-table"] .record-scene__heading,
  .record-scene[data-scene-id="counsel-table"] .record-scene__details,
  .record-scene[data-scene-id="legal-question"] .record-scene__heading,
  .record-scene[data-scene-id="legal-question"] .record-scene__details {
    grid-column: 1;
  }
  .record-scene[data-scene-id="counsel-table"] .record-scene__heading,
  .record-scene[data-scene-id="legal-question"] .record-scene__heading { grid-row: 1; }
  .record-scene[data-scene-id="counsel-table"] .record-scene__details,
  .record-scene[data-scene-id="legal-question"] .record-scene__details {
    grid-row: 2;
    width: min(560px, 100%);
    margin-top: clamp(2rem, 5vh, 4rem);
    align-self: end;
  }
  .record-scene[data-scene-id="counsel-table"] h2,
  .record-scene[data-scene-id="legal-question"] h2 {
    max-width: 8.5ch;
    font-size: clamp(4.2rem, 5.8vw, 6.6rem);
  }
  .record-scene[data-scene-id="business-door"] .record-scene__content,
  .record-scene[data-scene-id="business-door"]:nth-child(even) .record-scene__content {
    position: fixed;
    inset: 0 max(5vw, 72px);
    z-index: 2;
    width: auto;
    height: 100svh;
    min-height: 0;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 58fr) minmax(420px, 42fr);
    grid-template-rows: 1fr;
    align-items: center;
    column-gap: clamp(2rem, 4vw, 4.5rem);
    pointer-events: none;
  }
  .record-scene[data-scene-id="business-door"] .record-scene__heading,
  .record-scene[data-scene-id="business-door"] .record-scene__details,
  .record-scene[data-scene-id="business-door"]:nth-child(even) .record-scene__heading,
  .record-scene[data-scene-id="business-door"]:nth-child(even) .record-scene__details {
    grid-column: 2;
    grid-row: 1;
    width: min(100%, 560px);
    justify-self: end;
    align-self: center;
    pointer-events: auto;
  }
  .record-scene[data-scene-id="business-door"] h2 {
    max-width: 10ch;
    font-size: clamp(4rem, 6vw, 6.4rem);
  }
}

.record-scene__heading { align-self: center; max-width: 900px; }
.record-scene__kicker { margin: 0 0 1.2rem; color: var(--record-amber); font: 600 .72rem/1.2 var(--record-sans); letter-spacing: .15em; text-transform: uppercase; }
.record-scene h1,
.record-scene h2 { margin: 0; max-width: 13ch; color: var(--record-paper); font: 400 clamp(4rem, 7.8vw, 8.6rem)/.9 var(--record-serif); letter-spacing: -.045em; text-wrap: balance; }
.record-scene h1 { max-width: 16ch; font-size: clamp(4rem, 7vw, 7.6rem); }
.record-scene h1 [lang="ar"],
.record-scene h2 [lang="ar"] { display: inline-block; margin-top: .24em; font-family: var(--record-arabic-serif); font-size: .68em; line-height: 1.28; letter-spacing: 0; }
.record-scene__lead { max-width: 58ch; margin: 2rem 0 0; color: var(--record-paper-muted); font-size: clamp(1rem, 1.35vw, 1.25rem); line-height: 1.72; text-wrap: pretty; }
.record-line { overflow: hidden; }

.record-scene__details { margin: 0; align-self: end; border-top: 1px solid var(--record-line); }
.record-detail,
.record-scene__details > div,
.dossier-field,
.ledger-row { position: relative; display: grid; grid-template-columns: minmax(110px,.35fr) 1fr; gap: 1.5rem; padding: 1.35rem 0; border-bottom: 1px solid var(--record-line); }
.record-detail dt,
.record-scene__details > div > :first-child,
.dossier-field dt,
.ledger-row span { color: var(--record-amber); font-size: .7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.record-detail dd,
.record-scene__details > div > :last-child,
.dossier-field dd { margin: 0; color: rgba(241,234,220,.82); font-size: .92rem; line-height: 1.65; }

.record-action { display: inline-flex; gap: 1.2rem; align-items: center; margin-top: 2rem; color: var(--record-paper); text-decoration: none; font-weight: 700; }
.record-action::after { content: "↗"; width: 42px; height: 42px; display: grid; place-items: center; color: var(--record-ink); background: var(--record-amber); border-radius: 50%; transition: transform .25s ease; }
.record-action:hover::after { transform: translate(3px,-3px); }

.record-scene--legal { min-height: 100svh; padding-block: clamp(8rem, 12vw, 11rem); }
.record-scene--legal::before,
.record-scene--legal:nth-child(even)::before {
  background:
    linear-gradient(90deg, rgba(4,10,14,.96), rgba(4,10,14,.86) 58%, rgba(4,10,14,.7)),
    repeating-linear-gradient(0deg, transparent 0 35px, rgba(241,234,220,.035) 35px 36px);
}
.record-scene--legal .record-scene__content,
.record-scene--legal:nth-child(even) .record-scene__content { display: block; width: min(1180px, 100%); }
.record-scene--legal .record-scene__content > h1,
.record-scene--legal .record-scene__content > h2 { max-width: 17ch; font-size: clamp(3.2rem, 6.2vw, 6.8rem); line-height: .96; }
.record-scene--legal .record-scene__content > p:not(.record-scene__kicker) { max-width: 68ch; }
.legal-ledger { width: 100%; margin-top: clamp(2.5rem, 5vw, 4.5rem); border-top: 1px solid var(--record-line); }
.legal-ledger .ledger-row { grid-template-columns: minmax(170px, .32fr) minmax(0, 1fr); align-items: start; }
.legal-ledger .ledger-row > span { padding-top: .18rem; }
.legal-ledger .ledger-row > p { max-width: 72ch; margin: 0; color: rgba(241,234,220,.82); font-size: 1rem; line-height: 1.75; text-wrap: pretty; }
.legal-ledger a { color: var(--record-paper); text-underline-offset: .2em; }

.counsel-index {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  width: min(1100px,100%);
  margin-top: 3rem;
  border-top: 1px solid var(--record-line);
}
.counsel-index a { position: relative; display: grid; grid-template-columns: 54px 1fr; gap: 1rem; padding: 1rem 0; color: rgba(241,234,220,.72); border-bottom: 1px solid var(--record-line); text-decoration: none; transition: color .2s ease, padding .2s ease; }
.counsel-index a:nth-child(odd) { padding-inline-end: 2rem; }
.counsel-index a:hover { color: var(--record-paper); padding-inline-start: .5rem; }
.counsel-index a span { color: var(--record-amber); font-variant-numeric: tabular-nums; }
.counsel-index__marker { position: absolute; inset-inline-end: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--record-amber); }

.record-scene--index {
  min-height: 100svh;
  padding-block: clamp(7.5rem, 10vw, 9rem) 2.5rem;
  align-items: start;
}
.record-scene--index .record-scene__content { display: block; }
.record-scene--index h1,
.record-scene--index h2 { max-width: 16ch; font-size: clamp(3rem, 5vw, 5.6rem); line-height: .92; }
.record-scene--index .counsel-index { margin-top: 1.4rem; }
.record-scene--index .counsel-index a { min-height: 50px; padding-block: .58rem; }

.record-opening { position: fixed; inset: 0; z-index: 90; overflow: hidden; pointer-events: none; background: transparent; }
.record-opening__doors { position: absolute; inset: 0; overflow: hidden; }
.record-opening__door { position: absolute; inset-block: 0; width: 50.2%; background: radial-gradient(circle at 100% 48%,rgba(75,43,22,.42),transparent 34%),linear-gradient(90deg,#030608,#11100f 72%,#24170f); box-shadow: inset -1px 0 rgba(238,134,24,.22),0 0 90px rgba(0,0,0,.8); will-change: transform; }
.record-opening__door--left { inset-inline-start: 0; transform: translateX(-76%); }
.record-opening__door--right { inset-inline-end: 0; transform: translateX(76%); background: radial-gradient(circle at 0 48%,rgba(75,43,22,.42),transparent 34%),linear-gradient(270deg,#030608,#11100f 72%,#24170f); }
.record-opening__mark { position: absolute; inset: 50% auto auto 50%; z-index: 2; width: clamp(76px,8vw,112px); aspect-ratio: 422/307; transform: translate(-50%,-50%); filter: drop-shadow(0 18px 38px rgba(0,0,0,.45)); }
.record-opening__mark-segment { position: absolute; inset: 0; display: block; }
.record-opening__mark-segment img { display: block; width: 100%; height: 100%; object-fit: contain; }
.record-opening__mark-segment--one { clip-path: polygon(0 0,50% 0,50% 50%,0 50%); }
.record-opening__mark-segment--two { clip-path: polygon(50% 0,100% 0,100% 50%,50% 50%); }
.record-opening__mark-segment--three { clip-path: polygon(0 50%,50% 50%,50% 100%,0 100%); }
.record-opening__mark-segment--four { clip-path: polygon(50% 50%,100% 50%,100% 100%,50% 100%); }
.record-opening__mark b { position: absolute; inset: calc(100% + 18px) 0 auto; height: 1px; background: linear-gradient(90deg,transparent,var(--record-amber),transparent); transform-origin: center; }

/* HCT01's controlled first-load director keeps the court visible. These are
   narrow compositor-only threshold edges, not opaque doors covering the
   establishing image; the approved foreground plate takes over after the
   real alpha mark leaves. */
.record-opening--directed .record-opening__door {
  width: clamp(58px, 17vw, 220px);
  background:
    linear-gradient(90deg, rgba(3,6,8,.96), rgba(17,16,15,.86) 58%, rgba(36,23,15,.5) 82%, transparent);
  box-shadow: inset -1px 0 rgba(238,134,24,.18), 12px 0 46px rgba(0,0,0,.42);
  will-change: transform, opacity, clip-path;
}

.record-opening--directed .record-opening__door--right {
  background:
    linear-gradient(270deg, rgba(3,6,8,.96), rgba(17,16,15,.86) 58%, rgba(36,23,15,.5) 82%, transparent);
  box-shadow: inset 1px 0 rgba(238,134,24,.18), -12px 0 46px rgba(0,0,0,.42);
}

body.record-opening-active { overflow: hidden; }
body.record-opening-active .site-header { pointer-events: none; }

body:has([data-record-scene]) .site-header { z-index: 20; }
body:has([data-record-scene]) .nav-island { color: var(--record-paper); background: rgba(4,12,17,.94); border-color: rgba(238,134,24,.32); box-shadow: none; backdrop-filter: none; }
body:has([data-record-scene]) .desktop-links a,
body:has([data-record-scene]) .brand-name,
body:has([data-record-scene]) .language-link { color: var(--record-paper); }
body:has([data-record-scene]) .logo-mark {
  width: 46px;
  height: 38px;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body:has([data-record-scene]) .logo-mark img {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: contain;
}

body:has([data-record-scene]) .site-footer { position: relative; z-index: 3; min-height: 82svh; padding: clamp(7rem,11vw,11rem) max(5vw,24px) 3rem; display: grid; align-content: end; color: var(--record-paper); background: linear-gradient(180deg,rgba(2,6,9,.4),#020609 45%); border-top: 1px solid var(--record-line); }
body:has([data-record-scene]) .footer-closing > p { max-width: 30ch; font: 400 clamp(2rem,4vw,4.5rem)/1 var(--record-serif); }
body:has([data-record-scene]) .footer-links a { color: rgba(241,234,220,.72); }
body:has([data-record-scene]) .footer-closing {
  display: grid;
  gap: 1.5rem;
  justify-items: start;
}
body:has([data-record-scene]) .footer-closing > p { margin: 0; }
body:has([data-record-scene]) .court-action {
  display: inline-flex;
  min-height: 54px;
  width: fit-content;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 5px 5px 5px 1.25rem;
  color: var(--record-paper);
  border: 1px solid rgba(238,134,24,.5);
  border-radius: 999px;
  font-family: var(--record-sans);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
}
body:has([data-record-scene]) .court-action svg {
  display: block;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  padding: 12px;
  color: var(--record-ink);
  background: var(--record-amber);
  border-radius: 50%;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
body:has([data-record-scene]) .site-footer .footer-top,
body:has([data-record-scene]) .site-footer .footer-links,
body:has([data-record-scene]) .site-footer .footer-legal-warning,
body:has([data-record-scene]) .site-footer .footer-bottom {
  width: min(1420px, 100%);
  margin-inline: auto;
}

html[dir="rtl"] .record-scene h1,
html[dir="rtl"] .record-scene h2,
html[dir="rtl"] body:has([data-record-scene]) .footer-closing > p { font-family: var(--record-arabic-serif); letter-spacing: 0; line-height: 1.16; }
html[dir="rtl"] .record-scene__lead,
html[dir="rtl"] .record-detail dd,
html[dir="rtl"] .dossier-field dd { font-family: var(--record-arabic-sans); line-height: 1.9; }
html[dir="rtl"] .record-scene__kicker { font-family: var(--record-arabic-sans); letter-spacing: 0; text-transform: none; }
html[dir="rtl"] .record-scene[data-scene-id="counsel-table"] .record-scene__content,
html[dir="rtl"] .record-scene[data-scene-id="legal-question"] .record-scene__content { direction: ltr; }
html[dir="rtl"] .record-scene[data-scene-id="counsel-table"] .record-scene__heading,
html[dir="rtl"] .record-scene[data-scene-id="counsel-table"] .record-scene__details,
html[dir="rtl"] .record-scene[data-scene-id="legal-question"] .record-scene__heading,
html[dir="rtl"] .record-scene[data-scene-id="legal-question"] .record-scene__details { direction: rtl; text-align: right; }

@media (max-width: 760px) {
  .record-stage__slot {
    inset: -4vh -8vw;
    will-change: opacity;
  }
  /* Phone scenes use one precomposited base plus an optional foreground. */
  .record-stage__subject { display: none; }
  body:has([data-record-scene]) .nav-island {
    inset-block-start: max(12px, env(safe-area-inset-top));
    min-height: 66px;
    width: calc(100% - 20px);
    padding: 7px 7px 7px 10px;
  }
  body:has([data-record-scene]) .brand-sub { display: none; }
  body:has([data-record-scene]) .language-toggle,
  body:has([data-record-scene]) .menu-toggle { width: 43px; height: 43px; }
  body:has([data-record-scene]) .mobile-menu {
    background: #07131b;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .record-stage__background[src*="f01-founder-mobile"],
  .record-stage__depth[src*="f01-founder-mobile"] {
    object-fit: contain;
    object-position: right 18% !important;
  }
  .record-stage__grade { background: linear-gradient(180deg,rgba(2,6,9,.08),rgba(2,6,9,.48) 58%,rgba(2,6,9,.78)); }
  .record-counsel-line { opacity: .18; }
  .record-scene { min-height: 132svh; padding: 7rem 20px 4rem; align-items: end; border-top: 0; }
  .record-scene:first-child { padding-top: 7.25rem; align-items: start; }
  .record-scene::before,
  .record-scene:nth-child(even)::before { background: transparent; }
  .record-scene__content,
  .record-scene:nth-child(even) .record-scene__content { grid-template-columns: 1fr; gap: 2.5rem; }
  .record-scene__content:not(:has(> .record-scene__heading)) { gap: 0; }
  .record-scene__content:not(:has(> .record-scene__heading)) > :not(.record-scene__details),
  .record-scene:nth-child(even) .record-scene__content:not(:has(> .record-scene__heading)) > :not(.record-scene__details),
  .record-scene__content:not(:has(> .record-scene__heading)) > .record-scene__details,
  .record-scene:nth-child(even) .record-scene__content:not(:has(> .record-scene__heading)) > .record-scene__details { grid-column: 1; grid-row: auto; }
  .record-scene__content:not(:has(> .record-scene__heading)) > .record-scene__details { width: 100%; margin-top: 2rem; }
  .record-scene__content:not(:has(> .record-scene__heading)) > p:not(.record-scene__kicker) { margin-top: 1.25rem; font-size: .97rem; line-height: 1.62; }
  .record-scene--portrait .record-scene__heading,
  .record-scene--portrait .record-scene__content > :not(.record-scene__details),
  .record-scene--portrait .record-scene__details,
  .record-scene--portrait:nth-child(even) .record-scene__details { width: 100%; max-width: 100%; }
  .record-scene--portrait .record-scene__content,
  .record-scene--portrait:nth-child(even) .record-scene__content {
    width: min(58vw, 360px);
    margin-left: 0;
    margin-right: auto;
  }
  .record-scene:nth-child(even) .record-scene__heading,
  .record-scene:nth-child(even) .record-scene__details { grid-column: 1; grid-row: auto; }
  .record-scene h1 { max-width: 12ch; font-size: clamp(2.8rem,10.6vw,4rem); line-height: .96; }
  .record-scene h2 { max-width: 12ch; font-size: clamp(2.55rem,10vw,3.7rem); line-height: .98; }
  .record-scene h1 [lang="ar"],
  .record-scene h2 [lang="ar"] { font-size: .58em; line-height: 1.35; }
  .record-scene__lead { margin-top: 1.3rem; font-size: .97rem; line-height: 1.62; }
  .record-scene[data-scene-id="legal-question"] {
    align-items: start;
    padding: 6.75rem 18px 3rem;
  }
  .record-scene[data-scene-id="legal-question"] .record-scene__content,
  .record-scene[data-scene-id="legal-question"]:nth-child(even) .record-scene__content {
    position: sticky;
    top: 6.75rem;
    z-index: 2;
    display: block;
    width: min(42vw, 260px);
    margin-left: 0;
    margin-right: auto;
  }
  .record-scene[data-scene-id="legal-question"] h2 {
    max-width: 9ch;
    font-size: clamp(2rem, 7.5vw, 2.8rem);
    line-height: .96;
  }
  .record-scene[data-scene-id="legal-question"] .record-scene__lead {
    margin-top: .9rem;
    font-size: .82rem;
    line-height: 1.45;
  }
  .record-scene[data-scene-id="legal-question"] .record-scene__details {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    margin-top: .8rem;
  }
  .record-scene[data-scene-id="legal-question"] .record-detail,
  .record-scene[data-scene-id="legal-question"] .record-scene__details > div {
    gap: .18rem;
    padding: .52rem 0;
  }
  .record-scene[data-scene-id="legal-question"] .record-detail dd,
  .record-scene[data-scene-id="legal-question"] .record-scene__details > div > :last-child {
    font-size: .74rem;
    line-height: 1.38;
  }
  .record-scene[data-scene-id="discipline"],
  .record-scene[data-scene-id="working-discipline"] {
    align-items: start;
    padding: 6.75rem 20px 3rem;
  }
  .record-scene[data-scene-id="discipline"] .record-scene__content,
  .record-scene[data-scene-id="working-discipline"] .record-scene__content {
    position: sticky;
    top: 6.75rem;
    z-index: 2;
    display: block;
    width: min(88vw, 560px);
    margin-left: 0;
    margin-right: auto;
  }
  .record-scene[data-scene-id="discipline"] h2,
  .record-scene[data-scene-id="working-discipline"] h2 {
    max-width: 12ch;
    font-size: clamp(2.25rem, 8.4vw, 3.2rem);
    line-height: .96;
  }
  .record-scene[data-scene-id="discipline"] .record-scene__lead,
  .record-scene[data-scene-id="working-discipline"] .record-scene__lead {
    margin-top: .9rem;
    font-size: .86rem;
    line-height: 1.48;
  }
  .record-scene[data-scene-id="discipline"] .record-scene__details,
  .record-scene[data-scene-id="working-discipline"] .record-scene__details {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    margin-top: 0;
  }
  .record-scene[data-scene-id="discipline"] .record-detail,
  .record-scene[data-scene-id="working-discipline"] .record-scene__details > div {
    grid-template-columns: minmax(74px, .3fr) 1fr;
    gap: .75rem;
    padding: .58rem 0;
  }
  .record-scene[data-scene-id="discipline"] .record-detail dd,
  .record-scene[data-scene-id="working-discipline"] .record-scene__details > div > :last-child {
    font-size: .76rem;
    line-height: 1.4;
  }
  .record-scene[data-scene-id="business-door"] {
    align-items: start;
    padding: 0 20px 4rem;
  }
  .record-scene[data-scene-id="business-door"] .record-scene__content,
  .record-scene[data-scene-id="business-door"]:nth-child(even) .record-scene__content {
    position: sticky;
    top: 52svh;
    z-index: 2;
    display: block;
    width: min(100%, 560px);
    margin-inline: auto;
  }
  .record-scene[data-scene-id="business-door"] h2 {
    max-width: 13ch;
    font-size: clamp(2.1rem, 8.4vw, 3rem);
    line-height: .98;
  }
  .record-scene[data-scene-id="business-door"] .record-scene__lead {
    margin-top: .8rem;
    font-size: .82rem;
    line-height: 1.46;
  }
  .record-scene[data-scene-id="business-door"] .record-action {
    min-height: 44px;
    margin-top: 1rem;
  }
  .record-scene[data-scene-id="business-door"] .record-scene__details {
    position: absolute;
    inset: 0;
    width: 100%;
    margin: 0;
  }
  .record-scene[data-scene-id="business-door"] .record-detail {
    grid-template-columns: minmax(72px, .28fr) 1fr;
    gap: .75rem;
    padding: .52rem 0;
  }
  .record-scene[data-scene-id="business-door"] .record-detail dd {
    font-size: .74rem;
    line-height: 1.38;
  }
  .record-detail,
  .record-scene__details > div,
  .dossier-field,
  .ledger-row { grid-template-columns: 1fr; gap: .5rem; padding: 1rem 0; }
  .counsel-index { grid-template-columns: 1fr; margin-top: 2rem; }
  .counsel-index a:nth-child(odd) { padding-inline-end: 0; }
  .record-scene--index { min-height: 100svh; padding-block: 6.5rem 1.5rem; align-items: start; }
  .record-scene--index h1,
  .record-scene--index h2 { max-width: 13ch; font-size: clamp(2.35rem, 9.2vw, 3.1rem); }
  .record-scene--index .record-scene__content { display: block; }
  .record-scene--index .counsel-index { margin-top: .8rem; }
  .record-scene--index .counsel-index a { grid-template-columns: 32px 1fr; min-height: 42px; padding-block: .35rem; font-size: .82rem; }
  .record-scene--index .counsel-index small { display: none; }
  .record-scene--form .form-shell { grid-column: 1; margin-top: 2rem; }
  .record-scene--legal { min-height: auto; padding-block: 7rem; }
  .record-scene--legal .record-scene__content > h1,
  .record-scene--legal .record-scene__content > h2 { max-width: 12ch; font-size: clamp(3rem, 13vw, 4.6rem); line-height: 1; }
  .legal-ledger .ledger-row { grid-template-columns: 1fr; gap: .55rem; }
  body:has([data-record-scene]) .nav-island { background: #07131b; }
  body:has([data-record-scene]) .logo-mark { width: 40px; height: 32px; }
  body:has([data-record-scene]) .brand-copy { display: grid; min-width: 0; opacity: 1; visibility: visible; }
  body:has([data-record-scene]) .brand-name { display: block; color: var(--record-paper); font-size: 15px; letter-spacing: .11em; line-height: 1; white-space: nowrap; opacity: 1; visibility: visible; }
  body:has([data-record-scene]) .site-footer { min-height: auto; padding-top: 5rem; }
  body:has([data-record-scene]) .court-action { width: min(100%, 330px); }
  body:has([data-record-scene]) .site-footer .footer-top {
    gap: 24px;
    padding-bottom: 32px;
  }
  body:has([data-record-scene]) .footer-closing { gap: 1rem; }
  body:has([data-record-scene]) .footer-closing > p {
    max-width: 24ch;
    font-size: 1.75rem;
    line-height: 1.05;
  }
  body:has([data-record-scene]) .site-footer .footer-links {
    gap: 24px 18px;
    padding-block: 32px;
  }
  body:has([data-record-scene]) .footer-links > div { gap: 4px; }
  body:has([data-record-scene]) .footer-links > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
  }
  body:has([data-record-scene]) .footer-links > div:last-child > span { grid-column: 1 / -1; }
  body:has([data-record-scene]) .footer-links a { min-height: 40px; font-size: 1.0625rem; }
  body:has([data-record-scene]) .site-footer .footer-legal-warning {
    margin-bottom: 18px;
    padding: 14px;
    font-size: .9375rem;
    line-height: 1.65;
  }
  body:has([data-record-scene]) .site-footer .footer-bottom { padding-top: 16px; }
  body:has([data-record-scene]) .record-scene:not(.record-scene--index),
  body:has([data-record-scene]) .site-footer { padding-bottom: 5rem; }
  body:has([data-record-scene]) haq-contact-dock { display: none; }
  .record-opening__mark { width: 74px; }
  html[dir="rtl"] .record-scene h1,
  html[dir="rtl"] .record-scene h2 { line-height: 1.2; }
  html[dir="rtl"] .record-scene--portrait .record-scene__heading,
  html[dir="rtl"] .record-scene--portrait .record-scene__details {
    margin-left: 0;
    margin-right: auto;
    text-align: right;
  }
}

/* Editorial record system -------------------------------------------------
   The camera carries atmosphere. Opaque record surfaces carry meaning.
   Each mode below has a distinct legal-information behaviour; dense copy is
   never painted directly over photography. */

.record-scene[data-content-mode] h1,
.record-scene[data-content-mode] h2 {
  font-family: var(--record-serif);
  font-weight: 460;
  letter-spacing: -.026em;
  text-wrap: balance;
}

.record-scene[data-content-mode] .record-scene__kicker {
  margin-bottom: 1rem;
  font-size: var(--record-type-label);
  line-height: 1.35;
  letter-spacing: .11em;
}

.record-scene[data-content-mode] .record-scene__lead,
.record-scene[data-content-mode] .record-scene__content > p:not(.record-scene__kicker),
.record-scene[data-content-mode] .record-scene__heading > p:not(.record-scene__kicker) {
  max-width: 62ch;
  font-size: var(--record-type-lead);
  line-height: 1.62;
  text-wrap: pretty;
}

.record-scene[data-content-mode] .record-detail dd,
.record-scene[data-content-mode] .record-scene__details > div > :last-child,
.record-scene[data-content-mode] .dossier-field dd {
  font-size: 1rem;
  line-height: 1.65;
}

.record-scene__visual-window {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.record-scene__visual-window[data-scene-label]::before,
.record-scene__visual-window[data-scene-label]::after {
  position: absolute;
  z-index: 2;
  inset-block-end: clamp(1.25rem, 3vw, 2.5rem);
  pointer-events: none;
}

.record-scene__visual-window[data-scene-label]::before {
  content: attr(data-scene-number);
  inset-inline-start: max(5vw, 24px);
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: var(--record-ink);
  background: var(--record-amber);
  border-radius: 50%;
  font-size: .75rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.record-scene__visual-window[data-scene-label]::after {
  content: attr(data-scene-label);
  inset-inline-start: calc(max(5vw, 24px) + 52px);
  max-width: min(42ch, 55vw);
  padding: .68rem .9rem;
  color: var(--record-paper);
  background: rgba(7,19,27,.9);
  border-inline-start: 2px solid var(--record-amber);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.35;
  text-transform: uppercase;
}

html[dir="rtl"] .record-scene__visual-window[data-scene-label]::after {
  font-family: var(--record-arabic-sans);
  font-size: .875rem;
  letter-spacing: 0;
  text-transform: none;
}

/* Reading profiles are normal-flow editorial documents. */
.record-scene[data-motion-profile="reading"] {
  min-height: auto;
  display: block;
  padding: clamp(9rem, 13vh, 12rem) max(5vw, 24px);
}

.record-scene[data-motion-profile="reading"] .record-scene__content,
.record-scene[data-motion-profile="reading"]:nth-child(even) .record-scene__content {
  position: relative;
  z-index: 2;
  display: block;
  width: min(760px, 48vw);
  margin-inline-start: auto;
  margin-inline-end: 0;
  padding: clamp(2.25rem, 4vw, 4.5rem);
  color: var(--record-text-dark);
  background:
    linear-gradient(90deg, rgba(16,37,52,.055) 0 1px, transparent 1px) 3.1rem 0 / calc(100% - 6.2rem) 100% no-repeat,
    var(--record-paper);
  border-top: 4px solid var(--record-amber);
  box-shadow: 0 32px 100px rgba(0,0,0,.26);
  scroll-margin-top: 92px;
}

.record-scene[data-motion-profile="reading"]:nth-child(even) .record-scene__content {
  margin-inline-start: 0;
  margin-inline-end: auto;
}

.record-scene[data-motion-profile="reading"] .record-scene__heading {
  max-width: none;
}

.record-scene[data-motion-profile="reading"] h1,
.record-scene[data-motion-profile="reading"] h2 {
  max-width: 15ch;
  color: var(--record-text-dark);
  font-size: var(--record-type-h2);
  line-height: 1.02;
}

.record-scene[data-motion-profile="reading"] h1 { font-size: var(--record-type-h1); }

.record-scene[data-motion-profile="reading"] .record-scene__lead,
.record-scene[data-motion-profile="reading"] .record-scene__content > p:not(.record-scene__kicker),
.record-scene[data-motion-profile="reading"] .record-scene__heading > p:not(.record-scene__kicker) {
  margin-top: 1.35rem;
  color: var(--record-text-dark-secondary);
}

.record-scene[data-motion-profile="reading"] .record-scene__kicker,
.record-scene[data-motion-profile="reading"] .record-detail dt,
.record-scene[data-motion-profile="reading"] .record-scene__details > div > :first-child,
.record-scene[data-motion-profile="reading"] .dossier-field dt,
.record-scene[data-motion-profile="reading"] .ledger-row span {
  color: var(--record-accent-on-light);
}

.record-scene[data-motion-profile="reading"] .record-scene__details,
.record-scene[data-motion-profile="reading"] .legal-ledger,
.record-scene[data-motion-profile="reading"] .counsel-index {
  margin-top: clamp(2rem, 4vw, 3.5rem);
  border-color: rgba(16,37,52,.22);
}

.record-scene[data-motion-profile="reading"] .record-detail,
.record-scene[data-motion-profile="reading"] .record-scene__details > div,
.record-scene[data-motion-profile="reading"] .dossier-field,
.record-scene[data-motion-profile="reading"] .ledger-row {
  grid-template-columns: minmax(128px, .32fr) minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 2.5rem);
  padding: 1.3rem 0;
  border-color: rgba(16,37,52,.2);
}

.record-scene[data-motion-profile="reading"] .record-detail dt,
.record-scene[data-motion-profile="reading"] .record-scene__details > div > :first-child,
.record-scene[data-motion-profile="reading"] .dossier-field dt,
.record-scene[data-motion-profile="reading"] .ledger-row span {
  font-size: var(--record-type-label);
  line-height: 1.45;
}

.record-scene[data-motion-profile="reading"] .record-detail dd,
.record-scene[data-motion-profile="reading"] .record-scene__details > div > :last-child,
.record-scene[data-motion-profile="reading"] .dossier-field dd,
.record-scene[data-motion-profile="reading"] .legal-ledger .ledger-row > p {
  max-width: 46ch;
  margin: 0;
  color: var(--record-text-dark-secondary);
  font-size: var(--record-type-body);
  line-height: 1.68;
}

.record-scene[data-motion-profile="reading"] a { color: var(--record-text-dark); }
.record-scene[data-motion-profile="reading"] .record-action { color: var(--record-text-dark); }

.record-scene[data-motion-profile="reading"] .text-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  margin-top: 2rem;
  padding: 1.1rem 0;
  color: var(--record-text-dark);
  border-top: 1px solid rgba(16,37,52,.24);
  border-bottom: 1px solid rgba(16,37,52,.24);
  font-size: .9375rem;
  font-weight: 750;
  line-height: 1.45;
  text-decoration: none;
  transition:
    color .36s cubic-bezier(.22,.72,.18,1),
    background-color .36s cubic-bezier(.22,.72,.18,1),
    transform .36s cubic-bezier(.22,.72,.18,1);
}

.record-scene[data-motion-profile="reading"] .text-link span {
  flex: 0 0 auto;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: var(--record-text-light);
  background: var(--record-accent-on-light);
  border-radius: 50%;
}

.record-scene[data-motion-profile="reading"] .record-caution {
  max-width: none;
  margin-top: 1.5rem;
  padding: 1rem 1.1rem;
  color: var(--record-text-dark-secondary);
  background: rgba(238,134,24,.1);
  border-inline-start: 4px solid var(--record-accent-on-light);
  font-size: .9375rem;
  line-height: 1.65;
}

.record-scene[data-motion-profile="reading"] .record-caution strong {
  display: block;
  margin-bottom: .25rem;
  color: var(--record-text-dark);
  font-size: 1rem;
}

/* Each legal content type has a distinct reading grammar. These are ruled
   records and maps, not interchangeable cards. */

/* Statement: the opening proposition and its compact decision brief. */
.record-scene[data-content-mode="statement"] .record-scene__details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  border-top: 1px solid rgba(241,234,220,.34);
}

.record-scene[data-content-mode="statement"] .record-scene__details > div,
.record-scene[data-content-mode="statement"] .record-detail {
  display: block;
  min-width: 0;
  padding: 1.05rem 1.1rem;
  border-inline-start: 1px solid rgba(241,234,220,.18);
  border-bottom: 1px solid rgba(241,234,220,.18);
}

.record-scene[data-content-mode="statement"] .record-scene__details > div > :last-child,
.record-scene[data-content-mode="statement"] .record-detail dd {
  margin-top: .55rem;
  color: var(--record-text-light-secondary);
}

.record-scene[data-content-mode="statement"] .record-scene__details > div > :first-child,
.record-scene[data-content-mode="statement"] .record-detail dt {
  font-size: var(--record-type-label);
  line-height: 1.4;
}

/* Decision ledger: numbered propositions moving from fact to action. */
.record-scene[data-content-mode="decision-ledger"] .record-scene__details {
  counter-reset: record-decision;
}

.record-scene[data-content-mode="decision-ledger"][data-motion-profile="reading"] .record-scene__content {
  border-top: 0;
  border-inline-start: 6px solid var(--record-amber);
}

.record-scene[data-content-mode="decision-ledger"] .record-scene__details > div,
.record-scene[data-content-mode="decision-ledger"] .record-detail {
  grid-template-columns: 42px minmax(128px, .31fr) minmax(0, 1fr);
  gap: clamp(1rem, 2vw, 1.75rem);
  counter-increment: record-decision;
}

.record-scene[data-content-mode="decision-ledger"] .record-scene__details > div::before,
.record-scene[data-content-mode="decision-ledger"] .record-detail::before {
  content: counter(record-decision, decimal-leading-zero);
  grid-column: 1;
  color: var(--record-accent-on-light);
  font-family: var(--record-serif);
  font-size: 1.2rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.record-scene[data-content-mode="decision-ledger"] .record-scene__details > div > :first-child,
.record-scene[data-content-mode="decision-ledger"] .record-detail dt { grid-column: 2; }
.record-scene[data-content-mode="decision-ledger"] .record-scene__details > div > :last-child,
.record-scene[data-content-mode="decision-ledger"] .record-detail dd { grid-column: 3; }

/* Authority map: a connected chain of people, powers, records and approval. */
.record-scene[data-content-mode="authority-map"] .record-scene__details {
  position: relative;
  border-top: 0;
}

.record-scene[data-content-mode="authority-map"] .record-scene__details::before {
  content: "";
  position: absolute;
  inset-block: 1.75rem;
  inset-inline-start: 14px;
  width: 1px;
  background: linear-gradient(var(--record-amber), rgba(168,68,0,.18));
}

.record-scene[data-content-mode="authority-map"] .record-scene__details > div,
.record-scene[data-content-mode="authority-map"] .record-detail {
  grid-template-columns: 30px minmax(128px, .31fr) minmax(0, 1fr);
  gap: clamp(1rem, 2vw, 1.75rem);
  border-bottom-style: dashed;
}

.record-scene[data-content-mode="authority-map"] .record-scene__details > div::before,
.record-scene[data-content-mode="authority-map"] .record-detail::before {
  content: "";
  position: relative;
  z-index: 1;
  grid-column: 1;
  align-self: start;
  width: 11px;
  height: 11px;
  margin: .18rem 0 0 9px;
  background: var(--record-paper);
  border: 3px solid var(--record-accent-on-light);
  border-radius: 50%;
  box-shadow: 0 0 0 5px var(--record-paper);
}

.record-scene[data-content-mode="authority-map"] .record-scene__details > div > :first-child,
.record-scene[data-content-mode="authority-map"] .record-detail dt { grid-column: 2; }
.record-scene[data-content-mode="authority-map"] .record-scene__details > div > :last-child,
.record-scene[data-content-mode="authority-map"] .record-detail dd { grid-column: 3; }

/* Chronology: a visible sequence, not another list of observations. */
.record-scene[data-content-mode="chronology"] .record-scene__details {
  position: relative;
  counter-reset: record-time;
  border-top: 0;
}

.record-scene[data-content-mode="chronology"] .record-scene__details::before {
  content: "";
  position: absolute;
  inset-block: 2rem;
  inset-inline-start: 19px;
  width: 1px;
  background: rgba(168,68,0,.34);
}

.record-scene[data-content-mode="chronology"] .record-scene__details > div,
.record-scene[data-content-mode="chronology"] .record-detail {
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 1.2rem;
  counter-increment: record-time;
  border-bottom: 0;
}

.record-scene[data-content-mode="chronology"] .record-scene__details > div::before,
.record-scene[data-content-mode="chronology"] .record-detail::before {
  content: counter(record-time, decimal-leading-zero);
  position: relative;
  z-index: 1;
  grid-column: 1;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: var(--record-paper);
  background: var(--record-accent-on-light);
  border-radius: 50%;
  font-size: .72rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}

.record-scene[data-content-mode="chronology"] .record-scene__details > div > :first-child,
.record-scene[data-content-mode="chronology"] .record-detail dt {
  grid-column: 2;
  align-self: end;
  padding-top: .08rem;
  font-family: var(--record-serif);
  font-size: 1.15rem;
  font-weight: 520;
  letter-spacing: -.01em;
  text-transform: none;
}

.record-scene[data-content-mode="chronology"] .record-scene__details > div > :last-child,
.record-scene[data-content-mode="chronology"] .record-detail dd {
  grid-column: 2;
  margin-top: -.8rem;
}

/* Scope record: ruled fields distinguish relevance, evidence, boundary and output. */
.record-scene[data-content-mode="scope-record"][data-motion-profile="reading"] .record-scene__content {
  background:
    linear-gradient(90deg, rgba(168,68,0,.07) 0 1px, transparent 1px) 2.35rem 0 / calc(100% - 4.7rem) 100% no-repeat,
    var(--record-paper);
}

.record-scene[data-content-mode="scope-record"] .record-scene__details > div,
.record-scene[data-content-mode="scope-record"] .record-detail {
  grid-template-columns: minmax(138px, .34fr) minmax(0, 1fr);
  padding-block: 1.15rem;
}

.record-scene[data-content-mode="scope-record"] .record-scene__details > div > :first-child,
.record-scene[data-content-mode="scope-record"] .record-detail dt {
  position: relative;
  padding-inline-start: 17px;
}

.record-scene[data-content-mode="scope-record"] .record-scene__details > div > :first-child::before,
.record-scene[data-content-mode="scope-record"] .record-detail dt::before {
  content: "";
  position: absolute;
  inset-block-start: .55em;
  inset-inline-start: 0;
  width: 8px;
  height: 2px;
  background: var(--record-accent-on-light);
}

.record-scene[data-content-mode="scope-record"] .record-scene__details > div:has(a) {
  margin-top: .75rem;
  padding: 1.15rem 1.25rem;
  color: var(--record-paper);
  background: var(--record-ink-soft);
  border-bottom: 0;
}

.record-scene[data-content-mode="scope-record"] .record-scene__details > div:has(a) > :first-child,
.record-scene[data-content-mode="scope-record"] .record-scene__details > div:has(a) a { color: var(--record-paper); }
.record-scene[data-content-mode="scope-record"] .record-scene__details > div:has(a) > :last-child { color: var(--record-text-light-secondary); }

.record-scene[data-content-mode="scope-record"] .text-link {
  padding: 1.15rem 1.25rem;
  color: var(--record-paper);
  background: var(--record-ink-soft);
  border: 0;
}

.record-scene[data-content-mode="scope-record"] .text-link span {
  color: var(--record-ink);
  background: var(--record-amber);
}

/* Enquiry file: a concise intake checklist followed by one clear action. */
.record-scene[data-content-mode="enquiry-file"] .record-scene__details {
  counter-reset: record-enquiry;
}

.record-scene[data-content-mode="enquiry-file"][data-motion-profile="reading"] .record-scene__content {
  border-top-width: 1px;
  border-bottom: 7px solid var(--record-ink-soft);
}

.record-scene[data-content-mode="enquiry-file"] .record-scene__details > div,
.record-scene[data-content-mode="enquiry-file"] .record-detail {
  grid-template-columns: 38px minmax(118px, .3fr) minmax(0, 1fr);
  gap: 1rem;
  counter-increment: record-enquiry;
}

.record-scene[data-content-mode="enquiry-file"] .record-scene__details > div::before,
.record-scene[data-content-mode="enquiry-file"] .record-detail::before {
  content: counter(record-enquiry, decimal-leading-zero);
  grid-column: 1;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: var(--record-accent-on-light);
  border: 1px solid rgba(168,68,0,.55);
  font-size: .7rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}

.record-scene[data-content-mode="enquiry-file"] .record-scene__details > div > :first-child,
.record-scene[data-content-mode="enquiry-file"] .record-detail dt { grid-column: 2; }
.record-scene[data-content-mode="enquiry-file"] .record-scene__details > div > :last-child,
.record-scene[data-content-mode="enquiry-file"] .record-detail dd { grid-column: 3; }

/* Profile: a factual identity strip, separated from biography copy. */
.record-scene[data-content-mode="profile"] .record-scene__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

.record-scene[data-content-mode="profile"] .record-scene__details > div,
.record-scene[data-content-mode="profile"] .record-detail {
  display: block;
  padding: 1.2rem 1.25rem;
  border-inline-start: 1px solid currentColor;
  border-bottom: 1px solid var(--record-line);
}

.record-scene[data-content-mode="profile"] .record-scene__details > div > :last-child,
.record-scene[data-content-mode="profile"] .record-detail dd { margin-top: .55rem; }

/* Counsel index: a register, not a card grid. */
.record-page--services .record-scene--index[data-motion-profile="reading"] .record-scene__content,
.record-page--insights .record-scene--ledger[data-motion-profile="reading"] .record-scene__content {
  width: min(1180px, 100%);
  margin-inline: auto;
  color: var(--record-text-light);
  background:
    repeating-linear-gradient(0deg, transparent 0 53px, rgba(241,234,220,.045) 53px 54px),
    rgba(7,19,27,.975);
  border-top-color: var(--record-amber);
}

.record-page--services .record-scene--index[data-motion-profile="reading"] h1,
.record-page--insights .record-scene--ledger[data-motion-profile="reading"] h2 { color: var(--record-text-light); }

.record-page--services .record-scene--index[data-motion-profile="reading"] .record-scene__content > p:not(.record-scene__kicker),
.record-page--services .record-scene--index[data-motion-profile="reading"] .record-scene__lead,
.record-page--services .record-scene--index[data-motion-profile="reading"] .record-scene__heading > p:not(.record-scene__kicker),
.record-page--insights .record-scene--ledger[data-motion-profile="reading"] .record-scene__content > p:not(.record-scene__kicker) { color: var(--record-text-light-secondary); }

.record-page--services .counsel-index {
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2.5rem;
}

.record-page--services .counsel-index a {
  min-height: 68px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  padding: .8rem 0;
  color: var(--record-text-light-secondary);
  border-color: rgba(241,234,220,.16);
}

.record-page--services .counsel-index a:focus-visible,
.record-scene[data-motion-profile="reading"] .text-link:focus-visible,
.record-scene[data-motion-profile="reading"] .record-action:focus-visible {
  outline-color: var(--record-amber);
  outline-offset: 5px;
}

.record-page--services .counsel-index a strong { font-size: 1.075rem; line-height: 1.35; }
.record-page--services .counsel-index a small { color: rgba(216,207,193,.78); font-size: .82rem; }
.record-page--services .content-note,
.record-page--insights .content-note {
  max-width: 68ch;
  margin: 2rem 0 0;
  color: var(--record-text-light-secondary);
  font-size: var(--record-type-body-small);
  line-height: 1.7;
}

/* Article folios have a numbered editorial margin. */
.record-scene[data-content-mode="article-folio"] .record-scene__content {
  border-top-width: 1px;
  border-inline-start: 5px solid var(--record-amber);
}

.record-scene[data-content-mode="article-folio"] .record-scene__details > div {
  grid-template-columns: 34px minmax(124px, .28fr) minmax(0, 1fr);
  gap: 1rem;
  counter-increment: folio-question;
}

.record-scene[data-content-mode="article-folio"] .record-scene__details { counter-reset: folio-question; }
.record-scene[data-content-mode="article-folio"] .record-scene__details > div::before {
  content: counter(folio-question, decimal-leading-zero);
  color: var(--record-accent-on-light);
  font-size: var(--record-type-label);
  font-variant-numeric: tabular-nums;
  grid-column: 1;
}

.record-scene[data-content-mode="article-folio"] .record-scene__details > div > :first-child { grid-column: 2; }
.record-scene[data-content-mode="article-folio"] .record-scene__details > div > :last-child { grid-column: 3; }

/* Home narrative modes use separate opaque planes for question and evidence. */
.record-scene[data-motion-profile="phased"] .record-scene__heading,
.record-scene[data-motion-profile="phased"] .record-scene__details,
.record-scene[data-motion-profile="phased"] .record-scene__content:not(:has(> .record-scene__heading)) {
  padding: clamp(1.6rem, 3vw, 3rem);
  background: rgba(7,19,27,.965);
  border-top: 3px solid var(--record-amber);
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}

.record-scene[data-motion-profile="phased"] .record-scene__details { align-self: center; }
.record-scene[data-motion-profile="phased"] h1,
.record-scene[data-motion-profile="phased"] h2 {
  max-width: 14ch;
  font-size: var(--record-type-h2);
  line-height: 1.02;
}
.record-scene[data-content-mode="chronology"] .record-scene__heading,
.record-scene[data-content-mode="chronology"] .record-scene__details,
.record-scene[data-content-mode="decision-ledger"] .record-scene__details,
.record-scene[data-content-mode="scope-record"] .record-scene__details {
  color: var(--record-text-dark);
  background: var(--record-paper);
}

.record-scene[data-content-mode="chronology"] .record-scene__details .record-detail,
.record-scene[data-content-mode="decision-ledger"] .record-scene__details .record-detail,
.record-scene[data-content-mode="scope-record"] .record-scene__details .record-detail { border-color: rgba(16,37,52,.2); }

.record-scene[data-content-mode="chronology"] .record-scene__details dt,
.record-scene[data-content-mode="decision-ledger"] .record-scene__details dt,
.record-scene[data-content-mode="scope-record"] .record-scene__details dt { color: var(--record-accent-on-light); }

.record-scene[data-content-mode="chronology"] .record-scene__details dd,
.record-scene[data-content-mode="decision-ledger"] .record-scene__details dd,
.record-scene[data-content-mode="scope-record"] .record-scene__details dd { color: var(--record-text-dark-secondary); }

.record-scene[data-content-mode="chronology"] .record-scene__heading h1,
.record-scene[data-content-mode="chronology"] .record-scene__heading h2 { color: var(--record-text-dark); }
.record-scene[data-content-mode="chronology"] .record-scene__heading .record-scene__lead { color: var(--record-text-dark-secondary); }
.record-scene[data-content-mode="chronology"] .record-scene__heading .record-scene__kicker { color: var(--record-accent-on-light); }
.record-scene[data-content-mode="chronology"] .record-scene__heading .record-action { color: var(--record-text-dark); }

/* Statement scenes may stay cinematic, but copy receives a deterministic plate. */
.record-scene[data-content-mode="statement"] .record-scene__heading,
.record-scene[data-content-mode="statement"] .record-scene__content:not(:has(> .record-scene__heading)) {
  padding: clamp(1.5rem, 3vw, 3rem);
  background: linear-gradient(110deg, rgba(3,9,13,.96), rgba(3,9,13,.78));
  border-inline-start: 3px solid var(--record-amber);
}

.record-scene[data-content-mode="statement"] .record-scene__details {
  padding: clamp(1.25rem, 2.5vw, 2.25rem);
  background: rgba(7,19,27,.965);
  border-top-color: rgba(241,234,220,.2);
}

html[dir="rtl"] .record-scene[data-content-mode] h1,
html[dir="rtl"] .record-scene[data-content-mode] h2 {
  font-family: var(--record-arabic-serif);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.23;
  text-wrap: pretty;
}

html[dir="rtl"] .record-scene[data-content-mode] .record-scene__lead,
html[dir="rtl"] .record-scene[data-content-mode] .record-scene__content > p,
html[dir="rtl"] .record-scene[data-content-mode] .record-scene__details p,
html[dir="rtl"] .record-scene[data-content-mode] .record-scene__details dd {
  font-family: var(--record-arabic-sans);
  line-height: 1.9;
}

html[dir="rtl"] .record-scene[data-content-mode] .record-detail dd,
html[dir="rtl"] .record-scene[data-content-mode] .record-scene__details > div > :last-child,
html[dir="rtl"] .record-scene[data-content-mode] .dossier-field dd { font-size: 1.125rem; }

@media (max-width: 760px) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
  :root {
    --record-type-label: .8125rem;
    --record-type-body-small: .9375rem;
    --record-type-body: 1.0625rem;
    --record-type-lead: 1.0625rem;
    --record-type-h2: clamp(2.25rem, 9.5vw, 3rem);
    --record-type-h1: clamp(2.75rem, 11vw, 3.5rem);
  }

  .record-scene[data-motion-profile="reading"] {
    min-height: auto;
    padding: 0 0 5rem;
  }

  .record-scene[data-motion-profile="reading"] .record-scene__visual-window {
    position: relative;
    inset: auto;
    height: 38svh;
  }

  .record-scene[data-content-mode="authority-map"][data-motion-profile="reading"] .record-scene__visual-window,
  .record-scene[data-content-mode="chronology"][data-motion-profile="reading"] .record-scene__visual-window { height: 40svh; }
  .record-scene[data-content-mode="scope-record"][data-motion-profile="reading"] .record-scene__visual-window,
  .record-scene[data-content-mode="decision-ledger"][data-motion-profile="reading"] .record-scene__visual-window,
  .record-scene[data-content-mode="article-folio"][data-motion-profile="reading"] .record-scene__visual-window { height: 36svh; }
  .record-scene[data-content-mode="enquiry-file"][data-motion-profile="reading"] .record-scene__visual-window { height: 34svh; }
  .record-scene[data-content-mode="legal-reading"][data-motion-profile="reading"] .record-scene__visual-window { height: 22svh; }

  .record-scene[data-motion-profile="reading"] .record-scene__content,
  .record-scene[data-motion-profile="reading"]:nth-child(even) .record-scene__content {
    isolation: isolate;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1.75rem 20px 2.25rem;
    background:
      linear-gradient(90deg, rgba(168,68,0,.055) 0 1px, transparent 1px) 20px 0 / calc(100% - 40px) 100% no-repeat,
      var(--record-paper);
    border-top-width: 3px;
    box-shadow: 0 -20px 52px rgba(2,6,9,.2);
  }

  .record-scene[data-motion-profile="reading"] h1,
  .record-scene[data-motion-profile="reading"] h2 {
    max-width: 14ch;
    font-size: var(--record-type-h2);
    line-height: 1.04;
  }

  .record-scene[data-motion-profile="reading"] h1 { font-size: var(--record-type-h1); }
  .record-scene[data-motion-profile="reading"] .record-scene__lead,
  .record-scene[data-motion-profile="reading"] .record-scene__content > p:not(.record-scene__kicker),
  .record-scene[data-motion-profile="reading"] .record-scene__heading > p:not(.record-scene__kicker) {
    max-width: 62ch;
    margin-top: 1rem;
    font-size: var(--record-type-body);
    line-height: 1.68;
  }

  .record-scene[data-motion-profile="reading"] .record-scene__details,
  .record-scene[data-motion-profile="reading"] .legal-ledger,
  .record-scene[data-motion-profile="reading"] .counsel-index { margin-top: 1.75rem; }

  .record-scene[data-motion-profile="reading"] .record-detail,
  .record-scene[data-motion-profile="reading"] .record-scene__details > div,
  .record-scene[data-motion-profile="reading"] .dossier-field,
  .record-scene[data-motion-profile="reading"] .ledger-row {
    grid-template-columns: minmax(96px, .34fr) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 0;
  }

  .record-scene[data-content-mode="article-folio"] .record-scene__details > div {
    grid-template-columns: 28px minmax(108px, .38fr) minmax(0, 1fr);
    gap: .5rem;
  }

  .record-scene[data-content-mode="article-folio"] .record-scene__details > div::before { grid-column: 1; }
  .record-scene[data-content-mode="article-folio"] .record-scene__details > div > :first-child { grid-column: 2; }
  .record-scene[data-content-mode="article-folio"] .record-scene__details > div > :last-child { grid-column: 3; }

  .record-scene[data-motion-profile="reading"] .record-detail dd,
  .record-scene[data-motion-profile="reading"] .record-scene__details > div > :last-child,
  .record-scene[data-motion-profile="reading"] .dossier-field dd,
  .record-scene[data-motion-profile="reading"] .legal-ledger .ledger-row > p {
    font-size: 1rem;
    line-height: 1.65;
  }

  .record-page--services .record-scene--index[data-motion-profile="reading"] .record-scene__visual-window { height: 16svh; }
  .record-page--services .record-scene--index .record-scene__visual-window[data-scene-label]::before,
  .record-page--services .record-scene--index .record-scene__visual-window[data-scene-label]::after { display: none; }
  .record-page--services .record-scene--index[data-motion-profile="reading"] .record-scene__content,
  .record-page--insights .record-scene--ledger[data-motion-profile="reading"] .record-scene__content {
    color: var(--record-text-light);
    background: rgba(7,19,27,.99);
  }

  .record-page--services .record-scene--index[data-motion-profile="reading"] .record-scene__content {
    padding-top: 2rem;
    padding-bottom: 3.25rem;
    box-shadow: 0 -18px 48px rgba(2,6,9,.3);
  }

  .record-page--services .record-scene--index[data-motion-profile="reading"] h1,
  .record-page--insights .record-scene--ledger[data-motion-profile="reading"] h2 { color: var(--record-text-light); }

  .record-page--services .counsel-index {
    position: relative;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.125rem;
    row-gap: 0;
    margin-top: 1.5rem;
    border-top-color: rgba(241,234,220,.24);
  }

  .record-page--services .counsel-index::before {
    content: "";
    position: absolute;
    inset-block: .75rem;
    inset-inline-start: 50%;
    width: 1px;
    background: linear-gradient(
      transparent,
      rgba(238,134,24,.28) 9%,
      rgba(241,234,220,.12) 91%,
      transparent
    );
    transform: translateX(-.5px);
    pointer-events: none;
  }

  .record-page--services .counsel-index a,
  .record-page--services .record-scene--index .counsel-index a {
    min-height: 68px;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: .55rem;
    align-content: center;
    padding: .82rem 0;
    color: rgba(241,234,220,.78);
    border-bottom-color: rgba(241,234,220,.15);
    font-size: .8125rem;
    transition:
      color .34s cubic-bezier(.22,.72,.18,1),
      background-color .34s cubic-bezier(.22,.72,.18,1),
      transform .34s cubic-bezier(.22,.72,.18,1);
  }

  .record-page--services .counsel-index a:nth-child(odd) { padding-inline-end: 0; }
  .record-page--services .counsel-index a:nth-last-child(-n + 2) { border-bottom-color: transparent; }
  .record-page--services .counsel-index a span {
    align-self: start;
    padding-top: .08rem;
    font-size: .8125rem;
    line-height: 1.35;
  }
  .record-page--services .counsel-index a strong {
    min-width: 0;
    color: inherit;
    font-size: clamp(.8125rem, 3.6vw, .9375rem);
    line-height: 1.3;
    letter-spacing: -.012em;
    text-wrap: pretty;
  }
  .record-page--services .counsel-index a small { display: none; }
  .record-page--services .content-note,
  .record-page--insights .content-note { font-size: .9375rem; line-height: 1.7; }

  .record-page--services .record-scene--index .record-scene__content > p:not(.record-scene__kicker) {
    max-width: 34ch;
    line-height: 1.62;
  }

  .record-scene[data-motion-profile="phased"] {
    min-height: 165svh;
    padding: 0 16px 5rem;
    align-items: start;
  }

  .record-scene[data-motion-profile="phased"] .record-scene__content,
  .record-scene[data-motion-profile="phased"]:nth-child(even) .record-scene__content,
  .record-scene[data-motion-profile="phased"].record-scene--portrait .record-scene__content {
    position: sticky;
    inset: auto;
    top: 41svh;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .record-scene[data-motion-profile="phased"] .record-scene__heading,
  .record-scene[data-motion-profile="phased"] .record-scene__details,
  .record-scene[data-motion-profile="phased"]:nth-child(even) .record-scene__heading,
  .record-scene[data-motion-profile="phased"]:nth-child(even) .record-scene__details {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1.35rem 18px 1.55rem;
  }

  .record-scene[data-motion-profile="phased"] h1,
  .record-scene[data-motion-profile="phased"] h2,
  .record-scene[data-motion-profile="phased"][data-scene-id="legal-question"] h2,
  .record-scene[data-motion-profile="phased"][data-scene-id="business-door"] h2,
  .record-scene[data-motion-profile="phased"][data-scene-id="discipline"] h2 {
    max-width: 14ch;
    font-size: var(--record-type-h2);
    line-height: 1.04;
  }

  .record-scene[data-motion-profile="phased"] .record-scene__lead,
  .record-scene[data-motion-profile="phased"][data-scene-id="legal-question"] .record-scene__lead,
  .record-scene[data-motion-profile="phased"][data-scene-id="business-door"] .record-scene__lead,
  .record-scene[data-motion-profile="phased"][data-scene-id="discipline"] .record-scene__lead {
    margin-top: 1rem;
    font-size: var(--record-type-body);
    line-height: 1.65;
  }

  .record-scene[data-motion-profile="phased"] .record-detail,
  .record-scene[data-motion-profile="phased"][data-scene-id="legal-question"] .record-detail,
  .record-scene[data-motion-profile="phased"][data-scene-id="business-door"] .record-detail,
  .record-scene[data-motion-profile="phased"][data-scene-id="discipline"] .record-detail {
    grid-template-columns: minmax(96px, .34fr) minmax(0, 1fr);
    gap: 1rem;
    padding: .9rem 0;
  }

  .record-scene[data-motion-profile="phased"] .record-detail dt,
  .record-scene[data-motion-profile="phased"] .record-scene__details > div > :first-child {
    font-size: var(--record-type-label);
    line-height: 1.4;
  }
  .record-scene[data-motion-profile="phased"] .record-detail dd,
  .record-scene[data-motion-profile="phased"][data-scene-id="legal-question"] .record-detail dd,
  .record-scene[data-motion-profile="phased"][data-scene-id="business-door"] .record-detail dd,
  .record-scene[data-motion-profile="phased"][data-scene-id="discipline"] .record-detail dd {
    font-size: 1rem;
    line-height: 1.6;
  }

  .record-scene[data-content-mode="statement"] .record-scene__heading,
  .record-scene[data-content-mode="statement"] .record-scene__content:not(:has(> .record-scene__heading)) {
    padding: 1.4rem 18px 1.6rem;
  }

  html[dir="rtl"] {
    --record-type-label: .875rem;
    --record-type-body-small: 1rem;
    --record-type-body: 1.125rem;
    --record-type-lead: 1.1875rem;
  }

  html[dir="rtl"] .record-scene[data-motion-profile="reading"] .record-scene__details > div,
  html[dir="rtl"] .record-scene[data-motion-profile="phased"] .record-detail {
    grid-template-columns: minmax(110px, .38fr) minmax(0, 1fr);
  }

  html[dir="rtl"] .record-scene[data-motion-profile="reading"] .record-scene__details > div > :last-child,
  html[dir="rtl"] .record-scene[data-motion-profile="phased"] .record-detail dd { font-size: 1.125rem; }
}

@media (max-width: 760px) {
  .record-scene[data-motion-profile="reading"] .text-link {
    min-height: 56px;
    margin-top: 1.6rem;
    font-size: .9375rem;
  }

  .record-scene[data-motion-profile="reading"] .text-link:active,
  .record-scene[data-motion-profile="reading"] .record-action:active,
  .record-page--services .counsel-index a:active {
    transform: scale(.985);
  }

  .record-scene[data-content-mode="statement"] .record-scene__details {
    grid-template-columns: 1fr;
    margin-top: 1.5rem;
  }

  .record-scene[data-content-mode="statement"] .record-scene__details > div,
  .record-scene[data-content-mode="statement"] .record-detail {
    padding: .9rem 0;
    border-inline-start: 0;
  }

  .record-scene[data-content-mode="decision-ledger"] .record-scene__details > div,
  .record-scene[data-content-mode="decision-ledger"] .record-detail {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: .85rem;
    padding-block: 1.05rem;
  }

  .record-scene[data-content-mode="decision-ledger"] .record-scene__details > div::before,
  .record-scene[data-content-mode="decision-ledger"] .record-detail::before {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .record-scene[data-content-mode="decision-ledger"] .record-scene__details > div > :first-child,
  .record-scene[data-content-mode="decision-ledger"] .record-detail dt,
  .record-scene[data-content-mode="decision-ledger"] .record-scene__details > div > :last-child,
  .record-scene[data-content-mode="decision-ledger"] .record-detail dd {
    grid-column: 2;
  }

  .record-scene[data-content-mode="authority-map"] .record-scene__details::before { inset-inline-start: 13px; }
  .record-scene[data-content-mode="authority-map"] .record-scene__details > div,
  .record-scene[data-content-mode="authority-map"] .record-detail {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: .9rem;
    padding-block: 1.05rem;
  }

  .record-scene[data-content-mode="authority-map"] .record-scene__details > div::before,
  .record-scene[data-content-mode="authority-map"] .record-detail::before {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-inline-start: 8px;
  }

  .record-scene[data-content-mode="authority-map"] .record-scene__details > div > :first-child,
  .record-scene[data-content-mode="authority-map"] .record-detail dt,
  .record-scene[data-content-mode="authority-map"] .record-scene__details > div > :last-child,
  .record-scene[data-content-mode="authority-map"] .record-detail dd {
    grid-column: 2;
  }

  .record-scene[data-content-mode="chronology"] .record-scene__details > div,
  .record-scene[data-content-mode="chronology"] .record-detail {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 1rem;
    padding-block: .9rem 1.2rem;
  }

  .record-scene[data-content-mode="chronology"] .record-scene__details > div > :first-child,
  .record-scene[data-content-mode="chronology"] .record-detail dt,
  .record-scene[data-content-mode="chronology"] .record-scene__details > div > :last-child,
  .record-scene[data-content-mode="chronology"] .record-detail dd { grid-column: 2; }

  .record-scene[data-content-mode="scope-record"][data-motion-profile="reading"] .record-scene__content {
    background: var(--record-paper);
  }

  .record-scene[data-content-mode="scope-record"] .record-scene__details > div,
  .record-scene[data-content-mode="scope-record"] .record-detail {
    grid-template-columns: 1fr;
    gap: .65rem;
    padding-block: 1.05rem;
  }

  .record-scene[data-content-mode="scope-record"] .record-scene__details > div:has(a) {
    margin-inline: -20px;
    padding-inline: 20px;
  }

  .record-scene[data-content-mode="enquiry-file"] .record-scene__details > div,
  .record-scene[data-content-mode="enquiry-file"] .record-detail {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: .8rem;
    padding-block: 1rem;
  }

  .record-scene[data-content-mode="enquiry-file"] .record-scene__details > div::before,
  .record-scene[data-content-mode="enquiry-file"] .record-detail::before {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .record-scene[data-content-mode="enquiry-file"] .record-scene__details > div > :first-child,
  .record-scene[data-content-mode="enquiry-file"] .record-detail dt,
  .record-scene[data-content-mode="enquiry-file"] .record-scene__details > div > :last-child,
  .record-scene[data-content-mode="enquiry-file"] .record-detail dd {
    grid-column: 2;
  }

  .record-scene[data-content-mode="profile"] .record-scene__details {
    grid-template-columns: 1fr;
  }

  .record-scene[data-content-mode="profile"] .record-scene__details > div,
  .record-scene[data-content-mode="profile"] .record-detail {
    padding: 1rem 0;
    border-inline-start: 0;
  }

  .record-scene[data-content-mode="legal-reading"] .legal-ledger .ledger-row {
    grid-template-columns: 1fr;
    gap: .7rem;
    padding-block: 1.15rem;
  }

  .record-scene[data-content-mode="legal-reading"] .legal-ledger .ledger-row > span,
  .record-scene[data-content-mode="legal-reading"] .legal-ledger .ledger-row > p {
    grid-column: 1;
    max-width: none;
  }

  .record-scene[data-motion-profile="reading"] .record-caution {
    margin-inline: -20px;
    padding-inline: 20px;
    font-size: 1rem;
  }

  html[dir="rtl"] .record-scene[data-content-mode="decision-ledger"] .record-scene__details > div,
  html[dir="rtl"] .record-scene[data-content-mode="authority-map"] .record-scene__details > div,
  html[dir="rtl"] .record-scene[data-content-mode="chronology"] .record-scene__details > div,
  html[dir="rtl"] .record-scene[data-content-mode="enquiry-file"] .record-scene__details > div {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  html[dir="rtl"] .record-scene[data-content-mode="scope-record"] .record-scene__details > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 360px) {
  .record-page--services .counsel-index { column-gap: .875rem; }
  .record-page--services .counsel-index a,
  .record-page--services .record-scene--index .counsel-index a {
    grid-template-columns: 23px minmax(0, 1fr);
    gap: .45rem;
  }
  .record-page--services .counsel-index a strong { font-size: .8125rem; }
}

@media (max-width: 760px) and (hover: none) {
  .record-page--services .counsel-index a:hover {
    padding-inline-start: 0;
    color: var(--record-paper);
  }
}

/* Home threshold direction -------------------------------------------------
   The first court shot is one reversible scene with two complete reading
   beats. The fixed camera remains visible while one opaque plate occupies a
   stable viewport position; no plate is allowed to drift or crop as the user
   scrubs the establishing dolly. */
body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] {
  min-height: 205svh;
  align-items: start;
  padding: 0 max(5vw, 24px);
  border-top: 0;
}

body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__content,
body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"]:nth-child(even) .record-scene__content {
  position: sticky;
  top: clamp(6.75rem, 12vh, 8.5rem);
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  width: min(1320px, 100%);
  height: calc(100svh - clamp(7.75rem, 14vh, 9.75rem));
  margin: 0 auto;
  align-items: center;
}

body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__heading,
body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__details {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0;
}

body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__heading {
  justify-self: start;
  width: min(780px, 64vw);
}

body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__details {
  justify-self: end;
  width: min(720px, 58vw);
}

body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] h1 {
  max-width: 14ch;
  font-size: clamp(3.5rem, 6.4vw, 7rem);
  line-height: .94;
}

body.record-opening-active .record-stage__grade {
  opacity: .04;
}

@media (max-width: 760px) {
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] {
    min-height: 210svh;
    padding: 0 14px;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__content,
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"]:nth-child(even) .record-scene__content {
    top: 90px;
    width: 100%;
    height: calc(100svh - 100px);
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__heading,
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__details {
    width: 100%;
    max-width: none;
    max-height: calc(100svh - 106px);
    margin: 0;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__heading {
    padding: 1rem 16px 1.15rem;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] h1 {
    max-width: 12ch;
    font-size: clamp(2.25rem, 10.7vw, 2.8rem);
    line-height: 1;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__kicker {
    margin-bottom: .65rem;
    font-size: .75rem;
    line-height: 1.35;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__lead {
    margin-top: .85rem;
    font-size: 1.0625rem;
    line-height: 1.52;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-action {
    min-height: 44px;
    margin-top: 1rem;
    font-size: .9375rem;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__details {
    grid-template-columns: 1fr;
    padding: .8rem 16px;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__details > div,
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-detail {
    padding: .85rem 0;
  }

  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-detail dd {
    margin-top: .35rem;
    font-size: 1rem;
    line-height: 1.55;
  }

  .record-opening__door {
    box-shadow: inset -1px 0 rgba(238,134,24,.3), 0 0 48px rgba(0,0,0,.72);
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
  *, *::before, *::after { scroll-behavior: auto !important; }
  .record-stage,
  .record-opening { display: none !important; }
  .record-scene { min-height: auto; padding-block: 7rem; background: var(--record-ink); }
  .record-scene__content { opacity: 1 !important; transform: none !important; }
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] {
    min-height: auto;
    padding: 7rem max(5vw, 24px);
  }
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__content {
    position: relative;
    top: auto;
    display: grid;
    height: auto;
    gap: 2rem;
  }
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__heading,
  body.record-site[data-story-page="home"] .record-scene[data-scene-id="threshold"] .record-scene__details {
    grid-row: auto;
    width: 100%;
    max-width: none;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media print {
  .record-stage,
  .record-opening,
  .record-counsel-line { display: none !important; }
  .record-scene { min-height: auto; color: #111; background: #fff; break-inside: avoid; }
  .record-scene h1,
  .record-scene h2,
  .record-scene__lead,
  .record-scene__content > p,
  .record-detail dd,
  .record-scene__details > div > :last-child,
  .dossier-field dd,
  .legal-ledger .ledger-row > p { color: #111; }
  .record-scene__details,
  .legal-ledger,
  .legal-ledger .ledger-row { border-color: #bbb; }
}
.record-scene__description {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.footer-visual-disclosure {
  max-width: 68rem;
  margin: 0 auto;
  padding: 0.8rem clamp(1.25rem, 3vw, 3rem) 0;
  color: color-mix(in srgb, var(--paper, #f3eee5) 72%, transparent);
  font-size: clamp(0.78rem, 0.82vw, 0.86rem);
  line-height: 1.6;
  letter-spacing: 0.02em;
}