/* Ashgrove Kell v2 — "The Bundle". Every value comes from assets/tokens.css (--s-*).
 * Registers: night (ink-black) and paper (cool bond) alternate. Vermilion is the only colour.
 * Breakpoints mirror tokens.css literally: phone <=767, wide >=1024, full nav >=1180.
 * Motion states ([data-ak-state]) are ARMED by site.js only when motion is allowed; with no
 * JS or reduced motion every mark is drawn, every outcome is shown, Exhibit B is open. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--s-nav-h); background: var(--s-night); }
body {
    margin: 0; background: var(--s-night); color: var(--s-ink);
    font: var(--s-weight-regular) var(--s-step-body)/var(--s-leading-body) var(--s-serif);
    font-synthesis: none; font-optical-sizing: auto; font-variant-numeric: oldstyle-nums proportional-nums;
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
::selection { background: var(--s-select); }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
p, h1, h2, h3, ol, ul, dl, dd, figure, blockquote { margin: 0; }
ol, ul { padding: 0; list-style: none; }
strong { font-weight: var(--s-weight-semi); }
:focus-visible { outline: var(--s-focus-w) solid var(--s-focus); outline-offset: var(--s-focus-off); }
.ak-sec--night :focus-visible, .ak-night-reg :focus-visible, .ak-nav :focus-visible, .ak-sheet :focus-visible, .ak-colophon :focus-visible { outline-color: var(--s-focus-night); }
.ak-sr, .ak-h2__num { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.ak-tnum { font-variant-numeric: lining-nums tabular-nums; }
.ak-icon { width: var(--s-icon); height: var(--s-icon); fill: none; stroke: currentColor; stroke-width: var(--s-icon-stroke); stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ak-wrap { width: 100%; max-width: calc(var(--s-max) + 2 * var(--s-gutter)); margin-inline: auto; padding-inline: var(--s-gutter); }

.ak-skip {
    position: absolute; left: var(--s-space-xs); top: var(--s-space-xs); z-index: var(--s-z-skip);
    padding: var(--s-space-s) var(--s-space-m); background: var(--s-paper-light); color: var(--s-ink);
    font: var(--s-weight-semi) var(--s-step-label)/var(--s-leading-ui) var(--s-sans); transform: translateY(calc(-100% - var(--s-space-l)));
}
.ak-skip:focus { transform: none; }

/* ---- UI type ----------------------------------------------------------------------------- */
.ak-label, .ak-running, .ak-tab, .ak-divider, .ak-band, .ak-band__label, .ak-row__label, .ak-partner__role,
.ak-partner__label, .ak-brief__dl dt, .ak-brief__time dt, .ak-colophon__label, .ak-timeline__label, .ak-stamp__when,
.ak-rates caption, .ak-ledger__title, .ak-ledger dt, .ak-register__cols, .ak-reg__role, .ak-contents__num, .ak-index__num, .ak-nav__links, .ak-nav__cta, .ak-menu, .ak-sheet__title, .ak-sheet__close, .ak-sheet__num {
    font-family: var(--s-sans); font-size: var(--s-step-label); line-height: var(--s-leading-ui);
    font-weight: var(--s-weight-medium); letter-spacing: var(--s-track-ui); text-transform: uppercase;
}

/* ---- Buttons + links ------------------------------------------------------------------------ */
.ak-btn {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    min-height: var(--s-input-h); padding: var(--s-btn-pad-y) var(--s-btn-pad-x); margin-right: var(--s-btn-stroke-over);
    background: var(--s-ink); color: var(--s-paper-light); border: 0; border-radius: 0; cursor: pointer;
    font: var(--s-weight-semi) var(--s-step-small)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-running);
    text-decoration: none; transition: background-color var(--s-dur-fast) var(--s-ease-calm);
}
.ak-btn:hover { background: var(--s-graphite); }
.ak-btn__pen { position: absolute; left: 0; bottom: var(--s-btn-pen-y); width: calc(100% + var(--s-btn-stroke-over)); height: var(--s-btn-pen-h); overflow: visible; pointer-events: none; max-width: none; }
.ak-btn__pen path, .ak-total__pen path { fill: none; stroke: var(--s-pen); stroke-width: var(--s-pen-w); stroke-linecap: round; vector-effect: non-scaling-stroke; }
.ak-btn--night { background: var(--s-paper-light); color: var(--s-ink); }
.ak-btn--night:hover { background: var(--s-paper); }
.ak-textlink {
    display: inline-flex; align-items: center; min-height: var(--s-tap);
    font: var(--s-weight-medium) var(--s-step-small)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-running);
    text-decoration: underline; text-decoration-thickness: var(--s-rule); text-underline-offset: var(--s-underline-off);
    text-decoration-color: var(--s-hair-strong); transition: text-decoration-color var(--s-dur-fast) var(--s-ease-calm);
}
.ak-textlink:hover { text-decoration-color: var(--s-pen); }
.ak-textlink--night { text-decoration-color: var(--s-night-hair-strong); }

/* ---- Footnote markers + notes ----------------------------------------------------------------- */
.ak-fn {
    position: relative; top: var(--s-marker-rise); margin-left: var(--s-marker-gap);
    font: var(--s-weight-semi) var(--s-step-marker)/var(--s-leading-solid) var(--s-sans); font-variant-numeric: lining-nums;
    color: var(--s-pen-text); text-decoration: none; letter-spacing: 0;
}
.ak-fn::after { content: ""; position: absolute; inset: var(--s-marker-hit); }
.ak-fn:hover { text-decoration: underline; }
.ak-sec--night .ak-fn, .ak-night-reg .ak-fn { color: var(--s-pen-night); }
.ak-notes { margin-top: var(--s-space-xl); padding-top: var(--s-space-m); border-top: var(--s-rule) solid var(--s-hair); }
.ak-notes__list { display: grid; gap: var(--s-space-s); }
.ak-note {
    display: block; max-width: var(--s-measure-note); padding: var(--s-space-2xs) var(--s-space-s); margin-left: calc(-1 * var(--s-space-s));
    border-left: var(--s-note-rule) solid transparent; color: var(--s-graphite);
    font: var(--s-weight-regular) var(--s-step-note)/var(--s-leading-note) var(--s-serif); font-variation-settings: "opsz" var(--s-opsz-note);
    transition: border-color var(--s-dur-note) var(--s-ease-calm), background-color var(--s-dur-note) var(--s-ease-calm);
}
.ak-note:focus { outline: none; }
.ak-note:focus-visible { outline: var(--s-focus-w) solid currentColor; }
.ak-note:target, .ak-note.is-hl { border-left-color: var(--s-pen); background: var(--s-pen-wash); }
.ak-note__num { font: var(--s-weight-semi) var(--s-step-note)/var(--s-leading-solid) var(--s-sans); color: var(--s-pen-text); margin-right: var(--s-space-2xs); font-variant-numeric: lining-nums; }
.ak-note__back { display: inline-grid; place-items: center; width: var(--s-tap); height: var(--s-tap); margin-block: var(--s-tap-pull); vertical-align: middle; color: inherit; }
.ak-notes--night, .ak-sec--night .ak-notes { border-top-color: var(--s-night-hair); }
.ak-sec--night .ak-note { color: var(--s-night-muted); }
.ak-sec--night .ak-note__num { color: var(--s-pen-night); }
.ak-fn-inline { margin-block: var(--s-space-s); padding: var(--s-space-s) var(--s-space-m); border-left: var(--s-note-rule) solid var(--s-pen); background: var(--s-pen-wash); color: var(--s-graphite); font: var(--s-weight-regular) var(--s-step-note)/var(--s-leading-note) var(--s-serif); display: flex; gap: var(--s-space-s); align-items: start; }
.ak-sec--night .ak-fn-inline, .ak-night-reg .ak-fn-inline { color: var(--s-night-muted); }
.ak-fn-inline__close { flex: none; display: inline-grid; place-items: center; width: var(--s-tap); height: var(--s-tap); margin: var(--s-tap-pull); background: none; border: 0; color: inherit; cursor: pointer; }

/* ---- Nav + index sheet -------------------------------------------------------------------------- */
.ak-nav { position: sticky; top: 0; z-index: var(--s-z-nav); background: var(--s-night); color: var(--s-night-text); border-bottom: var(--s-rule) solid var(--s-night-hair); }
.ak-nav__in { display: flex; align-items: center; gap: var(--s-space-m); min-height: var(--s-nav-h-sm); max-width: calc(var(--s-max) + 2 * var(--s-gutter)); margin-inline: auto; padding-inline: var(--s-gutter); }
.ak-brand {
    display: inline-flex; align-items: center; min-height: var(--s-tap); margin-right: auto; text-decoration: none;
    font: var(--s-weight-medium) var(--s-step-wordmark)/var(--s-leading-solid) var(--s-serif);
    font-variant-caps: all-small-caps; letter-spacing: var(--s-track-caps);
}
.ak-nav__links { display: none; }
.ak-nav__links ol { display: flex; gap: var(--s-space-2xs); }
.ak-nav__links a { display: inline-flex; align-items: center; gap: var(--s-space-xs); min-height: var(--s-tap); padding-inline: var(--s-space-s); color: var(--s-night-muted); text-decoration: none; transition: color var(--s-dur-fast) var(--s-ease-calm); }
.ak-nav__links a:hover, .ak-nav__links a[aria-current="true"] { color: var(--s-night-text); }
.ak-nav__links a[aria-current="true"] .ak-nav__num { color: var(--s-pen-night); }
.ak-nav__cta { display: none; align-items: center; min-height: var(--s-tap); padding-inline: var(--s-space-m); border: var(--s-rule) solid var(--s-night-hair-strong); text-decoration: none; color: var(--s-night-text); transition: border-color var(--s-dur-fast) var(--s-ease-calm); }
.ak-nav__cta:hover { border-color: var(--s-pen-night); }
.ak-menu { display: inline-flex; align-items: center; gap: var(--s-space-xs); min-height: var(--s-tap); min-width: var(--s-tap); padding-inline: var(--s-space-s); margin-right: calc(-1 * var(--s-space-s)); text-decoration: none; color: var(--s-night-text); }

.ak-sheet { display: none; position: fixed; inset: 0; z-index: var(--s-z-sheet); background: var(--s-night-raised); color: var(--s-night-text); overflow-y: auto; overscroll-behavior: contain; }
.ak-sheet:target, .ak-sheet.is-open { display: block; }
.ak-sheet__in { min-height: 100%; display: flex; flex-direction: column; gap: var(--s-space-l); padding: var(--s-space-s) var(--s-gutter) var(--s-space-xl); }
.ak-sheet__top { display: flex; align-items: center; justify-content: space-between; min-height: var(--s-nav-h-sm); border-bottom: var(--s-rule) solid var(--s-night-hair); }
.ak-sheet__title { color: var(--s-night-muted); }
.ak-sheet__close { display: inline-flex; align-items: center; gap: var(--s-space-xs); min-height: var(--s-tap); padding-inline: var(--s-space-s); text-decoration: none; }
.ak-sheet__list li { border-bottom: var(--s-rule) solid var(--s-night-hair); }
.ak-sheet__list a { display: flex; align-items: baseline; gap: var(--s-space-m); min-height: var(--s-sheet-row); padding-block: var(--s-space-s); text-decoration: none; }
.ak-sheet__num { flex: none; width: var(--s-sheet-num-w); color: var(--s-pen-night); }
.ak-sheet__label { font: var(--s-weight-regular) var(--s-step-h2)/var(--s-leading-display) var(--s-serif); letter-spacing: var(--s-track-display); }
.ak-sheet__cta { align-self: flex-start; }

/* ---- § 1 masthead: the register split ------------------------------------------------------------ */
.ak-mast { background: var(--s-paper); }
.ak-night-reg { display: flex; background: var(--s-night); color: var(--s-night-text);
    min-height: calc(var(--s-night-share-sm-vh) - var(--s-above-est)); min-height: calc(var(--s-night-share-sm) - var(--s-above-est)); }
.ak-night-reg__in { display: flex; flex-direction: column; justify-content: space-between; gap: var(--s-space-l); padding-block: var(--s-space-s) var(--s-space-l); }
.ak-running { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s-space-2xs) var(--s-space-l); padding-bottom: var(--s-space-s); border-bottom: var(--s-rule) solid var(--s-night-hair); color: var(--s-night-muted); letter-spacing: var(--s-track-running); }
.ak-running__ed, .ak-running__facts { display: none; }
.ak-running__sep { margin-inline: var(--s-space-xs); }
/* the practice areas wrap between words, never inside one */
.ak-running__areas { display: inline-flex; flex-wrap: wrap; min-width: 0; max-width: 100%; }
.ak-statement {
    max-width: var(--s-statement-max);
    font: var(--s-weight-regular) var(--s-step-statement-sm-vh)/var(--s-leading-statement) var(--s-serif);
    font-size: var(--s-step-statement-sm);
    font-variation-settings: "opsz" var(--s-opsz-statement); letter-spacing: var(--s-track-statement);
    text-indent: var(--s-indent-optical); hanging-punctuation: first; text-wrap: balance;
    margin-bottom: var(--s-statement-foot);
}
.ak-mark { position: relative; white-space: nowrap; }
.ak-mark__pen { position: absolute; left: var(--s-mark-pen-x); bottom: var(--s-mark-pen-y); width: var(--s-mark-pen-w); height: var(--s-mark-pen-h); overflow: visible; max-width: none; pointer-events: none; }
.ak-mark__pen path { fill: none; stroke: var(--s-pen); stroke-width: var(--s-pen-w); stroke-linecap: round; vector-effect: non-scaling-stroke;
    stroke-dasharray: 1; animation: ak-draw var(--s-dur-pen) var(--s-ease-pen) var(--s-delay-pen) both; }
.ak-statement .ak-fn { font-family: var(--s-serif); font-weight: var(--s-weight-semi); font-size: var(--s-step-marker-statement); top: var(--s-marker-rise-statement); margin-left: var(--s-marker-gap-statement);
    animation: ak-appear var(--s-dur-marker) var(--s-ease-calm) calc(var(--s-delay-pen) + var(--s-dur-pen)) both; }
@keyframes ak-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes ak-appear { from { opacity: 0; } to { opacity: 1; } }

.ak-paper-reg { position: relative; background: var(--s-paper); box-shadow: var(--s-sheet-shadow); }
.ak-mast__grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.ak-mast__act { display: flex; flex-direction: column; gap: var(--s-space-s); padding-top: var(--s-space-m); }
.ak-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-space-s) var(--s-space-l); }
.ak-confidence { color: var(--s-graphite); font: var(--s-weight-regular) var(--s-step-small)/var(--s-leading-tight) var(--s-sans); max-width: var(--s-measure-note); }
.ak-position { display: grid; gap: var(--s-space-m); margin-top: var(--s-space-l); padding-block: var(--s-space-m) var(--s-section-end); border-top: var(--s-rule) solid var(--s-hair); }
.ak-position__item { display: grid; grid-template-columns: var(--s-num-col) minmax(0, 1fr); gap: var(--s-space-s); max-width: var(--s-measure-body); }
.ak-position__num { font: var(--s-weight-medium) var(--s-step-label)/var(--s-leading-body) var(--s-sans); color: var(--s-graphite); font-variant-numeric: lining-nums tabular-nums; padding-top: var(--s-num-nudge); }

/* ---- Exhibits ----------------------------------------------------------------------------------- */
.ak-exhibit { position: relative; }
.ak-exhibit__frame { position: relative; overflow: hidden; background: var(--s-night); }
.ak-sec--night .ak-exhibit__frame, .ak-exhibit--a .ak-exhibit__frame { box-shadow: 0 0 0 var(--s-photo-frame) var(--s-photo-frame-color); }
.ak-pic img { width: 100%; height: auto; }
.ak-tab {
    position: absolute; left: 0; bottom: 100%; z-index: var(--s-z-tab); display: inline-flex; align-items: center;
    height: var(--s-tab-h); padding-inline: var(--s-tab-pad-x); background: var(--s-pen); color: var(--s-tab-ink);
    font-weight: var(--s-weight-semi); white-space: nowrap;
}
.ak-cap { display: block; margin-top: var(--s-space-s); max-width: var(--s-measure-note); font: var(--s-weight-regular) var(--s-step-small)/var(--s-leading-note) var(--s-serif); color: var(--s-graphite); }
.ak-cap__title { font-weight: var(--s-weight-semi); color: var(--s-ink); font-style: italic; }
.ak-sec--night .ak-cap { color: var(--s-night-muted); }
.ak-sec--night .ak-cap__title { color: var(--s-night-text); }
.ak-cap__rule { display: none; }
.ak-exhibit--a { margin-top: var(--s-space-s); }
.ak-exhibit--c { margin-top: calc(var(--s-tab-h) + var(--s-space-l)); }   /* the tab sits above the frame: never on the last file */
.ak-exhibit--a .ak-cap { margin-bottom: var(--s-space-m); }
.ak-notes--fold { margin-top: var(--s-mast-note-gap); padding-top: 0; border-top: 0; }

/* ---- Sections + divider tabs ------------------------------------------------------------------- */
.ak-sec { position: relative; padding-block: var(--s-section) var(--s-section-end); }
.ak-sec--paper { background: var(--s-paper); color: var(--s-ink); }
.ak-sec--sheet { background: var(--s-paper-light); color: var(--s-ink); box-shadow: var(--s-sheet-lift); }
.ak-sec--night { background: var(--s-night); color: var(--s-night-text); }
.ak-divider {
    position: absolute; bottom: 100%; display: flex; align-items: center; gap: var(--s-space-s);
    left: calc(max(var(--s-gutter), (100% - var(--s-max)) / 2) + var(--s-divider-k) * var(--s-divider-step));
    height: var(--s-divider-h); padding-inline: var(--s-divider-pad-x); border-radius: var(--s-divider-radius) var(--s-divider-radius) 0 0;
    background: inherit; color: var(--s-graphite);
}
.ak-sec--paper .ak-divider { background: var(--s-paper); }
.ak-sec--sheet .ak-divider { background: var(--s-paper-light); }
.ak-sec--night .ak-divider { background: var(--s-night); color: var(--s-night-muted); }
.ak-divider__num { color: var(--s-pen-text); font: var(--s-weight-regular) var(--s-step-divider-num)/var(--s-leading-solid) var(--s-serif);
    font-variation-settings: "opsz" var(--s-opsz-display); font-variant-numeric: lining-nums; letter-spacing: 0; text-transform: none; }
.ak-divider__t { font-size: var(--s-step-divider-t); font-weight: var(--s-weight-semi); }
.ak-sec--night .ak-divider__num { color: var(--s-pen-night); }
.ak-divider__t { display: none; }
.ak-head { display: grid; gap: var(--s-space-m); margin-bottom: var(--s-space-xl); }
.ak-h2 { font: var(--s-weight-regular) var(--s-step-h2)/var(--s-leading-display) var(--s-serif); letter-spacing: var(--s-track-display); font-variation-settings: "opsz" var(--s-opsz-display); text-wrap: balance; }
.ak-lead { max-width: var(--s-measure-lead); font: var(--s-weight-regular) var(--s-step-lead)/var(--s-leading-tight) var(--s-serif); color: var(--s-graphite); text-wrap: pretty; }
.ak-sec--night .ak-lead { color: var(--s-night-muted); }

/* ---- § 2 the index ------------------------------------------------------------------------------ */
.ak-index { display: grid; border-top: var(--s-rule-strong) solid var(--s-ink); }
.ak-index__col { border-bottom: var(--s-rule) solid var(--s-hair-strong); }
.ak-index__head { display: flex; align-items: baseline; gap: var(--s-space-s); min-height: var(--s-tap); padding-block: var(--s-space-s); cursor: pointer; list-style: none; }
.ak-index__head::-webkit-details-marker { display: none; }
.ak-index__num { color: var(--s-pen-text); }
.ak-index__title { font: var(--s-weight-medium) var(--s-step-h3)/var(--s-leading-tight) var(--s-serif); font-variant-caps: all-small-caps; letter-spacing: var(--s-track-caps); }
.ak-index__chev { margin-left: auto; align-self: center; transition: transform var(--s-dur-fast) var(--s-ease-calm); }
.ak-index__col[open] .ak-index__chev { transform: rotate(var(--s-chev-turn)); }
.ak-index__list { display: grid; gap: var(--s-space-m); padding-bottom: var(--s-space-m); }
.ak-entry__line { display: flex; align-items: baseline; gap: var(--s-space-xs); }
.ak-entry__term { font-weight: var(--s-weight-medium); }
.ak-leader { flex: 1 1 var(--s-leader-min); min-width: var(--s-leader-min); border-bottom: var(--s-leader-w) dotted var(--s-hair-strong); transform: translateY(var(--s-leader-y)); }
.ak-entry__count { font: var(--s-weight-medium) var(--s-step-body)/var(--s-leading-solid) var(--s-sans); font-variant-numeric: lining-nums tabular-nums; }
.ak-entry__def { margin-top: var(--s-space-2xs); color: var(--s-graphite); font-size: var(--s-step-small); line-height: var(--s-leading-note); max-width: var(--s-measure-body); }
.ak-entry__see { white-space: nowrap; font-style: italic; }
.ak-entry__see a { display: inline-block; padding-block: var(--s-space-xs); color: var(--s-pen-text); font-style: normal; font-variant-numeric: lining-nums; text-underline-offset: var(--s-underline-off); }
.ak-index__margin { margin-bottom: var(--s-space-m); padding-left: var(--s-space-s); border-left: var(--s-pen-w-fine) solid var(--s-pen); font-style: italic; color: var(--s-graphite); font-size: var(--s-step-small); line-height: var(--s-leading-note); max-width: var(--s-measure-note); }
.ak-total { display: flex; align-items: baseline; gap: var(--s-space-s); margin-top: var(--s-space-l); }
.ak-total__t { font: var(--s-weight-medium) var(--s-step-body)/var(--s-leading-tight) var(--s-serif); font-variant-caps: all-small-caps; letter-spacing: var(--s-track-caps); }
.ak-total__fig { position: relative; font: var(--s-weight-regular) var(--s-step-figure)/var(--s-leading-solid) var(--s-serif); font-variant-numeric: lining-nums tabular-nums; }
.ak-total__pen { position: absolute; left: 0; bottom: var(--s-total-pen-y); width: 100%; height: var(--s-btn-pen-h); overflow: visible; max-width: none; }

/* ---- § 3 Exhibit B: the slit (scrubbed by site.js through --s-slit-p, never pinned) ------------- */
.ak-slit { position: relative; margin-block: var(--s-space-xl) var(--s-slit-cap-room); height: var(--s-slit-open-sm-vh); height: var(--s-slit-open-sm); }
.ak-slit__clip { position: absolute; inset: 0; overflow: hidden;
    clip-path: inset(calc((1 - var(--s-slit-p)) * var(--s-slit-focus-sm) * (100% - var(--s-slit-sm-vh))) 0 calc((1 - var(--s-slit-p)) * (1 - var(--s-slit-focus-sm)) * (100% - var(--s-slit-sm-vh))) 0);
    clip-path: inset(calc((1 - var(--s-slit-p)) * var(--s-slit-focus-sm) * (100% - var(--s-slit-sm))) 0 calc((1 - var(--s-slit-p)) * (1 - var(--s-slit-focus-sm)) * (100% - var(--s-slit-sm))) 0); }
.ak-slit__pic, .ak-slit__pic img { width: 100%; height: 100%; }
.ak-slit__pic img { object-fit: cover; object-position: var(--s-slit-pos-sm);
    transform: scale(calc(var(--s-slit-scale-to) + (var(--s-slit-scale-from) - var(--s-slit-scale-to)) * (1 - var(--s-slit-p)))); }
.ak-slit .ak-tab { bottom: auto; left: var(--s-gutter); transform: translateY(-100%);
    top: calc((1 - var(--s-slit-p)) * var(--s-slit-focus-sm) * (100% - var(--s-slit-sm-vh)));
    top: calc((1 - var(--s-slit-p)) * var(--s-slit-focus-sm) * (100% - var(--s-slit-sm))); }
.ak-cap--slit { position: absolute; left: var(--s-gutter); right: var(--s-gutter); margin: 0; padding-top: var(--s-space-s);
    top: calc(100% - (1 - var(--s-slit-p)) * (1 - var(--s-slit-focus-sm)) * (100% - var(--s-slit-sm-vh)));
    top: calc(100% - (1 - var(--s-slit-p)) * (1 - var(--s-slit-focus-sm)) * (100% - var(--s-slit-sm))); }
.ak-cap--slit .ak-cap__rule { display: block; width: var(--s-cap-rule-w); height: var(--s-pen-w-fine); margin-top: var(--s-space-s); background: var(--s-pen); transform-origin: left; transform: scaleX(var(--s-slit-p)); }

/* § 3 opener (r6): the section opens ON Exhibit B; heading + lead sit on its darkened lower third */
.ak-sec--matters { padding-top: var(--s-space-xl); }
.ak-mopen { display: grid; }
.ak-mopen > * { grid-area: 1 / 1; min-width: 0; }
.ak-mopen .ak-slit { margin-top: 0; }
.ak-mopen .ak-slit__clip::after { content: ""; position: absolute; inset: 0; background: var(--s-slit-scrim); pointer-events: none; }
.ak-mopen__head { position: relative; z-index: var(--s-z-tab); align-self: end; margin-bottom: var(--s-slit-cap-room); padding-bottom: var(--s-mopen-pad); pointer-events: none; }
.ak-mopen__head a, .ak-mopen__head .ak-fn-inline { pointer-events: auto; }
.ak-mopen .ak-cap--slit { top: 100%; }   /* the caption stays under the full frame, clear of the heading, while the slit opens */
.ak-head--over { margin-bottom: 0; }
.ak-head--over .ak-lead { max-width: var(--s-measure-over); color: var(--s-night-text); }

/* ---- § 3 briefs: matter files laid on the night. Two open, the rest indexed tabs that open in place --- */
.ak-briefs { display: grid; gap: var(--s-file-gap); }
.ak-brief { scroll-margin-top: var(--s-nav-h); }
.ak-file { background: var(--s-paper-light); color: var(--s-ink); box-shadow: var(--s-file-shadow); border: var(--s-rule) solid var(--s-file-edge); }
.ak-file__tab {
    display: grid; grid-template-columns: var(--s-num-col) minmax(0, 1fr) auto; column-gap: var(--s-space-s); row-gap: var(--s-space-2xs); align-items: baseline;
    min-height: var(--s-file-tab-h); padding: var(--s-space-m) var(--s-file-pad); cursor: pointer; list-style: none;
    border-bottom: var(--s-rule) solid transparent; transition: background-color var(--s-dur-fast) var(--s-ease-calm);
}
.ak-file__tab::-webkit-details-marker { display: none; }
.ak-file__tab:hover { background: var(--s-paper); }
.ak-file[open] > .ak-file__tab { border-bottom-color: var(--s-hair); }
.ak-file__chev { grid-column: 3; grid-row: 1; align-self: center; transition: transform var(--s-dur-fast) var(--s-ease-calm); }
.ak-file[open] .ak-file__chev { transform: rotate(var(--s-chev-turn)); }
.ak-brief__num { grid-column: 1; grid-row: 1; font: var(--s-weight-semi) var(--s-step-label)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-ui); color: var(--s-pen-text); font-variant-numeric: lining-nums tabular-nums; }
.ak-brief__title { grid-column: 2; grid-row: 1; font: var(--s-weight-medium) var(--s-step-h3)/var(--s-leading-tight) var(--s-serif); text-wrap: balance; }
.ak-brief__time { grid-column: 2; grid-row: 2; display: flex; align-items: baseline; gap: var(--s-space-xs); color: var(--s-graphite); }
.ak-brief__tl { font: var(--s-weight-medium) var(--s-step-label)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-ui); text-transform: uppercase; white-space: nowrap; }
.ak-brief__dur { font: var(--s-weight-medium) var(--s-step-small)/var(--s-leading-ui) var(--s-sans); font-variant-numeric: lining-nums tabular-nums; color: var(--s-ink); white-space: nowrap; }
.ak-file__sheet { padding: var(--s-space-l) var(--s-file-pad) var(--s-file-pad); }
.ak-brief__dl { display: grid; gap: var(--s-space-m); max-width: var(--s-measure-brief); }
.ak-brief__row { display: grid; gap: var(--s-space-2xs); }
.ak-brief__dl dt { color: var(--s-graphite); }
.ak-docket { display: none; }
.ak-particulars { color: var(--s-graphite); }
.ak-redact {
    display: inline-block; width: calc(var(--s-redact-n) * 1ch); max-width: 100%; height: var(--s-redact-h); margin-inline: var(--s-redact-gap);
    vertical-align: var(--s-redact-y); background: var(--s-redact);
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.ak-claim { position: relative; font: italic var(--s-weight-regular) var(--s-step-claim)/var(--s-leading-tight) var(--s-serif); color: var(--s-ink); text-wrap: pretty; }
/* No-JS / first paint: a straight pen line through each line of the claim. site.js replaces it with a hand-drawn stroke. */
.ak-claim__t { background: linear-gradient(var(--s-pen), var(--s-pen)) 0 var(--s-strike-pos) / 100% var(--s-pen-w-strike) no-repeat;
    -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.ak-claim.is-penned .ak-claim__t { background: none; }
.ak-strike { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; max-width: none; }
.ak-strike path { fill: none; stroke: var(--s-pen); stroke-width: var(--s-pen-w-strike); stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
[data-ak-state="armed"] .ak-strike path { stroke-dashoffset: 1; }
[data-ak-state="in"] .ak-strike path { transition: stroke-dashoffset var(--s-dur-strike) var(--s-ease-pen); }
.ak-call { color: var(--s-ink); }
.ak-outcome { font: var(--s-weight-medium) var(--s-step-outcome)/var(--s-leading-tight) var(--s-serif); color: var(--s-pen-text); }
.ak-outcome__t { position: relative; display: block; width: fit-content; }
.ak-outcome__bar { position: absolute; inset: var(--s-bar-bleed); background: var(--s-redact); transform-origin: left center; transform: scaleX(0); }
[data-ak-state="armed"] .ak-outcome__bar { transform: scaleX(1); }
[data-ak-state="in"] .ak-outcome__bar { transition: transform var(--s-dur-redact) var(--s-ease-pen) var(--s-delay-redact); }

/* ---- § 4 partners --------------------------------------------------------------------------------- */
/* § 4 opener: the ratio as a ruled ledger beside the stacked heading (r6) */
.ak-head--ledger .ak-lead { max-width: var(--s-measure-stack); }
.ak-ledger { margin-top: var(--s-space-m); }
.ak-ledger__title { padding-bottom: var(--s-space-s); border-bottom: var(--s-rule-strong) solid var(--s-ink); color: var(--s-graphite); }
.ak-ledger__row { display: flex; align-items: baseline; gap: var(--s-space-s); min-height: var(--s-ledger-row); padding-block: var(--s-space-xs); border-bottom: var(--s-rule) solid var(--s-hair-strong); }
.ak-ledger dt { display: flex; align-items: baseline; flex: 1 1 auto; gap: var(--s-space-s); color: var(--s-graphite); }
.ak-ledger dt::after { content: ""; flex: 1 1 var(--s-leader-min); min-width: var(--s-leader-min); border-bottom: var(--s-leader-w) dotted var(--s-hair-strong); transform: translateY(var(--s-leader-y)); }
.ak-ledger dd { font: var(--s-weight-regular) var(--s-step-figure)/var(--s-leading-solid) var(--s-serif); font-variant-numeric: lining-nums tabular-nums; }
.ak-partners { display: grid; gap: var(--s-space-xl); }
.ak-partner { display: grid; align-content: start; grid-template-columns: var(--s-mono-cell) minmax(0, 1fr); gap: var(--s-space-m); padding-top: var(--s-space-m); border-top: var(--s-rule-strong) solid var(--s-ink); }
.ak-mono { position: relative; align-self: start; font: var(--s-weight-regular) var(--s-step-monogram-sm)/var(--s-leading-solid) var(--s-serif); font-variation-settings: "opsz" var(--s-opsz-statement); letter-spacing: var(--s-track-statement); font-variant-numeric: lining-nums; }
.ak-mono__l { display: block; font-variant-caps: all-small-caps; letter-spacing: var(--s-track-engraved); }
.ak-mono__pen { position: absolute; left: 0; bottom: var(--s-mono-pen-y); width: var(--s-mono-pen-w); height: var(--s-mono-pen-h); overflow: visible; max-width: none; pointer-events: none; }
.ak-mono__pen path { fill: none; stroke: var(--s-pen); stroke-width: var(--s-pen-w-mono); stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 0; }
[data-ak-state="armed"] .ak-mono__pen path { stroke-dashoffset: 1; }
[data-ak-state="in"] .ak-mono__pen path { transition: stroke-dashoffset var(--s-dur-hairline) var(--s-ease-pen); }
.ak-partner__body { display: grid; gap: var(--s-space-xs); align-content: start; }
.ak-partner__name { font: var(--s-weight-medium) var(--s-step-h3)/var(--s-leading-tight) var(--s-serif); }
.ak-partner__role { color: var(--s-ink); }
.ak-partner__years { color: var(--s-graphite); font-size: var(--s-step-ledger); }
.ak-partner__dot { display: inline-block; width: var(--s-dot); height: var(--s-dot); margin: 0 var(--s-space-xs); border-radius: 50%; background: currentColor; vertical-align: middle; }
.ak-partner__label { margin-top: var(--s-space-xs); color: var(--s-graphite); }
.ak-partner__known { display: grid; gap: var(--s-space-xs); font-size: var(--s-step-ledger); line-height: var(--s-leading-tight); }
.ak-partner__known li { padding-left: var(--s-space-s); border-left: var(--s-rule) solid var(--s-hair-strong); }
.ak-partner__quote { margin-top: var(--s-space-xs); font: italic var(--s-weight-regular) var(--s-step-body)/var(--s-leading-tight) var(--s-serif); color: var(--s-ink); text-wrap: pretty; }

/* ---- § 5 terms ------------------------------------------------------------------------------------ */
/* § 4 register (r6): the other eight partners as dense ruled rows that open in place, like a matter file */
.ak-register { margin-top: var(--s-space-2xl); }
.ak-register__cols { display: none; }
.ak-register__list { border-top: var(--s-rule-strong) solid var(--s-ink); }
.ak-reg { border-bottom: var(--s-rule) solid var(--s-hair-strong); }
.ak-reg__row {
    display: grid; grid-template-columns: var(--s-reg-mono) minmax(0, 1fr) var(--s-icon); column-gap: var(--s-space-s); row-gap: var(--s-space-2xs); align-items: baseline;
    min-height: var(--s-reg-row); padding-block: var(--s-space-s); cursor: pointer; list-style: none; transition: background-color var(--s-dur-fast) var(--s-ease-calm);
}
.ak-reg__row::-webkit-details-marker { display: none; }
.ak-reg__row:hover { background: var(--s-paper-light); }
.ak-reg__mono { grid-column: 1; grid-row: 1 / span 4; font: var(--s-weight-regular) var(--s-step-reg-mono)/var(--s-leading-solid) var(--s-serif); font-variant-caps: all-small-caps; letter-spacing: var(--s-track-engraved); color: var(--s-graphite); }
.ak-reg__name { grid-column: 2; font: var(--s-weight-medium) var(--s-step-h3)/var(--s-leading-tight) var(--s-serif); }
.ak-reg__role { grid-column: 2; color: var(--s-ink); }
.ak-reg__year { grid-column: 2; color: var(--s-graphite); font: var(--s-weight-medium) var(--s-step-ledger)/var(--s-leading-ui) var(--s-sans); }
.ak-reg__known { grid-column: 2; color: var(--s-graphite); font-style: italic; font-size: var(--s-step-ledger); line-height: var(--s-leading-tight); }
.ak-reg__chev { grid-column: 3; grid-row: 1; align-self: center; transition: transform var(--s-dur-fast) var(--s-ease-calm); }
.ak-reg__file[open] .ak-reg__chev { transform: rotate(var(--s-chev-turn)); }
.ak-reg__sheet { display: grid; gap: var(--s-space-s); padding: 0 0 var(--s-space-l) calc(var(--s-reg-mono) + var(--s-space-s)); }
.ak-reg__known-all { display: grid; gap: var(--s-space-xs); }

/* § 5 opener (r6): a contents rail of the section's own clauses, 5.1–5.4 */
.ak-head--rail { margin-bottom: 0; }
.ak-contents { margin-top: var(--s-space-s); }
.ak-contents ol { border-top: var(--s-rule-strong) solid var(--s-night-hair-strong); }
.ak-contents li { border-bottom: var(--s-rule) solid var(--s-night-hair); }
.ak-contents__a { display: flex; align-items: baseline; gap: var(--s-space-s); min-height: var(--s-tap); padding-block: var(--s-space-xs); color: var(--s-night-text); text-decoration: none; }
.ak-contents__num { flex: none; width: var(--s-num-col); color: var(--s-pen-night); font-variant-numeric: lining-nums tabular-nums; }
.ak-contents__t { font: var(--s-weight-regular) var(--s-step-body)/var(--s-leading-tight) var(--s-serif); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: var(--s-underline-off); transition: text-decoration-color var(--s-dur-fast) var(--s-ease-calm); }
.ak-contents__a:hover .ak-contents__t { text-decoration-color: var(--s-pen-night); }
.ak-contents .ak-leader { border-bottom-color: var(--s-night-hair-strong); }
.ak-contents__range { flex: none; color: var(--s-night-muted); font: var(--s-weight-medium) var(--s-step-note)/var(--s-leading-ui) var(--s-sans); font-variant-numeric: lining-nums tabular-nums; }
.ak-clause { scroll-margin-top: var(--s-rail-top); }
.ak-terms__main, .ak-terms__side { display: contents; }
.ak-clause--1 { order: 1; }
.ak-card { order: 2; }
.ak-clause--2 { order: 3; }
.ak-clause--3 { order: 4; }
.ak-exhibit--e { order: 5; }
.ak-clause--no { order: 6; }
.ak-terms { display: grid; gap: var(--s-space-xl); }
.ak-clause__h { display: flex; align-items: baseline; gap: var(--s-space-s); font: var(--s-weight-regular) var(--s-step-h3)/var(--s-leading-tight) var(--s-serif); padding-bottom: var(--s-space-s); margin-bottom: var(--s-space-m); border-bottom: var(--s-rule) solid var(--s-night-hair-strong); }
.ak-clause__num { font: var(--s-weight-semi) var(--s-step-label)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-ui); color: var(--s-pen-night); font-variant-numeric: lining-nums tabular-nums; }
.ak-subs { display: grid; gap: var(--s-space-m); }
.ak-sub { display: grid; grid-template-columns: var(--s-num-col) minmax(0, 1fr); gap: var(--s-space-s); max-width: var(--s-measure-clause); }
.ak-sub__num { font: var(--s-weight-medium) var(--s-step-label)/var(--s-leading-body) var(--s-sans); color: var(--s-night-muted); font-variant-numeric: lining-nums tabular-nums; padding-top: var(--s-num-nudge); }
.ak-sub p { color: var(--s-night-text); }
.ak-card { display: grid; gap: var(--s-space-l); align-content: start; padding: var(--s-space-l); background: var(--s-night-raised); border: var(--s-rule) solid var(--s-night-hair); }
.ak-rates { width: 100%; border-collapse: collapse; }
.ak-rates caption { text-align: left; color: var(--s-night-muted); padding-bottom: var(--s-space-s); }
.ak-rates__unit { display: block; margin-top: var(--s-space-2xs); text-transform: none; letter-spacing: 0; font-weight: var(--s-weight-regular); }
.ak-rates th, .ak-rates td { padding-block: var(--s-space-s); border-top: var(--s-rule) solid var(--s-night-hair); vertical-align: baseline; }
.ak-rates th { text-align: left; font-weight: var(--s-weight-regular); padding-right: var(--s-space-m); font-size: var(--s-step-ledger); }
.ak-rates td { text-align: right; white-space: nowrap; font: var(--s-weight-medium) var(--s-step-body)/var(--s-leading-ui) var(--s-sans); font-variant-numeric: lining-nums proportional-nums; }
.ak-timeline__label { color: var(--s-night-muted); margin-bottom: var(--s-space-m); }
.ak-stamps { position: relative; display: grid; gap: var(--s-space-l); }
.ak-stamps::before { content: ""; position: absolute; left: calc(var(--s-stamp-dot) / 2); top: var(--s-stamp-dot); bottom: var(--s-stamp-dot); width: var(--s-rule); background: var(--s-night-hair-strong); transform: translateX(-50%); }
.ak-stamps { max-width: 100%; min-width: 0; }
/* The stamps land from a slightly larger scale: clip that travel so it never widens a phone page. */
.ak-sec--discuss { overflow-x: clip; }
.ak-stamp { position: relative; min-width: 0; max-width: 100%; display: grid; grid-template-columns: var(--s-stamp-dot) minmax(0, 1fr); column-gap: var(--s-space-m); row-gap: var(--s-space-2xs); align-items: center; }
.ak-stamp__dot { grid-row: 1 / span 2; align-self: start; margin-top: var(--s-stamp-dot-top); width: var(--s-stamp-dot); height: var(--s-stamp-dot); background: var(--s-pen); }
.ak-stamp__when { min-width: 0; max-width: 100%; overflow-wrap: anywhere; color: var(--s-night-muted); font-variant-numeric: lining-nums; }
.ak-stamp__label {
    justify-self: start; max-width: 100%; overflow-wrap: anywhere; padding: var(--s-space-2xs) var(--s-space-s); border: var(--s-stamp-border) solid currentColor;
    font: var(--s-weight-semi) var(--s-step-small)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-ui); text-transform: uppercase;
    transform: rotate(var(--s-stamp-tilt-1));
}
.ak-stamp:nth-child(2) .ak-stamp__label { transform: rotate(var(--s-stamp-tilt-2)); }
.ak-stamp:nth-child(3) .ak-stamp__label { transform: rotate(var(--s-stamp-tilt-3)); }
[data-ak-state="armed"] .ak-stamp { opacity: 0; transform: scale(var(--s-stamp-from)); }
[data-ak-state="in"] .ak-stamp { transition: opacity var(--s-dur-stamp) var(--s-ease-calm), transform var(--s-dur-stamp) var(--s-ease-pen); }
.ak-sec--paper .ak-stamps::before { background: var(--s-hair-strong); }
.ak-sec--paper .ak-stamp__when { color: var(--s-graphite); }

/* ---- § 6 the cover sheet --------------------------------------------------------------------------- */
.ak-discuss { display: grid; gap: var(--s-space-xl); }
.ak-sheetform { position: relative; padding: var(--s-space-m); background: var(--s-paper-light); border: var(--s-rule) solid var(--s-hair-strong); box-shadow: var(--s-sheet-card); }
.ak-sheetform__band { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--s-space-xs) var(--s-space-m); padding-bottom: var(--s-space-s); margin-bottom: var(--s-space-m); border-bottom: var(--s-rule-strong) solid var(--s-pen); }
.ak-band { font-weight: var(--s-weight-semi); color: var(--s-ink); }
.ak-band__label { color: var(--s-graphite); }
.ak-summary { margin-bottom: var(--s-space-m); padding: var(--s-space-s) var(--s-space-m); border-left: var(--s-note-rule) solid var(--s-pen); color: var(--s-pen-text); font: var(--s-weight-medium) var(--s-step-small)/var(--s-leading-tight) var(--s-sans); }
.ak-row { display: grid; gap: var(--s-space-2xs); margin: 0; padding: var(--s-space-s) 0; border: 0; border-bottom: var(--s-rule) solid var(--s-hair); min-width: 0; }
.ak-row__label { padding: 0; color: var(--s-graphite); }
.ak-req { margin-left: var(--s-space-2xs); text-transform: none; letter-spacing: 0; font-weight: var(--s-weight-regular); color: var(--s-graphite); }
.ak-row__value { font-size: var(--s-step-input); min-height: var(--s-tap); display: flex; align-items: center; }
.ak-input {
    width: 100%; min-height: var(--s-input-h); padding: var(--s-space-xs) 0; border: 0; border-bottom: var(--s-rule) solid var(--s-hair-strong); border-radius: 0;
    background: transparent; color: var(--s-ink); font: var(--s-weight-regular) var(--s-step-input)/var(--s-leading-tight) var(--s-serif);
    -webkit-appearance: none; appearance: none; transition: border-color var(--s-dur-fast) var(--s-ease-calm);
}
.ak-input:hover { border-bottom-color: var(--s-ink); }
.ak-input:focus-visible { outline: none; border-bottom: var(--s-rule-strong) solid var(--s-ink); box-shadow: 0 var(--s-rule) 0 0 var(--s-ink); }
.ak-input--area { resize: vertical; min-height: var(--s-area-h); line-height: var(--s-leading-body); padding: var(--s-space-xs) var(--s-space-s); margin-top: var(--s-space-xs); border: var(--s-rule) solid var(--s-hair-strong); background: var(--s-paper); }
.ak-input--area:focus-visible { border: var(--s-rule-strong) solid var(--s-ink); box-shadow: none; }
.ak-input[aria-invalid="true"] { border-bottom-color: var(--s-pen-text); }
.ak-select { position: relative; }
.ak-select .ak-icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; }
.ak-select select { padding-right: var(--s-space-l); cursor: pointer; }
.ak-radios { display: flex; flex-wrap: wrap; gap: var(--s-space-xs); padding-top: var(--s-space-xs); }
.ak-radio { display: inline-flex; align-items: center; gap: var(--s-space-xs); min-height: var(--s-tap); padding-inline: var(--s-space-s); border: var(--s-rule) solid var(--s-hair-strong); cursor: pointer; font: var(--s-weight-medium) var(--s-step-small)/var(--s-leading-ui) var(--s-sans); }
.ak-radio input { -webkit-appearance: none; appearance: none; width: var(--s-check); height: var(--s-check); margin: 0; border: var(--s-rule-strong) solid var(--s-ink); background: transparent; border-radius: var(--s-radio-radius); display: grid; place-items: center; }
.ak-radio input::before { content: ""; width: var(--s-check-dot); height: var(--s-check-dot); background: var(--s-ink); border-radius: var(--s-radio-radius); transform: scale(0); transition: transform var(--s-dur-fast) var(--s-ease-calm); }
.ak-radio input:checked::before { transform: scale(1); }
.ak-radio:has(input:checked) { border-color: var(--s-ink); background: var(--s-paper); }
.ak-radio:has(input:focus-visible) { outline: var(--s-focus-w) solid var(--s-focus); outline-offset: var(--s-focus-off); }
.ak-radio input:focus-visible { outline: none; }
.ak-hint, .ak-count { color: var(--s-graphite); font: var(--s-weight-regular) var(--s-step-note)/var(--s-leading-note) var(--s-sans); }
.ak-count { font-variant-numeric: lining-nums tabular-nums; }
.ak-count.is-over { color: var(--s-pen-text); }
.ak-err { color: var(--s-pen-text); font: var(--s-weight-medium) var(--s-step-note)/var(--s-leading-note) var(--s-sans); }
.ak-sheetform__foot { padding-top: var(--s-space-l); }
.ak-done { margin-top: var(--s-space-m); }
.ak-done:empty { margin: 0; }
.ak-done__t { font: var(--s-weight-medium) var(--s-step-h3)/var(--s-leading-tight) var(--s-serif); margin-bottom: var(--s-space-xs); }
.ak-done p:not(.ak-done__t) { color: var(--s-graphite); font-size: var(--s-step-small); max-width: var(--s-measure-body); }
.ak-received {
    position: absolute; right: var(--s-space-m); top: var(--s-received-top); padding: var(--s-space-xs) var(--s-space-m);
    border: var(--s-stamp-border) solid var(--s-pen); color: var(--s-pen-text); background: var(--s-paper-light);
    font: var(--s-weight-semi) var(--s-step-stamp)/var(--s-leading-solid) var(--s-sans); letter-spacing: var(--s-track-ui); text-transform: uppercase;
    opacity: 0; transform: rotate(var(--s-stamp-angle)) scale(var(--s-stamp-from)); pointer-events: none;
    transition: opacity var(--s-dur-stamp) var(--s-ease-calm), transform var(--s-dur-stamp) var(--s-ease-pen);
}
.ak-received.is-on { opacity: 1; transform: rotate(var(--s-stamp-angle)); }
.ak-discuss__side { display: grid; gap: var(--s-space-m); align-content: start; }
.ak-discuss__side .ak-timeline__label { color: var(--s-graphite); margin: 0; }
.ak-discuss__side .ak-notes { margin-top: var(--s-space-m); }

/* ---- Colophon (night) ---------------------------------------------------------------------------------- */
.ak-colophon { background: var(--s-night); color: var(--s-night-text); padding-block: var(--s-space-2xl) var(--s-space-xl); }
.ak-colophon__end { display: flex; align-items: center; gap: var(--s-space-m); margin-bottom: var(--s-space-xl); color: var(--s-night-muted); font: var(--s-weight-regular) var(--s-step-small)/var(--s-leading-ui) var(--s-serif); font-variant-caps: all-small-caps; letter-spacing: var(--s-track-caps); }
.ak-colophon__rule { flex: 1; height: var(--s-rule); background: var(--s-night-hair-strong); }
.ak-colophon__grid { display: grid; gap: var(--s-space-xl); }
.ak-colophon__mark { font: var(--s-weight-regular) var(--s-step-h2)/var(--s-leading-solid) var(--s-serif); font-variant-caps: all-small-caps; letter-spacing: var(--s-track-caps); }
.ak-colophon__ed { margin-top: var(--s-space-s); color: var(--s-night-muted); font: var(--s-weight-regular) var(--s-step-small)/var(--s-leading-ui) var(--s-serif); font-variant-caps: all-small-caps; letter-spacing: var(--s-track-caps); }
.ak-colophon__label { color: var(--s-night-muted); margin-bottom: var(--s-space-s); }
.ak-colophon__offices { display: grid; gap: var(--s-space-m); align-content: start; }
.ak-office { display: grid; font-style: normal; }
.ak-office__name { font-variant-caps: all-small-caps; letter-spacing: var(--s-track-caps); color: var(--s-night-muted); }
.ak-colophon__lines { display: grid; gap: var(--s-space-s); color: var(--s-night-muted); font-size: var(--s-step-note); line-height: var(--s-leading-note); max-width: var(--s-measure-body); }
.ak-colophon__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s-space-m); margin-top: var(--s-space-xl); padding-top: var(--s-space-m); border-top: var(--s-rule) solid var(--s-night-hair); color: var(--s-night-muted); font: var(--s-weight-regular) var(--s-step-note)/var(--s-leading-ui) var(--s-sans); }

/* ---- One-shot entries (armed by site.js) ---------------------------------------------------------------- */
.ak-exhibit[data-ak-state="armed"] .ak-tab { transform: translateY(var(--s-tab-rise)); opacity: 0; }
.ak-exhibit[data-ak-state="in"] .ak-tab { transition: transform var(--s-dur-tab) var(--s-ease-calm), opacity var(--s-dur-tab) var(--s-ease-calm); }

/* =============================== TABLET (>= 768px) =================================================== */
@media (min-width: 768px) {
    .ak-nav__cta { display: inline-flex; }
    .ak-divider__t { display: inline; }
    .ak-running__facts { display: inline; }
    .ak-mast__act { min-height: 0; }
    .ak-actions .ak-btn { margin-right: var(--s-btn-stroke-gap); }
    .ak-position { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-col-gap); }
    .ak-index { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--s-col-gap); border-top: 0; }
    .ak-index__col { border-bottom: 0; border-top: var(--s-rule-strong) solid var(--s-ink); }
    .ak-index__head { cursor: default; pointer-events: none; }
    .ak-index__chev { display: none; }
    .ak-partners { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s-col-gap); }
    .ak-partner { grid-template-columns: minmax(0, 1fr); }
    .ak-mono { font-size: var(--s-step-monogram); }
    .ak-partners__exhibit .ak-exhibit { margin-top: var(--s-tab-h); }
    .ak-sheetform { padding: var(--s-space-l); }
    .ak-row { grid-template-columns: var(--s-memo-label) minmax(0, 1fr); align-items: start; column-gap: var(--s-space-m); }
    .ak-row__label { padding-top: var(--s-memo-label-y); }
    .ak-row--urgency { display: block; }
    .ak-row--urgency .ak-row__label { float: left; width: var(--s-memo-label); }
    .ak-row--urgency .ak-row__field { margin-left: calc(var(--s-memo-label) + var(--s-space-m)); }
    .ak-file__tab { grid-template-columns: var(--s-brief-margin) minmax(0, 1fr) auto auto; column-gap: var(--s-space-l); }
    .ak-brief__time { grid-column: 3; grid-row: 1; }
    .ak-file__chev { grid-column: 4; }
    .ak-file__sheet { padding-left: calc(var(--s-file-pad) + var(--s-brief-margin) + var(--s-space-l)); }
    .ak-brief__dl { max-width: var(--s-measure-brief-wide); }
    .ak-brief__row { grid-template-columns: var(--s-brief-label) minmax(0, 1fr); column-gap: var(--s-space-m); align-items: baseline; }
    .ak-slit { height: var(--s-slit-open-vh); height: var(--s-slit-open); }
    .ak-slit__clip { clip-path: inset(calc((1 - var(--s-slit-p)) * var(--s-slit-focus) * (100% - var(--s-slit-vh))) 0 calc((1 - var(--s-slit-p)) * (1 - var(--s-slit-focus)) * (100% - var(--s-slit-vh))) 0);
        clip-path: inset(calc((1 - var(--s-slit-p)) * var(--s-slit-focus) * (100% - var(--s-slit))) 0 calc((1 - var(--s-slit-p)) * (1 - var(--s-slit-focus)) * (100% - var(--s-slit))) 0); }
    .ak-slit__pic img { object-position: var(--s-slit-pos); }
    .ak-slit .ak-tab { left: max(var(--s-gutter), (100% - var(--s-max)) / 2);
        top: calc((1 - var(--s-slit-p)) * var(--s-slit-focus) * (100% - var(--s-slit-vh))); top: calc((1 - var(--s-slit-p)) * var(--s-slit-focus) * (100% - var(--s-slit))); }
    .ak-cap--slit { left: max(var(--s-gutter), (100% - var(--s-max)) / 2); right: auto; max-width: var(--s-measure-note);
        top: calc(100% - (1 - var(--s-slit-p)) * (1 - var(--s-slit-focus)) * (100% - var(--s-slit-vh))); top: calc(100% - (1 - var(--s-slit-p)) * (1 - var(--s-slit-focus)) * (100% - var(--s-slit))); }
    .ak-colophon__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* =============================== WIDE (>= 1024px) ===================================================== */
@media (min-width: 1024px) {
    html { scroll-padding-top: var(--s-nav-h); }
    .ak-nav__in { min-height: var(--s-nav-h); }
    .ak-night-reg { min-height: calc(var(--s-night-share-vh) - var(--s-above-est)); min-height: calc(var(--s-night-share) - var(--s-above-est)); }
    .ak-night-reg__in { padding-block: var(--s-space-s) var(--s-space-xl); }
    .ak-running__ed { display: inline; }
    .ak-statement { font-size: var(--s-step-statement); max-width: none; width: calc((100% - (var(--s-cols) - 1) * var(--s-col-gap)) / var(--s-cols) * var(--s-statement-span) + (var(--s-statement-span) - 1) * var(--s-col-gap)); }
    .ak-statement__line { display: block; }
    .ak-mast__grid { grid-template-columns: repeat(var(--s-cols), minmax(0, 1fr)); column-gap: var(--s-col-gap);
        align-content: start; }
    .ak-night-reg__in { padding-bottom: 0; }
    .ak-mast__grid { padding-bottom: var(--s-section-end); }
    .ak-mast__act { grid-column: 1 / span var(--s-mast-act-span); grid-row: 1; padding-top: var(--s-space-xl); }
    /* 1.1–1.3 as a ruled margin column on the paper, beside the CTA (fills the fold, r5) */
    .ak-position { grid-column: var(--s-mast-clauses-from) / span var(--s-mast-clauses-span); grid-row: 1; align-self: start;
        grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: var(--s-space-xl); padding: 0 0 0 var(--s-space-m);
        border-top: 0; border-left: var(--s-margin-rule) double var(--s-pen); }
    .ak-position__item { grid-template-columns: var(--s-num-col) minmax(0, 1fr); padding-block: var(--s-space-s); border-top: var(--s-rule) solid var(--s-hair); max-width: none; }
    .ak-position__item:first-child { padding-top: 0; border-top: 0; }
    .ak-position__item p { font: var(--s-weight-regular) var(--s-step-small)/var(--s-leading-note) var(--s-serif); color: var(--s-graphite); }
    .ak-position__item strong { display: block; font: var(--s-weight-semi) var(--s-step-clause-title)/var(--s-leading-tight) var(--s-serif); color: var(--s-ink); }
    .ak-position__num { padding-top: 0; }
    .ak-exhibit--a { grid-column: calc(var(--s-cols) - var(--s-exhibit-span) + 1) / -1; grid-row: 1; justify-self: end; width: var(--s-exhibit-a-w); margin-top: calc(-1 * var(--s-exhibit-a-rise)); }
    .ak-exhibit--a .ak-cap { margin-bottom: 0; }
    .ak-head--split, .ak-head--ledger { grid-template-columns: repeat(var(--s-cols), minmax(0, 1fr)); column-gap: var(--s-col-gap); align-items: end; margin-bottom: var(--s-space-2xl); }
    .ak-head--split .ak-h2 { grid-column: 1 / span 7; }
    .ak-head--split .ak-lead { grid-column: 8 / -1; }
    .ak-head--ledger { grid-template-rows: auto 1fr; align-items: start; }
    .ak-head--ledger .ak-h2, .ak-head--ledger .ak-lead { grid-column: 1 / span var(--s-head-ledger-span); }
    .ak-head--ledger .ak-ledger { grid-column: var(--s-head-ledger-from) / -1; grid-row: 1 / span 2; margin-top: 0; }
    .ak-file__tab { grid-template-columns: var(--s-brief-margin-wide) minmax(0, 1fr) auto auto; }
    .ak-file__sheet { padding-left: calc(var(--s-file-pad) + var(--s-brief-margin-wide) + var(--s-space-l));
        display: grid; grid-template-columns: minmax(0, var(--s-measure-brief-wide)) minmax(0, 1fr); column-gap: var(--s-space-xl); }
    /* the docket figure takes the sheet's empty right column; the tab's own time line steps aside (still read by screen readers) */
    .ak-docket { display: grid; justify-self: end; align-self: start; width: var(--s-docket-w); padding: var(--s-docket-pad);
        border-block: var(--s-rule-strong) solid var(--s-ink); color: var(--s-ink); text-align: right; }
    .ak-docket__label { font: var(--s-weight-medium) var(--s-step-label)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-ui); text-transform: uppercase; color: var(--s-graphite); }
    .ak-docket__fig { margin-top: var(--s-space-s); font: var(--s-weight-regular) var(--s-step-docket)/var(--s-leading-docket) var(--s-serif);
        font-variation-settings: "opsz" var(--s-opsz-statement); font-variant-numeric: lining-nums tabular-nums; letter-spacing: var(--s-track-statement); }
    .ak-docket__unit { margin-top: var(--s-space-xs); font: var(--s-weight-semi) var(--s-step-label)/var(--s-leading-ui) var(--s-sans); letter-spacing: var(--s-track-ui); text-transform: uppercase; }
    .ak-file[open] .ak-brief__time { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .ak-briefs, .ak-exhibit--c { margin-left: var(--s-briefs-indent); }
    .ak-exhibit--c { margin-top: var(--s-space-2xl); }
    .ak-exhibit--c .ak-exhibit__frame { aspect-ratio: var(--s-exhibit-c-ratio); }
    .ak-exhibit--c img, .ak-exhibit--d img { height: 100%; object-fit: cover; }
    .ak-partner--lead { grid-template-columns: auto minmax(0, 1fr); column-gap: var(--s-space-l); }
    .ak-partner--lead .ak-mono { font-size: var(--s-step-monogram-lead); }
    .ak-partner--lead .ak-partner__name { font-size: var(--s-step-h2); line-height: var(--s-leading-display); }
    .ak-partners__exhibit { align-self: start; }
    .ak-register__cols { display: grid; grid-template-columns: var(--s-reg-cols); column-gap: var(--s-space-l); padding-bottom: var(--s-space-s); color: var(--s-graphite); }
    .ak-register__cols span:first-child { grid-column: 2; }
    .ak-reg__row { grid-template-columns: var(--s-reg-cols); column-gap: var(--s-space-l); }
    .ak-reg__mono, .ak-reg__name, .ak-reg__role, .ak-reg__year, .ak-reg__known, .ak-reg__chev { grid-row: 1; grid-column: auto; }
    .ak-reg__file[open] .ak-reg__known { visibility: hidden; }
    .ak-reg__sheet { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--s-space-xl); padding-left: calc(var(--s-reg-mono) + var(--s-space-l)); padding-right: calc(var(--s-icon) + var(--s-space-l)); }
    .ak-reg__sheet .ak-partner__years { grid-column: 1 / -1; }
    .ak-terms { grid-template-columns: repeat(var(--s-cols), minmax(0, 1fr)); column-gap: var(--s-col-gap); align-items: start; }
    .ak-terms__rail { grid-column: 1 / span var(--s-rail-span); position: sticky; top: var(--s-rail-top); }
    .ak-head--rail .ak-lead { font-size: var(--s-step-body); line-height: var(--s-leading-body); }
    .ak-terms__main { display: grid; gap: var(--s-space-2xl); grid-column: calc(var(--s-rail-span) + 1) / span var(--s-terms-main-span); }
    .ak-terms__side { display: grid; gap: var(--s-space-2xl); align-self: stretch; align-content: start; grid-column: calc(var(--s-rail-span) + var(--s-terms-main-span) + 1) / -1; }
    /* the rail and Exhibit E ride beside the clauses as they scroll, so no column is ever an empty block of night (r6) */
    .ak-exhibit--e { margin-top: var(--s-tab-h); position: sticky; top: calc(var(--s-rail-top) + var(--s-tab-h)); }
    .ak-contents__a { display: grid; grid-template-columns: var(--s-num-col) minmax(0, 1fr); column-gap: var(--s-space-xs); row-gap: var(--s-space-2xs); padding-block: var(--s-space-s); }
    .ak-contents .ak-leader { display: none; }
    .ak-contents__range { grid-column: 2; }
    .ak-discuss { grid-template-columns: repeat(var(--s-cols), minmax(0, 1fr)); column-gap: var(--s-col-gap); }
    .ak-sheetform { grid-column: 1 / span 8; padding: var(--s-space-xl); }
    .ak-discuss__side { grid-column: 10 / -1; position: sticky; top: calc(var(--s-nav-h) + var(--s-space-l)); }
    .ak-colophon__grid { grid-template-columns: 2fr 1fr 2fr; }
}

@media (min-width: 1180px) {
    .ak-nav__links { display: block; margin-inline: auto; }
    .ak-brand { margin-right: 0; }
    .ak-menu { display: none; }
}

/* =============================== PHONE (<= 767px) ===================================================== */
@media (max-width: 767px) {
    .ak-actions { flex-direction: column; align-items: stretch; gap: var(--s-space-2xs); }
    .ak-actions .ak-btn, .ak-sheetform__foot .ak-btn { margin-right: var(--s-btn-stroke-over-sm); }
    .ak-actions .ak-btn__pen, .ak-sheetform__foot .ak-btn__pen { left: var(--s-btn-pen-from-sm); width: calc(100% - var(--s-btn-pen-from-sm) + var(--s-btn-stroke-over-sm)); }
    .ak-actions .ak-textlink { align-self: flex-start; }
    .ak-mast__grid { display: flex; flex-direction: column; }
    .ak-mast__act { display: contents; }
    /* r5: Exhibit A comes up under the night half as a 16:9 strip, ABOVE the CTA, so Safari's first screen
       (~664px) holds statement, photograph and action. The figure dissolves so its caption can follow the CTA.
       (The masthead is never armed by site.js, so a box-less figure costs no entry.) */
    .ak-exhibit--a { display: contents; }
    .ak-exhibit--a .ak-tab { position: relative; bottom: auto; order: 1; align-self: flex-start; }   /* the tab sits ON the register edge */
    .ak-exhibit--a .ak-exhibit__frame { order: 2; }
    .ak-actions { order: 3; margin-top: var(--s-space-s); }
    .ak-confidence { order: 4; margin-top: var(--s-space-2xs); }
    .ak-exhibit--a .ak-cap { order: 5; margin-block: var(--s-space-l) 0; }
    .ak-notes--fold { order: 6; }
    .ak-position { order: 7; }
    .ak-row--line { grid-template-columns: var(--s-memo-label-sm) minmax(0, 1fr); align-items: start; column-gap: var(--s-space-s); padding-block: var(--s-space-2xs); }
    .ak-row--line .ak-row__label { padding-top: var(--s-memo-label-y-sm); }
    .ak-row--line .ak-req { display: block; margin-left: 0; }
    .ak-row--line .ak-input { min-height: var(--s-tap); }
    .ak-row--line .ak-row__value { min-height: var(--s-tap); }
    .ak-exhibit--a .ak-exhibit__frame { aspect-ratio: var(--s-exhibit-a-ratio-sm); }
    .ak-exhibit--a img { height: 100%; object-fit: cover; object-position: var(--s-exhibit-a-pos-sm); }
    .ak-notes--fold { margin-top: var(--s-space-l); }
    .ak-index__col:not([open]) .ak-index__list, .ak-index__col:not([open]) .ak-index__margin { display: none; }
    .ak-entry__line { flex-wrap: wrap; }
    .ak-sheetform__foot .ak-btn { width: calc(100% - var(--s-btn-stroke-over-sm)); }
    .ak-file__tab { grid-template-columns: var(--s-num-col) minmax(0, 1fr) auto; }
    .ak-received { top: auto; bottom: var(--s-space-xl); }
    .ak-reg__year, .ak-reg__known { display: none; }
}

/* =============================== Reduced motion: the finished, marked-up bundle ======================= */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
    [data-ak-state] .ak-outcome__bar { transform: scaleX(0); }
    [data-ak-state] .ak-mono__pen path, [data-ak-state] .ak-strike path { stroke-dashoffset: 0; }
    [data-ak-state] .ak-stamp, [data-ak-state] .ak-exhibit__frame ~ .ak-tab, .ak-exhibit[data-ak-state] .ak-tab { opacity: 1; transform: none; }
}