/*
|--------------------------------------------------------------------------
| THIS ONE'S IMPORTANT™
| Free Medical Courier Landing Page Template
|--------------------------------------------------------------------------
| Design language:
| Dispatch terminal × chain of custody × route manifest × cold-chain logger
|--------------------------------------------------------------------------
*/


/* ==========================================================================
   01. ROOT
   ========================================================================== */

:root {
    --navy-950: #081521;
    --navy-900: #0d1e2d;
    --navy-800: #132a3f;
    --navy-700: #1b3a54;

    --paper: #f4f1e9;
    --paper-deep: #e9e5da;
    --paper-warm: #ddd7ca;

    --screen: #dce5e2;
    --screen-dark: #bac9c5;

    --ink: #172029;
    --ink-soft: #5e676c;

    --cyan: #39c2d7;
    --cyan-dark: #118ca1;

    --orange: #ff6d2e;
    --orange-deep: #c84b1c;

    --red: #b83c37;

    --yellow: #f0cb53;

    --white: #ffffff;

    --line-dark: rgba(15, 28, 38, 0.22);
    --line-light: rgba(255, 255, 255, 0.18);

    --font-display: "Instrument Serif", Georgia, serif;
    --font-body: "Inter", Arial, sans-serif;
    --font-mono: "IBM Plex Mono", Consolas, monospace;

    --content: 1500px;

    --shadow:
        0 1.25rem 4rem rgba(8, 21, 33, 0.16);

    --fast: 160ms ease;
}


/* ==========================================================================
   02. RESET
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;

    background: var(--paper);
    color: var(--ink);

    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.6;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.nav-open {
    overflow: hidden;
}

img,
svg {
    display: block;
    max-width: 100%;
}

img {
    width: 100%;
}

a {
    color: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
select {
    cursor: pointer;
}

h1,
h2,
h3,
p,
dl,
dd,
figure,
ol,
ul {
    margin-top: 0;
}

h1,
h2,
h3 {
    text-wrap: balance;
}

section[id] {
    scroll-margin-top: 8rem;
}

::selection {
    background: var(--cyan);
    color: var(--navy-950);
}


/* ==========================================================================
   03. ACCESSIBILITY
   ========================================================================== */

.skip-link {
    position: fixed;
    top: 1rem;
    left: 1rem;
    z-index: 9999;

    padding: 0.75rem 1rem;

    background: var(--orange);
    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 700;
    text-decoration: none;

    transform: translateY(-200%);
    transition: transform var(--fast);
}

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

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


/* ==========================================================================
   04. SHARED TYPOGRAPHY
   ========================================================================== */

h1,
h2,
h3 {
    font-family: var(--font-display);
    font-weight: 400;
    line-height: 0.94;
}

h1 {
    margin-bottom: 1.25rem;

    font-size: clamp(4.5rem, 9vw, 9.8rem);
    letter-spacing: -0.055em;
}

h2 {
    margin-bottom: 1.5rem;

    font-size: clamp(3.4rem, 6vw, 6.8rem);
    letter-spacing: -0.045em;
}

h3 {
    margin-bottom: 0.6rem;

    font-size: clamp(1.8rem, 2.5vw, 2.7rem);
    letter-spacing: -0.025em;
}

h1 em,
h2 em {
    color: var(--orange);
    font-style: italic;
}

.record-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.32fr);
    gap: 4rem;
    align-items: end;

    margin-bottom: 4rem;
}

.record-heading h2 {
    max-width: 12ch;
    margin-bottom: 0;
}

.record-heading__code,
.temperature-record__header > div:first-child > p,
.operations-file__title > p:first-child,
.service-area-record__header > p,
.dispatch-request__header > div:first-child > p,
.route-closed__main > div:first-child > p {
    margin-bottom: 1.25rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.record-heading__note {
    margin: 0 0 0.35rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.72rem;
    line-height: 1.7;
}

.record-heading--dark {
    color: var(--white);
}

.record-heading--dark .record-heading__code {
    color: var(--cyan);
}

.record-heading--dark .record-heading__note {
    color: rgba(255, 255, 255, 0.58);
}


/* ==========================================================================
   05. BUTTONS
   ========================================================================== */

.dispatch-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 3.5rem;
    padding: 0.9rem 1.35rem;

    border: 1px solid transparent;

    font-family: var(--font-mono);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    transition:
        transform var(--fast),
        background-color var(--fast),
        border-color var(--fast),
        color var(--fast);
}

.dispatch-button:hover {
    transform: translateY(-2px);
}

.dispatch-button--signal {
    background: var(--orange);
    border-color: var(--orange);
    color: var(--navy-950);
}

.dispatch-button--signal:hover {
    background: #ff824d;
    border-color: #ff824d;
}

.dispatch-button--line {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.44);
    color: var(--white);
}

.dispatch-button--line:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--white);
}

.dispatch-button--dark {
    background: var(--navy-900);
    border-color: var(--navy-900);
    color: var(--white);
}

.dispatch-button--dark:hover {
    background: var(--navy-950);
    border-color: var(--navy-950);
}


/* ==========================================================================
   06. DISPATCH HEADER
   ========================================================================== */

.dispatch-header {
    position: sticky;
    top: 0;
    z-index: 500;

    background: var(--paper);
    border-bottom: 1px solid var(--navy-950);
}

.dispatch-header__status {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    background: var(--navy-950);
    color: rgba(255, 255, 255, 0.62);
}

.dispatch-header__status p {
    margin: 0;
    padding: 0.42rem 1.25rem;

    border-right: 1px solid rgba(255, 255, 255, 0.13);

    font-family: var(--font-mono);
    font-size: 0.57rem;
    letter-spacing: 0.06em;
}

.dispatch-header__status p:last-child {
    border-right: 0;
    text-align: right;
}

.dispatch-header__status strong,
.dispatch-header__status a {
    margin-left: 0.5rem;
    color: var(--cyan);
    font-weight: 700;
    text-decoration: none;
}

.dispatch-header__main {
    display: grid;
    grid-template-columns: minmax(20rem, 1fr) auto;
    gap: 2rem;
    align-items: center;

    width: min(100%, var(--content));
    min-height: 6rem;
    margin: 0 auto;
    padding: 0 2rem;
}

.dispatch-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    width: fit-content;

    text-decoration: none;
}

.dispatch-brand__logo-frame {
    display: block;

    width: clamp(19.5rem, 22vw, 23.5rem);
    height: 5rem;

    overflow: hidden;
}

.dispatch-brand__logo {
    display: block;

    width: 100%;
    height: auto;

    transform: translateY(-12.85%);
}

.dispatch-brand__route {
    margin-bottom: 0.25rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.dispatch-brand__name {
    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: clamp(1.7rem, 2.5vw, 2.45rem);
    letter-spacing: -0.035em;
    line-height: 0.95;
}

.dispatch-brand__name span {
    color: var(--orange);
    font-family: var(--font-body);
    font-size: 0.55em;
    font-weight: 700;
    vertical-align: top;
}

.dispatch-brand__tagline {
    margin-top: 0.2rem;

    color: var(--orange-deep);

    font-family: var(--font-display);
    font-size: 1rem;
    font-style: italic;
}

.dispatch-brand__tagline--premium {
    margin-top: -0.72rem;
    margin-left: 4.8rem;

    font-size: 0.9rem;
    line-height: 1;
}

.dispatch-nav {
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

.dispatch-nav a {
    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
}

.dispatch-nav a:not(.dispatch-nav__request) {
    padding-bottom: 0.25rem;
    border-bottom: 1px solid transparent;
}

.dispatch-nav a:not(.dispatch-nav__request):hover {
    border-bottom-color: var(--orange);
}

.dispatch-nav__request {
    padding: 0.85rem 1rem;

    background: var(--navy-900);
    color: var(--white) !important;
}

.nav-toggle {
    display: none;

    align-items: center;
    gap: 0.75rem;

    padding: 0;

    background: transparent;
    border: 0;

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.65rem;
    font-weight: 700;
}

.nav-toggle__marks {
    display: grid;
    gap: 0.32rem;
}

.nav-toggle__marks i {
    display: block;

    width: 1.6rem;
    height: 2px;

    background: currentColor;
}


/* ==========================================================================
   07. MASTER SHIPMENT RECORD
   ========================================================================== */

.shipment-record {
    position: relative;

    width: 100%;
    overflow: hidden;
}

.shipment-record::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: max(1rem, calc((100vw - var(--content)) / 2));

    z-index: 25;

    width: 1px;

    background: rgba(184, 60, 55, 0.28);

    content: "";
    pointer-events: none;
}


/* ==========================================================================
   08. RECORD 01 — OPEN ROUTE
   ========================================================================== */

.open-route {
    position: relative;

    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);

    min-height: max(50rem, calc(100vh - 7.5rem));

    overflow: hidden;

    background: var(--navy-950);
    color: var(--white);
}


/*
|--------------------------------------------------------------------------
| Hero photograph
|--------------------------------------------------------------------------
| The route photograph is deliberately part of the hero itself.
| It behaves like documentary evidence behind the dispatch interface.
|--------------------------------------------------------------------------
*/

.open-route__evidence {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: 0;

    margin: 0;

    background: var(--navy-950);
}

.open-route__evidence img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% center;
}


/*
|--------------------------------------------------------------------------
| Integrated hero shading
|--------------------------------------------------------------------------
*/

.open-route::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.95) 28%,
            rgba(8, 21, 33, 0.78) 40%,
            rgba(8, 21, 33, 0.46) 50%,
            rgba(8, 21, 33, 0.20) 61%,
            rgba(8, 21, 33, 0.06) 74%,
            rgba(8, 21, 33, 0.00) 100%
        ),
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0.04) 0%,
            rgba(8, 21, 33, 0.03) 60%,
            rgba(8, 21, 33, 0.30) 100%
        );

    content: "";
    pointer-events: none;
}


/*
|--------------------------------------------------------------------------
| Vertical route rail
|--------------------------------------------------------------------------
*/

.record-rail {
    position: relative;
    z-index: 4;

    grid-column: 1;
    grid-row: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    padding: 1.25rem 0;

    background: var(--orange);
    color: var(--navy-950);

    writing-mode: vertical-rl;

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.record-rail strong {
    font-size: 0.7rem;
}


/*
|--------------------------------------------------------------------------
| Hero content layer
|--------------------------------------------------------------------------
*/

.open-route__main {
    position: relative;
    z-index: 3;

    grid-column: 2;
    grid-row: 1;

    display: grid;
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(19rem, 0.48fr);

    gap: clamp(3rem, 5vw, 5rem);
    align-items: center;

    width: min(
        calc(100% - 3rem),
        calc(var(--content) - 4.5rem)
    );

    margin: 0 auto;

    padding:
        clamp(5rem, 8vw, 8rem)
        0
        clamp(5rem, 8vw, 7rem);
}

.open-route__identity {
    max-width: 55rem;
}

.record-label {
    display: flex;
    flex-wrap: wrap;

    width: fit-content;
    margin-bottom: 2.4rem;

    background: rgba(8, 21, 33, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.28);

    backdrop-filter: blur(8px);
}

.record-label span {
    padding: 0.55rem 0.8rem;

    border-right: 1px solid rgba(255, 255, 255, 0.25);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.record-label span:last-child {
    border-right: 0;
    color: var(--orange);
}

.open-route__number {
    margin-bottom: -1.1rem;

    color: rgba(255, 255, 255, 0.09);

    font-family: var(--font-mono);
    font-size: clamp(6.5rem, 12vw, 11rem);
    font-weight: 700;
    letter-spacing: -0.08em;
    line-height: 0.68;
}

.open-route h1 {
    position: relative;
    z-index: 2;

    max-width: 7ch;
}

.open-route__tagline {
    margin-bottom: 1rem;

    color: var(--cyan);

    font-family: var(--font-display);
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    font-style: italic;
    line-height: 1;
}

.open-route__summary {
    max-width: 38rem;
    margin-bottom: 2rem;

    color: rgba(255, 255, 255, 0.84);

    font-size: 1.05rem;
}

.open-route__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}


/*
|--------------------------------------------------------------------------
| Route board
|--------------------------------------------------------------------------
| Positioned low enough that it does not sit across the courier's face.
|--------------------------------------------------------------------------
*/

.route-board {
    position: relative;

    align-self: end;
    justify-self: end;

    width: 100%;
    max-width: 24.5rem;

    margin: 6rem -0.25rem 1.5rem auto;

    background: rgba(220, 229, 226, 0.96);
    border-top: 5px solid var(--cyan);

    box-shadow:
        0 1.5rem 4rem rgba(8, 21, 33, 0.34);

    color: var(--ink);

    backdrop-filter: blur(6px);
}

.route-board::after {
    position: absolute;
    right: -0.65rem;
    bottom: -0.65rem;

    width: 4.5rem;
    height: 4.5rem;

    border-right: 2px solid var(--orange);
    border-bottom: 2px solid var(--orange);

    content: "";
}

.route-board__header {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    padding: 0.72rem 0.9rem;

    background: var(--navy-950);
    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.route-board__header p {
    margin: 0;
}

.route-board__path {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;

    padding: 1.25rem 1rem;
}

.route-node {
    display: grid;
    gap: 0.2rem;
}

.route-node span {
    display: grid;
    place-items: center;

    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0.45rem;

    background: var(--navy-900);
    border-radius: 50%;

    color: var(--white);

    font-family: var(--font-mono);
    font-size: 0.66rem;
    font-weight: 700;
}

.route-node--destination span {
    background: var(--orange);
    color: var(--navy-950);
}

.route-node strong {
    font-family: var(--font-mono);
    font-size: 0.61rem;
    letter-spacing: 0.04em;
}

.route-node small {
    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.54rem;
}

.route-line {
    position: relative;
    height: 3rem;
}

.route-line::before {
    position: absolute;
    top: 1rem;
    right: 0;
    left: 0;

    height: 2px;

    background: rgba(23, 32, 41, 0.18);

    content: "";
}

.route-line__progress {
    position: absolute;
    top: 1rem;
    left: 0;

    width: 68%;
    height: 2px;

    background: var(--cyan);
}

.route-line__progress::after {
    position: absolute;
    top: 50%;
    right: -0.4rem;

    width: 0.75rem;
    height: 0.75rem;

    background: var(--orange);
    border-radius: 50%;

    content: "";

    transform: translateY(-50%);
}

.route-line small {
    position: absolute;
    right: 0;
    bottom: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.48rem;
}

.route-board__data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    margin: 0;

    border-top: 1px solid var(--line-dark);
}

.route-board__data div {
    padding: 0.72rem 0.85rem;

    border-right: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
}

.route-board__data div:nth-child(2n) {
    border-right: 0;
}

.route-board__data dt {
    margin-bottom: 0.25rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.route-board__data dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.18rem;
    line-height: 1;
}


/*
|--------------------------------------------------------------------------
| Photograph evidence caption
|--------------------------------------------------------------------------
*/

.open-route__evidence figcaption {
    position: absolute;
    right: 1.5rem;
    bottom: 1.25rem;
    z-index: 3;

    display: flex;
    gap: 1.5rem;

    padding: 0.65rem 0.8rem;

    background: rgba(8, 21, 33, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.18);

    color: rgba(255, 255, 255, 0.76);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.05em;

    backdrop-filter: blur(8px);
}

.record-barcode {
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 3;

    width: 10rem;
    height: 1.8rem;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.64) 0,
            rgba(255, 255, 255, 0.64) 2px,
            transparent 2px,
            transparent 5px,
            rgba(255, 255, 255, 0.64) 5px,
            rgba(255, 255, 255, 0.64) 9px,
            transparent 9px,
            transparent 12px
        );

    opacity: 0.55;
}

/* ==========================================================================
   09. RECORD 02 — LIVE MANIFEST
   ========================================================================== */

.manifest-record {
    padding: 8rem max(2rem, calc((100vw - var(--content)) / 2));

    background:
        linear-gradient(
            rgba(15, 28, 38, 0.025) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 38px;

    border-bottom: 1px solid var(--navy-950);
}

.manifest-table {
    border-top: 4px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.manifest-row {
    display: grid;
    grid-template-columns:
        0.5fr
        1.8fr
        1fr
        1.15fr
        1.05fr
        0.8fr;

    min-height: 5rem;
}

.manifest-row > * {
    display: flex;
    align-items: center;

    padding: 1rem;

    border-right: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
}

.manifest-row > span {
    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.65rem;
}

.manifest-row strong {
    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 1;
}

.manifest-row--header {
    min-height: auto;

    background: var(--navy-950);
    color: var(--white);
}

.manifest-row--header > * {
    padding: 0.7rem 1rem;

    border-color: rgba(255, 255, 255, 0.15);

    color: rgba(255, 255, 255, 0.67);

    font-family: var(--font-mono);
    font-size: 0.57rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.manifest-row:nth-child(odd):not(.manifest-row--header) {
    background: rgba(255, 255, 255, 0.38);
}

.manifest-row:hover:not(.manifest-row--header) {
    background: rgba(57, 194, 215, 0.07);
}

.manifest-status {
    color: var(--cyan-dark) !important;
    font-weight: 700;
}

.manifest-warning {
    display: grid;
    grid-template-columns: minmax(12rem, 0.3fr) minmax(0, 1fr);
    gap: 2rem;

    margin-top: 2rem;
    padding: 1rem 1.2rem;

    background: rgba(184, 60, 55, 0.08);
    border-left: 5px solid var(--red);
}

.manifest-warning strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.64rem;
    letter-spacing: 0.06em;
}

.manifest-warning p {
    margin: 0;

    color: var(--ink-soft);
    font-size: 0.88rem;
}


/* ==========================================================================
   10. RECORD 03 — CHAIN OF CUSTODY
   ========================================================================== */

.custody-record {
    padding: 8rem max(2rem, calc((100vw - var(--content)) / 2));

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 48px 48px;

    color: var(--white);
}

.custody-line {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    margin: 0;
    padding: 0;

    list-style: none;
}

.custody-line::before {
    position: absolute;
    top: 4.7rem;
    right: 0;
    left: 0;

    height: 2px;

    background: rgba(57, 194, 215, 0.55);

    content: "";
}

.custody-line li {
    position: relative;
    z-index: 1;

    padding-right: 2rem;
}

.custody-line__time {
    display: block;

    margin-bottom: 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 700;
}

.custody-line__node {
    display: grid;
    place-items: center;

    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 2rem;

    background: var(--navy-950);
    border: 2px solid var(--cyan);
    border-radius: 50%;

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.65rem;
    font-weight: 700;
}

.custody-line__code {
    margin-bottom: 0.9rem;

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.custody-line h3 {
    max-width: 8ch;
    color: var(--white);
}

.custody-line li > div > p:last-child {
    max-width: 18rem;
    margin-bottom: 0;

    color: rgba(255, 255, 255, 0.55);
    font-size: 0.9rem;
}


/* ==========================================================================
   11. RECORD 04 — ROUTE WINDOW
   ========================================================================== */

.route-window {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(25rem, 0.55fr);

    min-height: 40rem;

    background: var(--paper-deep);
    border-bottom: 1px solid var(--navy-950);
}

.route-window__image {
    position: relative;

    margin: 0;

    background: var(--navy-950);
}

.route-window__image::before {
    position: absolute;
    inset: 1rem;
    z-index: 2;

    border: 1px solid rgba(255, 255, 255, 0.35);

    content: "";
    pointer-events: none;
}

.route-window__image img {
    width: 100%;
    height: 100%;
    min-height: 40rem;

    object-fit: cover;
    object-position: center center;
}

.route-window__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 3;

    display: flex;
    justify-content: space-between;

    padding: 0.7rem 0.9rem;

    background: rgba(8, 21, 33, 0.88);
    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.57rem;
    font-weight: 700;
}

.route-window__log {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: clamp(3.5rem, 5vw, 5rem);
}

.route-window__topline {
    display: flex;
    justify-content: space-between;

    margin-bottom: 3rem;
    padding-bottom: 0.75rem;

    border-bottom: 2px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.route-window h2 {
    max-width: 8ch;
}

.route-window__log > p {
    max-width: 34rem;

    color: var(--ink-soft);
}

.route-window__checklist {
    margin: 2.5rem 0 0;

    border-top: 1px solid var(--navy-950);
}

.route-window__checklist div {
    display: grid;
    grid-template-columns: 3rem 1fr;
    gap: 1rem;

    padding: 1rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.route-window__checklist dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
}

.route-window__checklist dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.4rem;
    line-height: 1;
}


/* ==========================================================================
   12. RECORD 05 — TEMPERATURE LOG
   ========================================================================== */

.temperature-record {
    padding: 8rem max(2rem, calc((100vw - var(--content)) / 2));

    background:
        linear-gradient(
            rgba(19, 42, 63, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(19, 42, 63, 0.035) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 40px 40px;

    border-bottom: 1px solid var(--navy-950);
}

.temperature-record__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4rem;
    align-items: end;

    margin-bottom: 4rem;
}

.temperature-record__header h2 {
    max-width: 11ch;
    margin-bottom: 0;
}

.temperature-record__readout {
    min-width: 17rem;
    padding: 1rem 1.25rem;

    background: var(--navy-950);
    border-top: 5px solid var(--cyan);

    color: var(--white);
}

.temperature-record__readout span {
    display: block;

    margin-bottom: 0.25rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.temperature-record__readout strong {
    display: block;

    font-family: var(--font-mono);
    font-size: clamp(3rem, 5vw, 5.4rem);
    font-weight: 500;
    letter-spacing: -0.08em;
    line-height: 1;
}

.temperature-record__body {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(25rem, 0.92fr);

    background: var(--navy-950);
    border: 1px solid var(--navy-950);

    box-shadow:
        0 1.25rem 3rem rgba(8, 21, 33, 0.12);
}

.temperature-record__evidence {
    position: relative;

    min-height: 24rem;
    margin: 0;

    overflow: hidden;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.temperature-record__evidence::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0.02) 55%,
            rgba(8, 21, 33, 0.42) 100%
        );

    content: "";
    pointer-events: none;
}

.temperature-record__evidence img {
    width: 100%;
    height: 100%;
    min-height: 24rem;

    object-fit: cover;
    object-position: center center;
}

.temperature-record__evidence figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.7rem 0.85rem;

    background: rgba(8, 21, 33, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.16);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.05em;

    backdrop-filter: blur(6px);
}

.temperature-log {
    display: grid;
    grid-template-columns: 4rem 1fr;

    min-height: 22rem;

    background: var(--navy-950);
    border: 0;
}

.temperature-log__axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 1.5rem 0.8rem 3rem;

    border-right: 1px solid rgba(255, 255, 255, 0.14);

    color: rgba(255, 255, 255, 0.48);

    font-family: var(--font-mono);
    font-size: 0.56rem;
}

.temperature-log__graph {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.05) 1px,
            transparent 1px
        );

    background-size: 100% 25%, 10% 100%;
}

.temperature-log__safe-zone {
    position: absolute;
    top: 28%;
    right: 0;
    bottom: 27%;
    left: 0;

    background: rgba(57, 194, 215, 0.07);

    border-top: 1px dashed rgba(57, 194, 215, 0.45);
    border-bottom: 1px dashed rgba(57, 194, 215, 0.45);
}

.temperature-log svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 2.7rem;
    left: 0;

    width: 100%;
    height: calc(100% - 2.7rem);
}

.temperature-log polyline {
    stroke: var(--orange);
    stroke-width: 3;
}

.temperature-log__times {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    justify-content: space-between;

    padding: 0.8rem 1rem;

    border-top: 1px solid rgba(255, 255, 255, 0.14);

    color: rgba(255, 255, 255, 0.5);

    font-family: var(--font-mono);
    font-size: 0.54rem;
}

.temperature-record__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3rem;
    align-items: start;

    padding-top: 1.5rem;
}

.temperature-record__footer p {
    max-width: 48rem;
    margin: 0;

    color: var(--ink-soft);
    font-size: 0.86rem;
}

.temperature-record__footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;

    margin: 0;
    padding: 0;

    list-style: none;
}

.temperature-record__footer li {
    padding: 0.55rem 0.7rem;

    background: var(--paper);
    border: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}


/* ==========================================================================
   13. RECORD 06 — OPERATIONS FILE
   ========================================================================== */

.operations-file {
    display: grid;
    grid-template-columns: minmax(22rem, 0.72fr) minmax(0, 1.28fr);

    padding: 0;

    background: var(--paper);
    border-bottom: 1px solid var(--navy-950);
}

.operations-file__title {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        7rem
        clamp(
            3rem,
            calc((100vw - var(--content)) / 2),
            6rem
        );

    background: var(--navy-900);
    color: var(--white);
}

.operations-file__title > p:first-child {
    color: var(--cyan);
}

.operations-file__title h2 {
    max-width: 8ch;
}

.operations-file__intro {
    max-width: 30rem;
    margin-bottom: 0;

    color: rgba(255, 255, 255, 0.62);
}

.operations-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    margin: 0;
}

.operations-fields div {
    min-height: 13rem;
    padding: 2rem;

    border-right: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
}

.operations-fields div:nth-child(2n) {
    border-right: 0;
}

.operations-fields dt {
    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.operations-fields dd {
    max-width: 32rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-display);
    font-size: 1.55rem;
    line-height: 1.2;
}


/* ==========================================================================
   14. RECORD 07 — SERVICE AREA
   ========================================================================== */

.service-area-record {
    padding: 8rem max(2rem, calc((100vw - var(--content)) / 2));

    background: var(--paper-deep);
    border-bottom: 1px solid var(--navy-950);
}

.service-area-record__header {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
    align-items: end;

    margin-bottom: 4rem;
}

.service-area-record__header h2 {
    max-width: 8ch;
    margin-bottom: 0;
}

.dispatch-matrix {
    border-top: 4px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.dispatch-matrix > div {
    display: grid;
    grid-template-columns:
        0.7fr
        1.6fr
        1fr
        0.8fr;
}

.dispatch-matrix > div > * {
    display: flex;
    align-items: center;

    min-height: 5rem;
    padding: 1rem;

    border-right: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
}

.dispatch-matrix > div > span {
    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.64rem;
}

.dispatch-matrix > div > strong {
    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 400;
}

.dispatch-matrix__header > * {
    min-height: auto !important;

    background: var(--navy-950);

    color: rgba(255, 255, 255, 0.62) !important;

    font-family: var(--font-mono) !important;
    font-size: 0.56rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.matrix-status {
    color: var(--cyan-dark) !important;
    font-weight: 700;
}

.matrix-status--verify {
    color: var(--orange-deep) !important;
}

.service-area-record__footer {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    align-items: center;

    margin-top: 2rem;
}

.service-area-record__footer p {
    max-width: 44rem;
    margin: 0;

    color: var(--ink-soft);
}


/* ==========================================================================
   15. RECORD 08 — DISPATCH REQUEST
   ========================================================================== */

.dispatch-request {
    padding: 8rem max(2rem, calc((100vw - var(--content)) / 2));

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 44px 44px;

    color: var(--white);
}

.dispatch-request__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.42fr);
    gap: 5rem;
    align-items: end;

    margin-bottom: 4rem;
}

.dispatch-request__header > div:first-child > p {
    color: var(--cyan);
}

.dispatch-request__header h2 {
    max-width: 10ch;
    margin-bottom: 0;
}

.dispatch-request__warning {
    padding: 1.2rem;

    background: rgba(184, 60, 55, 0.12);
    border-left: 4px solid var(--red);
}

.dispatch-request__warning strong {
    display: block;
    margin-bottom: 0.5rem;

    color: #ff8f89;

    font-family: var(--font-mono);
    font-size: 0.64rem;
    letter-spacing: 0.06em;
}

.dispatch-request__warning p {
    margin: 0;

    color: rgba(255, 255, 255, 0.56);
    font-size: 0.78rem;
}

.route-request-form {
    background: var(--paper);
    border-top: 5px solid var(--orange);

    color: var(--ink);

    box-shadow: var(--shadow);
}

.route-request-form__route {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
    align-items: stretch;

    background: var(--screen);
    border-bottom: 2px solid var(--navy-950);
}

.route-location {
    padding: 1.4rem 1.5rem;
}

.route-location label {
    display: block;

    margin-bottom: 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.route-location input {
    width: 100%;

    padding: 0.6rem 0;

    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--navy-950);
    border-radius: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.65rem;

    outline: 0;
}

.route-location input:focus {
    border-bottom-color: var(--orange);
}

.route-request-form__arrow {
    display: grid;
    place-items: center;

    width: 5rem;

    background: var(--navy-950);
    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 2rem;
}

.route-request-form__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.form-field {
    padding: 1.3rem 1.5rem;

    border-right: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
}

.form-field:nth-child(2n) {
    border-right: 0;
}

.form-field--wide {
    grid-column: 1 / -1;
    border-right: 0;
}

.form-field--honeypot {
    position: absolute !important;
    left: -9999px !important;
}

.form-field label {
    display: block;

    margin-bottom: 0.55rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.form-field input,
.form-field select,
.form-field textarea {
    width: 100%;

    padding: 0.75rem 0;

    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--paper-warm);
    border-radius: 0;

    color: var(--ink);

    outline: 0;
}

.form-field textarea {
    min-height: 8rem;
    resize: vertical;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-bottom-color: var(--orange);
}

.form-field input::placeholder,
.form-field textarea::placeholder,
.route-location input::placeholder {
    color: #8d9595;
}

.route-request-form__footer {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;

    padding: 1.4rem 1.5rem;

    background: var(--paper-deep);
}

.route-request-form__footer > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1.5rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.route-request-form__status {
    margin: 0;
    padding: 0 1.5rem 1.5rem;

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 700;
}

.route-request-form__status:empty {
    display: none;
}


/* ==========================================================================
   16. RECORD 09 — ROUTE CLOSED
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Completed delivery record
|--------------------------------------------------------------------------
| The delivery photograph is part of the record itself.
| It is intentionally NOT rendered as a separate image panel.
|--------------------------------------------------------------------------
*/

.route-closed {
    position: relative;

    display: flex;
    align-items: flex-end;

    min-height: clamp(45rem, 58vw, 56rem);

    padding:
        clamp(2rem, 4vw, 4rem)
        max(2rem, calc((100vw - var(--content)) / 2));

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0.01) 0%,
            rgba(8, 21, 33, 0.01) 44%,
            rgba(8, 21, 33, 0.12) 64%,
            rgba(8, 21, 33, 0.54) 100%
        ),
        url("../images/medical-courier-facility-delivery.webp")
        center 44% / cover
        no-repeat;

    color: var(--ink);
}


/*
|--------------------------------------------------------------------------
| Operational frame
|--------------------------------------------------------------------------
*/

.route-closed::before {
    position: absolute;
    inset: 1.25rem;
    z-index: 1;

    border: 1px solid rgba(255, 255, 255, 0.38);

    content: "";
    pointer-events: none;
}


/*
|--------------------------------------------------------------------------
| Proof label
|--------------------------------------------------------------------------
*/

.route-closed__proof {
    position: absolute;

    top: 2rem;
    left: max(2rem, calc((100vw - var(--content)) / 2));

    z-index: 3;

    display: flex;
    gap: 1.5rem;

    padding: 0.65rem 0.85rem;

    background: rgba(8, 21, 33, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.18);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.05em;

    backdrop-filter: blur(6px);
}


/*
|--------------------------------------------------------------------------
| Route closed stamp
|--------------------------------------------------------------------------
*/

.route-closed__stamp {
    position: absolute;

    top: 2rem;
    right: max(2rem, calc((100vw - var(--content)) / 2));

    z-index: 4;

    padding: 0.8rem 1.2rem;

    background: rgba(244, 241, 233, 0.94);
    border: 4px solid var(--red);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: clamp(1rem, 2vw, 1.45rem);
    font-weight: 700;
    letter-spacing: 0.08em;

    box-shadow:
        0 0.75rem 2rem rgba(8, 21, 33, 0.14);

    transform: rotate(-4deg);
}


/*
|--------------------------------------------------------------------------
| Delivery receipt
|--------------------------------------------------------------------------
| This card sits directly over the lower portion of the photograph.
|--------------------------------------------------------------------------
*/

.route-closed__main {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(20rem, 0.85fr);

    gap: clamp(3rem, 6vw, 6rem);
    align-items: end;

    width: min(92%, 1320px);

    margin: 0 auto;

    padding:
        clamp(2.25rem, 4vw, 3.4rem);

    background: rgba(244, 241, 233, 0.72);

    border-top: 5px solid var(--orange);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow:
        0 1.5rem 4rem rgba(8, 21, 33, 0.30);

    backdrop-filter: blur(1px);
}

.route-closed__main::before {
    position: absolute;

    top: 0;
    bottom: 0;
    left: 56%;

    width: 1px;

    background: var(--line-dark);

    content: "";
}

.route-closed__main h2 {
    max-width: 8ch;
    margin-bottom: 0;
}


/*
|--------------------------------------------------------------------------
| Receipt fields
|--------------------------------------------------------------------------
*/

.route-closed__handoff dl {
    margin: 0 0 2rem;

    border-top: 2px solid var(--navy-950);
}

.route-closed__handoff dl div {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.route-closed__handoff dt {
    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    letter-spacing: 0.05em;
}

.route-closed__handoff dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| Record 09 tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .route-closed {
        min-height: 50rem;

        background-position: 55% center;
    }

    .route-closed__main {
        grid-template-columns: 1fr;

        gap: 2rem;
    }

    .route-closed__main::before {
        display: none;
    }

}


/*
|--------------------------------------------------------------------------
| Record 09 mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .route-closed {
        min-height: 48rem;

        padding:
            1rem
            1rem
            2rem;

        background-position: 59% center;
    }

    .route-closed::before {
        inset: 0.65rem;
    }

    .route-closed__proof {
        top: 1rem;
        left: 1rem;

        flex-direction: column;
        gap: 0.2rem;

        font-size: 0.45rem;
    }

    .route-closed__stamp {
        top: 5.5rem;
        right: 1rem;

        font-size: 0.86rem;
    }

    .route-closed__main {
        width: 100%;

        padding:
            1.75rem
            1.25rem;
    }

}

/* ==========================================================================
   17. FOOTER
   ========================================================================== */

.site-footer {
    background: var(--navy-950);
    color: var(--white);
}

.site-footer__main {
    display: grid;
    grid-template-columns: minmax(20rem, 1.4fr) minmax(14rem, 0.8fr) minmax(12rem, 0.7fr);
    gap: 4rem;

    width: min(100%, var(--content));
    margin: 0 auto;
    padding: 4rem 2rem;
}

.site-footer__code,
.site-footer__dispatch p {
    margin-bottom: 0.65rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.site-footer__brand {
    margin-bottom: 0.55rem;

    font-family: var(--font-display);
    font-size: clamp(2.3rem, 4vw, 3.8rem);
    letter-spacing: -0.04em;
    line-height: 1;
}

.site-footer__brand-link {
    color: inherit;

    text-decoration: none;
}

.site-footer__brand-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.12em;
}

.site-footer__brand-link:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 0.18rem;
}


.site-footer__brand span {
    color: var(--orange);
    font-family: var(--font-body);
    font-size: 0.45em;
    vertical-align: top;
}

.site-footer__tagline {
    margin: 0;

    color: var(--orange);

    font-family: var(--font-display);
    font-size: 1.18rem;
    font-style: italic;
}

.site-footer__dispatch,
.site-footer__nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.site-footer__dispatch a,
.site-footer__nav a {
    color: rgba(255, 255, 255, 0.68);
    text-decoration: none;
}

.site-footer__dispatch a:hover,
.site-footer__nav a:hover {
    color: var(--cyan);
}

.site-footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    width: min(100%, var(--content));
    margin: 0 auto;
    padding: 1rem 2rem;

    border-top: 1px solid rgba(255, 255, 255, 0.12);

    color: rgba(255, 255, 255, 0.42);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    letter-spacing: 0.05em;
}

.site-footer__bottom p {
    margin: 0;
}



/* ==========================================================================
   17B. PREMIUM HOME
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Premium Home — Page Foundation
|--------------------------------------------------------------------------
*/

.premium-home {
    background: var(--paper);
}

.premium-home main {
    overflow: hidden;
}

.premium-home h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Premium Home — Shared Record Heading
|--------------------------------------------------------------------------
*/

.home-record-heading {
    display: grid;
    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(20rem, 0.55fr);
    gap: 4rem;
    align-items: end;

    width: min(100%, var(--content));
    margin: 0 auto;
}

.home-record-heading > div > p,
.home-record-heading > p {
    margin: 0;
}

.home-record-heading > div > p {
    margin-bottom: 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.home-record-heading > p {
    justify-self: end;

    max-width: 27rem;
    padding-bottom: 0.7rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.68rem;
    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Premium Home — Hero / Dispatch Control
|--------------------------------------------------------------------------
*/

.premium-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);

    min-height: calc(100vh - 7.55rem);

    overflow: hidden;

    background: var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.premium-hero__image {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -3;

    margin: 0;
}

.premium-hero__image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 62% center;
}

.premium-hero::before {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -2;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.95) 26%,
            rgba(8, 21, 33, 0.82) 46%,
            rgba(8, 21, 33, 0.28) 72%,
            rgba(8, 21, 33, 0.06) 100%
        ),
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0.08),
            rgba(8, 21, 33, 0.46)
        );

    content: "";
    pointer-events: none;
}

.premium-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.premium-hero__rail {
    position: relative;
    z-index: 4;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;

    min-width: 0;

    background: var(--orange);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.premium-hero__rail span,
.premium-hero__rail strong {
    writing-mode: vertical-rl;
}

.premium-hero__content {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.63fr);
    gap: clamp(3rem, 6vw, 7rem);
    align-items: end;

    width: min(100%, var(--content));
    min-width: 0;
    margin: 0 auto;
    padding:
        clamp(6rem, 10vh, 9rem)
        2rem
        clamp(4rem, 7vh, 6rem);
}

.premium-hero__identity {
    position: relative;

    max-width: 54rem;
}

.premium-hero__number {
    position: absolute;
    top: 2rem;
    left: -0.4rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.09);

    font-family: var(--font-body);
    font-size: clamp(9rem, 14vw, 15rem);
    font-weight: 700;
    line-height: 0.75;
}

.premium-hero h1 {
    max-width: 10ch;
    margin: 3rem 0 1rem;

    color: var(--white);

    font-size: clamp(5.4rem, 8.4vw, 9.4rem);
    letter-spacing: -0.055em;
}

.premium-hero h1 em {
    color: var(--orange);
}

.premium-hero__tagline {
    margin: 0 0 1.1rem;

    color: var(--cyan);

    font-family: var(--font-display);
    font-size: clamp(1.8rem, 2.5vw, 2.8rem);
    font-style: italic;
    line-height: 1;
}

.premium-hero__summary {
    max-width: 40rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.84);

    font-size: 1rem;
    line-height: 1.65;
}

.premium-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.premium-hero .dispatch-button--line {
    border-color: rgba(255, 255, 255, 0.34);
    color: var(--white);
}

.premium-hero .dispatch-button--line:hover {
    border-color: var(--cyan);
    color: var(--cyan);
}


/*
|--------------------------------------------------------------------------
| Premium Home — Dispatch Console
|--------------------------------------------------------------------------
*/

.dispatch-console {
    align-self: end;

    width: 100%;

    overflow: hidden;

    background: rgba(220, 229, 226, 0.94);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(10px);
}

.dispatch-console__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.8rem 1rem;

    background: var(--navy-950);
    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.dispatch-console__route {
    display: grid;
    grid-template-columns: 0.65fr 1.25fr 1fr;

    border-bottom: 1px solid var(--line-dark);
}

.dispatch-console__route > div {
    min-width: 0;
    padding: 1rem;
}

.dispatch-console__route > div + div {
    border-left: 1px solid var(--line-dark);
}

.dispatch-console__route span,
.dispatch-console__data dt {
    display: block;

    margin-bottom: 0.3rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.dispatch-console__route strong {
    display: block;

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.68rem;
}

.dispatch-console__route > div:first-child strong {
    font-family: var(--font-display);
    font-size: 2.1rem;
    font-weight: 400;
}

.dispatch-console__path {
    display: grid;
    grid-template-columns: auto minmax(4rem, 1fr) auto;
    gap: 1rem;
    align-items: center;

    padding: 1.35rem 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.dispatch-console__node {
    display: grid;
    justify-items: start;
    gap: 0.35rem;
}

.dispatch-console__node--end {
    justify-items: end;
    text-align: right;
}

.dispatch-console__node > span {
    display: grid;
    place-items: center;

    width: 2.2rem;
    height: 2.2rem;

    background: var(--navy-950);
    border-radius: 50%;

    color: var(--white);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
}

.dispatch-console__node--end > span {
    background: var(--orange);
    color: var(--navy-950);
}

.dispatch-console__node strong,
.dispatch-console__node small {
    font-family: var(--font-mono);
}

.dispatch-console__node strong {
    color: var(--navy-950);
    font-size: 0.58rem;
}

.dispatch-console__node small {
    color: var(--ink-soft);
    font-size: 0.48rem;
}

.dispatch-console__line {
    position: relative;

    min-width: 0;
    height: 2rem;
}

.dispatch-console__line > span {
    position: absolute;
    top: 0.75rem;
    right: 0;
    left: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--cyan),
            var(--orange)
        );
}

.dispatch-console__line > span::after {
    position: absolute;
    top: 50%;
    left: 65%;

    width: 0.7rem;
    height: 0.7rem;

    background: var(--orange);
    border: 1px solid var(--orange-deep);
    border-radius: 50%;

    content: "";
    transform: translate(-50%, -50%);
}

.dispatch-console__line small {
    position: absolute;
    right: 0;
    bottom: -0.15rem;
    left: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.42rem;
    text-align: center;
}

.dispatch-console__data {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.dispatch-console__data > div {
    padding: 0.9rem 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.dispatch-console__data > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.dispatch-console__data dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.2rem;
}

.dispatch-console__note {
    margin: 0;
    padding: 0.8rem 1rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.48rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Premium Home — Service Board
|--------------------------------------------------------------------------
*/

.home-service-board {
    padding:
        clamp(6rem, 9vw, 9rem)
        2rem;

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.055) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.2rem;

    border-bottom: 1px solid var(--navy-950);
}

.home-service-board h2 {
    max-width: 10ch;
}

.service-ledger {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    width: min(100%, var(--content));
    margin: 4rem auto 0;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.service-ledger__item {
    position: relative;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.2rem;
    align-items: start;

    min-height: 16rem;
    padding: 1.6rem;

    background: rgba(244, 241, 233, 0.72);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);

    color: var(--navy-950);
    text-decoration: none;

    transition:
        background var(--fast),
        color var(--fast);
}

.service-ledger__item:hover {
    background: var(--navy-900);
    color: var(--white);
}

.service-ledger__code {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.service-ledger__item p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.service-ledger__item h3 {
    max-width: 8ch;
    margin: 0 0 1.1rem;

    font-size: clamp(2rem, 2.4vw, 2.8rem);
}

.service-ledger__item span:not(.service-ledger__code) {
    display: block;

    max-width: 19rem;

    color: var(--ink-soft);

    font-size: 0.86rem;
    line-height: 1.6;
}

.service-ledger__item > strong {
    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 1.2rem;
}

.service-ledger__item:hover p,
.service-ledger__item:hover .service-ledger__code {
    color: var(--cyan);
}

.service-ledger__item:hover span:not(.service-ledger__code) {
    color: rgba(255, 255, 255, 0.68);
}


/*
|--------------------------------------------------------------------------
| Premium Home — Custody Record
|--------------------------------------------------------------------------
*/

.home-custody {
    padding:
        clamp(7rem, 10vw, 10rem)
        max(2rem, calc((100vw - var(--content)) / 2));

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);

    border-bottom: 1px solid var(--navy-950);
}

.home-custody__heading {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.55fr);
    gap: 4rem;
    align-items: end;
}

.home-custody__heading > p:first-child {
    grid-column: 1 / -1;

    margin: 0;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
}

.home-custody__heading h2 {
    max-width: 10ch;
    margin: 0;

    color: var(--white);
}

.home-custody__heading > p:not(:first-child) {
    margin: 0;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.65;
}

.home-custody__heading .dispatch-button {
    grid-column: 2;

    justify-self: start;

    margin-top: -1.4rem;

    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}

.home-custody__timeline {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;

    margin: 5rem 0 0;
    padding: 0;

    list-style: none;
}

.home-custody__timeline::before {
    position: absolute;
    top: 4.1rem;
    right: 0;
    left: 0;

    height: 1px;

    background: var(--cyan);

    content: "";
}

.home-custody__timeline li {
    position: relative;
    z-index: 1;
}

.home-custody__timeline li > span {
    display: block;

    margin-bottom: 1.6rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
}

.home-custody__timeline li > strong {
    display: grid;
    place-items: center;

    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 2rem;

    background: var(--navy-950);
    border: 2px solid var(--cyan);
    border-radius: 50%;

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.6rem;
}

.home-custody__timeline li > p {
    margin: 0 0 0.8rem;

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.home-custody__timeline h3 {
    max-width: 8ch;
    margin: 0 0 0.8rem;

    color: var(--white);
    font-size: clamp(2rem, 2.4vw, 2.7rem);
}

.home-custody__timeline small {
    display: block;

    max-width: 16rem;

    color: rgba(255, 255, 255, 0.65);

    font-size: 0.82rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Premium Home — Route Systems
|--------------------------------------------------------------------------
*/

.home-route-systems {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(30rem, 42rem);

    width: 100%;
    min-height: 46rem;
    margin: 0;

    background: var(--paper);
    border-bottom: 1px solid var(--navy-950);
}

.home-route-systems__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
    border-right: 1px solid var(--navy-950);
}

.home-route-systems__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.home-route-systems__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 64%,
            rgba(8, 21, 33, 0.56) 100%
        );

    content: "";
    pointer-events: none;
}

.home-route-systems__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.8rem 1rem;

    background: rgba(8, 21, 33, 0.9);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.home-route-systems__content {
    padding: clamp(3rem, 5vw, 5.5rem);
}

.home-route-systems__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 3rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.home-route-systems h2 {
    margin: 0 0 1.5rem;

    font-size: clamp(4rem, 5.5vw, 6rem);
}

.home-route-systems__content > p {
    max-width: 31rem;
    margin: 0;

    color: var(--ink);

    line-height: 1.7;
}

.route-type-grid {
    margin-top: 3rem;

    border-top: 1px solid var(--line-dark);
}

.route-type-grid a {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.7rem 1rem;

    padding: 1rem 0;

    border-bottom: 1px solid var(--line-dark);

    color: var(--navy-950);
    text-decoration: none;
}

.route-type-grid a > span {
    grid-row: 1 / 3;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
}

.route-type-grid a > strong {
    font-family: var(--font-display);
    font-size: 1.35rem;
    font-weight: 400;
}

.route-type-grid a > small {
    color: var(--ink-soft);

    font-size: 0.76rem;
}

.route-type-grid a:hover strong {
    color: var(--orange-deep);
}


/*
|--------------------------------------------------------------------------
| Premium Home — Handling Control
|--------------------------------------------------------------------------
*/

.home-handling {
    padding:
        clamp(7rem, 10vw, 10rem)
        2rem;

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(23, 32, 41, 0.055) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.home-handling__header,
.home-handling__body,
.home-handling__footer {
    width: min(100%, var(--content));
    margin-right: auto;
    margin-left: auto;
}

.home-handling__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4rem;
    align-items: end;
}

.home-handling__header p {
    margin: 0 0 1.4rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.6rem;
    font-weight: 700;
}

.home-handling__header h2 {
    max-width: 11ch;
    margin: 0;
}

.home-handling__range {
    min-width: 18rem;
    padding: 1rem 1.25rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);

    color: var(--white);
}

.home-handling__range span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.home-handling__range strong {
    display: block;

    font-size: clamp(2.8rem, 4vw, 4.5rem);
    line-height: 1;
}

.home-handling__body {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;

    margin-top: 4rem;

    border: 1px solid var(--navy-950);
}

.home-handling__body figure {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.home-handling__body figure img {
    width: 100%;
    height: 100%;
    min-height: 32rem;

    object-fit: cover;
    object-position: center center;
}

.home-handling__body figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.7rem 0.9rem;

    background: rgba(8, 21, 33, 0.9);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.48rem;
    font-weight: 700;
}

.handling-chart {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);

    min-width: 0;

    background: var(--navy-950);

    color: var(--white);
}

.handling-chart__scale {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    align-items: center;

    padding: 2rem 0;

    border-right: 1px solid rgba(255, 255, 255, 0.12);

    color: rgba(255, 255, 255, 0.7);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    text-align: center;
}

.handling-chart__plot {
    position: relative;

    min-width: 0;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        );

    background-size: 4rem 4rem;
}

.handling-chart__limit {
    position: absolute;
    right: 0;
    left: 0;

    border-top: 1px dashed rgba(57, 194, 215, 0.55);
}

.handling-chart__limit--high {
    top: 30%;
}

.handling-chart__limit--low {
    top: 72%;
}

.handling-chart svg {
    position: absolute;
    inset: 3rem 0 3.5rem;

    width: 100%;
    height: calc(100% - 6.5rem);
}

.handling-chart polyline {
    fill: none;
    stroke: var(--orange);
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.handling-chart__times {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;

    display: flex;
    justify-content: space-between;

    color: rgba(255, 255, 255, 0.62);

    font-family: var(--font-mono);
    font-size: 0.46rem;
}

.home-handling__footer {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    align-items: center;

    padding-top: 1.5rem;
}

.home-handling__footer p {
    max-width: 48rem;
    margin: 0;

    font-size: 0.86rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Premium Home — Client File / Industries
|--------------------------------------------------------------------------
*/

.home-industries {
    display: grid;
    grid-template-columns: minmax(22rem, 0.7fr) minmax(0, 1.3fr);

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.home-industries__intro {
    padding:
        clamp(5rem, 7vw, 7rem)
        max(3rem, calc((100vw - var(--content)) / 2));

    background: var(--navy-900);

    color: var(--white);
}

.home-industries__intro > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.home-industries__intro h2 {
    max-width: 8ch;
    margin: 0;

    color: var(--white);

    font-size: clamp(4rem, 5.5vw, 6.5rem);
}

.home-industries__intro > p:not(:first-child) {
    max-width: 28rem;
    margin: 2rem 0;

    color: rgba(255, 255, 255, 0.7);

    line-height: 1.65;
}

.home-industries__intro .dispatch-button {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}

.industry-matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.industry-matrix a {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 15rem;
    padding: 2rem;

    border-left: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);

    color: var(--navy-950);
    text-decoration: none;
}

.industry-matrix a:nth-last-child(-n+2) {
    border-bottom: 0;
}

.industry-matrix span {
    margin-bottom: 2.2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
}

.industry-matrix strong {
    margin-bottom: 0.6rem;

    font-family: var(--font-display);
    font-size: clamp(2rem, 2.8vw, 3rem);
    font-weight: 400;
}

.industry-matrix small {
    max-width: 18rem;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.5;
}

.industry-matrix a:hover {
    background: var(--screen);
}


/*
|--------------------------------------------------------------------------
| Premium Home — Delivery Record
|--------------------------------------------------------------------------
*/

.home-proof {
    position: relative;
    isolation: isolate;

    min-height: 48rem;
    padding:
        8rem
        max(2rem, calc((100vw - var(--content)) / 2));

    overflow: hidden;

    background: var(--navy-950);

    border-bottom: 1px solid var(--navy-950);
}

.home-proof__image {
    position: absolute;
    inset: 0;
    z-index: -2;

    margin: 0;
}

.home-proof__image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}

.home-proof::before {
    position: absolute;
    inset: 0;
    z-index: -1;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.2),
            rgba(8, 21, 33, 0.06)
        ),
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0.08) 30%,
            rgba(8, 21, 33, 0.42) 100%
        );

    content: "";
}

.home-proof__receipt {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 4rem;

    width: min(100%, 1120px);
    margin-top: 15rem;
    padding: clamp(2rem, 4vw, 4rem);

    background: rgba(244, 241, 233, 0.76);
    border-top: 5px solid var(--orange);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    backdrop-filter: blur(3px);
}

.home-proof__receipt > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.home-proof__receipt h2 {
    margin: 0;

    font-size: clamp(3.8rem, 5vw, 5.8rem);
}

.home-proof__receipt dl {
    align-self: start;

    margin: 0;

    border-top: 1px solid var(--navy-950);
}

.home-proof__receipt dl > div {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.home-proof__receipt dt,
.home-proof__receipt dd {
    font-family: var(--font-mono);
    font-size: 0.64rem;
    font-weight: 700;
}

.home-proof__receipt dd {
    margin: 0;
}

.home-proof__receipt > p {
    grid-column: 2;

    margin: -5rem 0 0;

    line-height: 1.6;
}

.home-proof__receipt .dispatch-button {
    grid-column: 2;

    justify-self: start;
}


/*
|--------------------------------------------------------------------------
| Premium Home — Coverage Board
|--------------------------------------------------------------------------
*/

.home-coverage {
    padding:
        clamp(7rem, 9vw, 9rem)
        2rem;

    background:
        linear-gradient(
            90deg,
            transparent 0,
            transparent calc(50% - 1px),
            rgba(184, 60, 55, 0.10) 50%,
            transparent calc(50% + 1px)
        ),
        var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.home-coverage h2 {
    max-width: 10ch;
}

.coverage-board {
    width: min(100%, var(--content));
    margin: 4rem auto 0;

    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.coverage-board__header,
.coverage-board > div:not(.coverage-board__header) {
    display: grid;
    grid-template-columns: 0.45fr 1.3fr 1fr 0.6fr;
}

.coverage-board__header {
    background: var(--navy-950);

    color: rgba(255, 255, 255, 0.54);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    letter-spacing: 0.05em;
}

.coverage-board__header span,
.coverage-board > div:not(.coverage-board__header) > * {
    padding: 1rem 1.2rem;
}

.coverage-board__header span + span,
.coverage-board > div:not(.coverage-board__header) > * + * {
    border-left: 1px solid rgba(23, 32, 41, 0.25);
}

.coverage-board > div:not(.coverage-board__header) {
    border-bottom: 1px solid var(--navy-950);
}

.coverage-board > div:not(.coverage-board__header) > span:first-child {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.coverage-board > div:not(.coverage-board__header) strong {
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 400;
}

.coverage-board > div:not(.coverage-board__header) > span:nth-child(3),
.coverage-board > div:not(.coverage-board__header) b {
    font-family: var(--font-mono);
    font-size: 0.6rem;
}

.coverage-board > div:not(.coverage-board__header) b {
    color: var(--cyan-dark);
}

.coverage-board .coverage-board__verify {
    color: var(--orange-deep);
}

.home-coverage__footer {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    align-items: center;

    width: min(100%, var(--content));
    margin: 2rem auto 0;
}

.home-coverage__footer p {
    max-width: 40rem;
    margin: 0;

    color: var(--ink-soft);

    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Premium Home — Dispatch Close
|--------------------------------------------------------------------------
*/

.home-dispatch-close {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 5rem;
    align-items: end;

    padding:
        clamp(7rem, 10vw, 10rem)
        max(2rem, calc((100vw - var(--content)) / 2));

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);

    border-bottom: 1px solid var(--navy-950);
}

.home-dispatch-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.home-dispatch-close h2 {
    max-width: 10ch;
    margin: 0;

    color: var(--white);
}

.home-dispatch-close__actions {
    padding-bottom: 0.8rem;
}

.home-dispatch-close__actions > p {
    max-width: 31rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.7);

    line-height: 1.7;
}

.home-dispatch-close__actions > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.home-dispatch-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.3);
}


/*
|--------------------------------------------------------------------------
| Premium Home — Responsive / Laptop
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px) {

    .premium-hero__content {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(22rem, 0.6fr);

        gap: 3rem;
    }

    .premium-hero h1 {
        font-size: clamp(4.8rem, 7.6vw, 7.2rem);
    }

    .service-ledger {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-route-systems {
        grid-template-columns:
            minmax(0, 1.15fr)
            minmax(25rem, 0.72fr);
    }

    .home-route-systems__content {
        padding: 3rem;
    }

    .home-industries__intro {
        padding-right: 3rem;
        padding-left: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Premium Home — Responsive / Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .premium-hero {
        grid-template-columns: 3.5rem minmax(0, 1fr);

        min-height: 52rem;
    }

    .premium-hero__image,
    .premium-hero::before,
    .premium-hero::after {
        left: 3.5rem;
    }

    .premium-hero__content {
        grid-template-columns: 1fr;

        align-items: start;

        padding: 5rem 1.5rem 3rem;
    }

    .premium-hero__identity {
        max-width: 42rem;
    }

    .premium-hero h1 {
        max-width: 9ch;

        font-size: clamp(4.8rem, 11vw, 7rem);
    }

    .dispatch-console {
        width: min(100%, 42rem);
    }

    .home-record-heading {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .home-record-heading > p {
        justify-self: start;
    }

    .home-custody__heading {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .home-custody__heading .dispatch-button {
        grid-column: auto;

        margin-top: 0;
    }

    .home-custody__timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
    }

    .home-custody__timeline::before {
        display: none;
    }

    .home-route-systems {
        grid-template-columns: 1fr;
    }

    .home-route-systems__image {
        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .home-route-systems__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }

    .home-handling__body {
        grid-template-columns: 1fr;
    }

    .home-handling__body figure img {
        min-height: 28rem;

        aspect-ratio: 16 / 9;
    }

    .handling-chart {
        min-height: 28rem;
    }

    .home-industries {
        grid-template-columns: 1fr;
    }

    .home-industries__intro {
        padding: 5rem 2rem;
    }

    .home-industries__intro h2 {
        max-width: 10ch;
    }

    .industry-matrix a {
        border-top: 1px solid var(--line-dark);
    }

    .home-proof__receipt {
        grid-template-columns: 1fr;
        gap: 2rem;

        margin-top: 13rem;
    }

    .home-proof__receipt > p,
    .home-proof__receipt .dispatch-button {
        grid-column: auto;

        margin-top: 0;
    }

    .home-dispatch-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Premium Home — Responsive / Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .premium-home h2 {
        font-size: clamp(3.1rem, 14vw, 4.6rem);
    }

    .premium-hero {
        display: block;

        min-height: 0;
        padding-top: 0;
    }

    .premium-hero__rail {
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0;
        z-index: 5;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.8rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .premium-hero__rail span,
    .premium-hero__rail strong {
        writing-mode: initial;
    }

    .premium-hero__image,
    .premium-hero::before,
    .premium-hero::after {
        left: 0;
    }

    .premium-hero__image {
        bottom: auto;

        height: 36rem;
    }

    .premium-hero__image img {
        object-position: 63% center;
    }

    .premium-hero::before {
        bottom: auto;

        height: 36rem;

        background:
            linear-gradient(
                180deg,
                rgba(8, 21, 33, 0.30) 0%,
                rgba(8, 21, 33, 0.88) 62%,
                var(--navy-950) 100%
            );
    }

    .premium-hero::after {
        bottom: auto;

        height: 36rem;

        background-size: 3rem 3rem;
    }

    .premium-hero__content {
        display: block;

        padding:
            8rem
            1rem
            3rem;
    }

    .premium-hero__number {
        top: 0.2rem;

        font-size: 8rem;
    }

    .premium-hero h1 {
        margin-top: 7rem;

        font-size: clamp(4.2rem, 18vw, 5.8rem);
    }

    .premium-hero__tagline {
        font-size: 1.7rem;
    }

    .premium-hero__summary {
        font-size: 0.92rem;
    }

    .premium-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .premium-hero__actions .dispatch-button {
        justify-content: center;
    }

    .dispatch-console {
        margin-top: 3rem;
    }

    .dispatch-console__header {
        display: grid;
    }

    .dispatch-console__route {
        grid-template-columns: 1fr;
    }

    .dispatch-console__route > div + div {
        border-top: 1px solid var(--line-dark);
        border-left: 0;
    }

    .dispatch-console__path {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .dispatch-console__node,
    .dispatch-console__node--end {
        grid-template-columns: auto 1fr auto;
        justify-items: start;
        align-items: center;
        gap: 0.8rem;

        text-align: left;
    }

    .dispatch-console__line {
        width: 100%;
        height: 2rem;

        transform: rotate(90deg);
    }

    .dispatch-console__line small {
        display: none;
    }

    .dispatch-console__data {
        grid-template-columns: 1fr;
    }

    .dispatch-console__data > div:nth-child(even) {
        border-left: 0;
    }

    .home-service-board,
    .home-handling,
    .home-coverage {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .home-record-heading > div > p {
        margin-bottom: 1rem;
    }

    .service-ledger {
        grid-template-columns: 1fr;

        margin-top: 2.5rem;
    }

    .service-ledger__item {
        min-height: 0;
    }

    .home-custody {
        padding:
            5rem
            1rem;
    }

    .home-custody__timeline {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .home-custody__timeline li {
        display: grid;
        grid-template-columns: 3.5rem minmax(0, 1fr);
        gap: 0.4rem 1rem;

        padding: 1.5rem 0;

        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .home-custody__timeline li > span {
        grid-column: 2;

        margin: 0;
    }

    .home-custody__timeline li > strong {
        grid-row: 1 / 5;

        margin: 0;
    }

    .home-custody__timeline li > p,
    .home-custody__timeline h3,
    .home-custody__timeline small {
        grid-column: 2;
    }

    .home-route-systems {
        width: 100%;

        border-right: 0;
        border-left: 0;
    }

    .home-route-systems__image img {
        min-height: 23rem;

        aspect-ratio: auto;
        object-position: 58% center;
    }

    .home-route-systems__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.46rem;
    }

    .home-route-systems__content {
        padding: 3rem 1rem;
    }

    .home-route-systems__topline {
        margin-bottom: 2rem;
    }

    .home-handling__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .home-handling__range {
        min-width: 0;
        width: min(100%, 18rem);
    }

    .home-handling__body {
        margin-top: 2.5rem;
    }

    .home-handling__body figure img {
        min-height: 22rem;
    }

    .home-handling__body figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.44rem;
    }

    .handling-chart {
        grid-template-columns: 3rem minmax(0, 1fr);

        min-height: 22rem;
    }

    .handling-chart__times span:nth-child(2),
    .handling-chart__times span:nth-child(4) {
        display: none;
    }

    .home-handling__footer {
        display: grid;
        gap: 1.5rem;
    }

    .home-industries__intro {
        padding: 4rem 1rem;
    }

    .industry-matrix {
        grid-template-columns: 1fr;
    }

    .industry-matrix a {
        min-height: 12rem;

        padding: 1.5rem 1rem;

        border-left: 0;
        border-bottom: 1px solid var(--line-dark) !important;
    }

    .industry-matrix a:last-child {
        border-bottom: 0 !important;
    }

    .home-proof {
        min-height: 50rem;
        padding:
            5rem
            1rem
            2rem;

        background-position: 58% center;
    }

    .home-proof__image img {
        object-position: 57% center;
    }

    .home-proof__receipt {
        width: 100%;
        margin-top: 18rem;
        padding: 1.5rem;

        background: rgba(244, 241, 233, 0.76);
    }

    .home-proof__receipt h2 {
        font-size: clamp(3rem, 13vw, 4rem);
    }

    .home-proof__receipt dl > div {
        gap: 1rem;
    }

    .coverage-board {
        overflow: hidden;
    }

    .coverage-board__header {
        display: none;
    }

    .coverage-board > div:not(.coverage-board__header) {
        grid-template-columns: 4rem minmax(0, 1fr);

        padding: 0.75rem 0;
    }

    .coverage-board > div:not(.coverage-board__header) > * {
        padding: 0.55rem 0.8rem;
    }

    .coverage-board > div:not(.coverage-board__header) > * + * {
        border-left: 0;
    }

    .coverage-board > div:not(.coverage-board__header) > span:first-child {
        grid-row: 1 / 4;

        border-right: 1px solid var(--line-dark);
    }

    .coverage-board > div:not(.coverage-board__header) strong,
    .coverage-board > div:not(.coverage-board__header) > span:nth-child(3),
    .coverage-board > div:not(.coverage-board__header) b {
        grid-column: 2;
    }

    .home-coverage__footer {
        display: grid;
        gap: 1.5rem;
    }

    .home-dispatch-close {
        padding:
            5rem
            1rem;
    }

    .home-dispatch-close__actions > div {
        display: grid;
    }

    .home-dispatch-close__actions .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Premium Home — Responsive / Very Small Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 390px) {

    .premium-hero h1 {
        font-size: 4rem;
    }

    .premium-hero__tagline {
        font-size: 1.5rem;
    }

    .dispatch-console__data dd {
        font-size: 1.05rem;
    }

    .home-route-systems__topline {
        display: grid;
        gap: 0.3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Premium Home — Responsive / Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .premium-hero__content {
        max-width: 1600px;
    }

    .premium-hero__identity {
        max-width: 58rem;
    }

    .premium-hero h1 {
        font-size: 8.5rem;
    }

    .home-route-systems {
        width: 100%;
        max-width: none;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(34rem, 46rem);
    }

    .home-route-systems__content {
        padding-right:
            max(
                5.5rem,
                calc((100vw - 1600px) / 2 + 2rem)
            );
    }

    .home-industries {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .home-industries__intro {
        padding-right: 6rem;
        padding-left:
            max(
                6rem,
                calc((100vw - 1600px) / 2 + 2rem)
            );
    }

    .home-proof__receipt {
        max-width: 1180px;
    }

}


/*
|--------------------------------------------------------------------------
| Premium Home — Handling / Desktop
|--------------------------------------------------------------------------
*/

@media (min-width: 961px) and (max-width: 1399px) {

    .home-handling__header {
        grid-template-columns:
            minmax(0, 1fr)
            auto;

        gap: 3rem;
    }

    .home-handling__header h2 {
        width: auto;
        max-width: none;

        font-size: clamp(4.1rem, 5.35vw, 5.3rem);

        white-space: nowrap;
    }

}

/*
|--------------------------------------------------------------------------
| Premium Home — Handling / Wide Screens
|--------------------------------------------------------------------------
*/

@media (min-width: 1400px) and (max-width: 2799px) {

    .home-handling__header {
        grid-template-columns:
            minmax(0, 1.4fr)
            auto;
    }

    .home-handling__header h2 {
        width: 100%;
        max-width: 19ch;

        font-size: clamp(4.5rem, 4vw, 6rem);
    }

    .home-handling__header h2 em {
        white-space: nowrap;
    }

}

/*
|--------------------------------------------------------------------------
| Premium Home — Responsive / True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .home-handling__header h2 {
        width: 100%;
        max-width: 18ch;

        font-size: clamp(4.8rem, 3.5vw, 6.4rem);
    }

    .home-handling__header h2 em {
        white-space: nowrap;
    }

    .home-custody {
        padding-right:
            max(
                2rem,
                calc((100vw - 1420px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1420px) / 2)
            );
    }

    .home-custody__heading {
        gap: 5rem;
    }

    .home-custody__timeline {
        gap: 2.75rem;
    }


    .home-route-systems {
        grid-template-columns:
            minmax(0, 1.38fr)
            minmax(0, 0.82fr);
    }

    .home-route-systems__content {
        display: flex;
        flex-direction: column;
        justify-content: center;

        padding:
            clamp(5rem, 4vw, 7rem)
            clamp(5rem, 4.5vw, 8rem);
    }

    .home-route-systems h2 {
        max-width: 10ch;

        font-size: clamp(5rem, 4vw, 7rem);
    }

    .home-route-systems__content > p {
        max-width: 34rem;
    }

    .route-type-grid {
        width: min(100%, 38rem);
    }


    .home-industries {
        position: relative;
        isolation: isolate;

        grid-template-columns:
            minmax(0, 0.78fr)
            minmax(0, 1.22fr);

        width: min(100%, 1500px);
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;
    }

    .home-industries::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        z-index: 0;

        width: 100vw;

        background:
            linear-gradient(
                90deg,
                var(--navy-900) 0,
                var(--navy-900) calc(50% - 165px),
                var(--paper) calc(50% - 165px),
                var(--paper) 100%
            );

        content: "";
        pointer-events: none;

        transform: translateX(-50%);
    }

    .home-industries__intro,
    .industry-matrix {
        position: relative;
        z-index: 1;
    }

    .home-industries__intro {
        display: flex;
        flex-direction: column;
        justify-content: center;

        padding:
            5rem
            4rem;
    }

    .home-industries__intro h2 {
        max-width: 8ch;

        font-size: clamp(4.6rem, 3.4vw, 6.2rem);
    }

    .home-industries__intro > p:not(:first-child) {
        max-width: 28rem;
    }

    .home-industries__intro .dispatch-button {
        align-self: flex-start;
        width: auto;
    }

    .industry-matrix a {
        padding:
            2.25rem
            2.75rem;
    }

}



/* ==========================================================================
   17C. PREMIUM SERVICES PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Services — Page Foundation
|--------------------------------------------------------------------------
*/

.premium-services {
    background: var(--paper);
}

.premium-services main {
    overflow: hidden;
}

.premium-services h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Services — Hero / Service Intake
|--------------------------------------------------------------------------
*/

.services-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);

    min-height: 48rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.95) 32%,
            rgba(8, 21, 33, 0.72) 58%,
            rgba(8, 21, 33, 0.32) 100%
        ),
        url("../images/medical-courier-route-prep.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.services-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.services-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.15rem;

    background: var(--orange);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.services-hero__rail span,
.services-hero__rail strong {
    writing-mode: vertical-rl;
}

.services-hero__main {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(24rem, 0.55fr);
    gap: clamp(3rem, 6vw, 7rem);
    align-items: end;

    width: min(100%, var(--content));
    margin: 0 auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        2rem
        clamp(4rem, 6vw, 6rem);
}

.services-hero__copy {
    position: relative;

    max-width: 58rem;
}

.services-hero__number {
    position: absolute;
    top: 1.5rem;
    left: -0.2rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.08);

    font-family: var(--font-body);
    font-size: clamp(9rem, 14vw, 14rem);
    font-weight: 700;
    line-height: 0.75;
}

.services-hero h1 {
    max-width: 10ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 7.5vw, 8.7rem);
    letter-spacing: -0.05em;
}

.services-hero h1 em {
    color: var(--orange);
}

.services-hero__summary {
    max-width: 42rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.8);

    line-height: 1.7;
}

.services-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.services-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.3);
}


/*
|--------------------------------------------------------------------------
| Services — Intake Ticket
|--------------------------------------------------------------------------
*/

.service-intake-ticket {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.94);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(8px);
}

.service-intake-ticket header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.service-intake-ticket dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.service-intake-ticket dl > div {
    min-height: 7rem;
    padding: 1.1rem;

    border-bottom: 1px solid var(--line-dark);
}

.service-intake-ticket dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.service-intake-ticket dt {
    margin-bottom: 0.6rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.service-intake-ticket dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.45rem;
}

.service-intake-ticket > p {
    margin: 0;
    padding: 1rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Services — Service Manifest
|--------------------------------------------------------------------------
*/

.service-manifest {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        2rem;

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.055) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.2rem;

    border-bottom: 1px solid var(--navy-950);
}

.service-manifest__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(18rem, 0.5fr);
    gap: 4rem;
    align-items: end;

    width: min(100%, var(--content));
    margin: 0 auto;
}

.service-manifest__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.6rem;
    font-weight: 700;
}

.service-manifest__header h2 {
    max-width: 10ch;
    margin: 0;
}

.service-manifest__header > p {
    justify-self: end;

    max-width: 28rem;
    margin: 0;
    padding-bottom: 0.5rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.66rem;
    line-height: 1.7;
}

.service-manifest__table {
    width: min(100%, var(--content));
    margin: 3rem auto 0;

    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.service-manifest__columns,
.service-manifest__row {
    display: grid;
    grid-template-columns:
        0.4fr
        1.2fr
        1.7fr
        1fr
        0.65fr;
}

.service-manifest__columns {
    background: var(--navy-950);

    color: rgba(255, 255, 255, 0.55);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    letter-spacing: 0.05em;
}

.service-manifest__columns span,
.service-manifest__row > * {
    padding: 1rem 1.2rem;
}

.service-manifest__columns span + span,
.service-manifest__row > * + * {
    border-left: 1px solid rgba(23, 32, 41, 0.22);
}

.service-manifest__row {
    border-bottom: 1px solid var(--navy-950);

    color: var(--navy-950);
    text-decoration: none;

    transition:
        background var(--fast),
        color var(--fast);
}

.service-manifest__row:hover {
    background: var(--navy-900);
    color: var(--white);
}

.service-manifest__row > span:first-child {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.service-manifest__row strong {
    font-family: var(--font-display);
    font-size: 1.35rem;
    font-weight: 400;
}

.service-manifest__row > span:nth-child(3),
.service-manifest__row > span:nth-child(4),
.service-manifest__row b {
    font-size: 0.76rem;
}

.service-manifest__row > span:nth-child(3),
.service-manifest__row > span:nth-child(4) {
    color: var(--ink-soft);
}

.service-manifest__row b {
    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 0.58rem;
}

.service-manifest__row:hover > span:nth-child(3),
.service-manifest__row:hover > span:nth-child(4) {
    color: rgba(255, 255, 255, 0.68);
}

.service-manifest__row:hover b {
    color: var(--cyan);
}


/*
|--------------------------------------------------------------------------
| Services — Shipment Catalog
|--------------------------------------------------------------------------
*/

.shipment-catalog {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(24rem, 0.72fr)
        minmax(0, 1.28fr);

    width: min(calc(100% - 4rem), var(--content));
    margin-right: auto;
    margin-left: auto;

    background: var(--navy-950);

    border-bottom: 1px solid var(--navy-950);
}

.shipment-catalog::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background:
        linear-gradient(
            90deg,
            var(--navy-950) 0%,
            var(--navy-950) 50%,
            var(--paper) 50%,
            var(--paper) 100%
        );

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.shipment-catalog__header {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(5rem, 7vw, 7rem)
        max(3rem, calc((100vw - var(--content)) / 2));

    color: var(--white);
}

.shipment-catalog__header > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.shipment-catalog__header h2 {
    max-width: 8ch;
    margin: 0;

    color: var(--white);

    font-size: clamp(4rem, 5.5vw, 6.4rem);
}

.shipment-catalog__header > p:last-child {
    max-width: 29rem;
    margin: 2rem 0 0;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.shipment-catalog__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    background: var(--paper);
}

.shipment-catalog__grid article {
    min-height: 14.5rem;
    padding: 1.75rem 2rem;

    border-left: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
}

.shipment-catalog__grid article:nth-last-child(-n+2) {
    border-bottom: 0;
}

.shipment-catalog__grid article > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.shipment-catalog__grid article > p:first-of-type {
    margin: 0 0 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.shipment-catalog__grid h3 {
    margin: 0 0 1rem;

    font-size: clamp(2rem, 2.6vw, 3rem);
}

.shipment-catalog__grid article > p:last-child {
    max-width: 23rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.82rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Services — Record Transition
|--------------------------------------------------------------------------
*/

.service-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.service-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.service-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.service-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Services — Handling Protocol
|--------------------------------------------------------------------------
*/

.handling-protocol {
    display: grid;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(28rem, 0.75fr);

    min-height: 48rem;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.handling-protocol__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.handling-protocol__image img {
    width: 100%;
    height: 100%;
    min-height: 48rem;

    object-fit: cover;
    object-position: center center;
}

.handling-protocol__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.5) 100%
        );

    content: "";
    pointer-events: none;
}

.handling-protocol__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.9);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.handling-protocol__content {
    padding:
        clamp(4rem, 5vw, 6rem)
        clamp(3rem, 5vw, 5rem);
}

.handling-protocol__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 3rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
}

.handling-protocol h2 {
    margin: 0 0 1.5rem;

    font-size: clamp(3.8rem, 5vw, 5.8rem);
}

.handling-protocol__content > p {
    max-width: 31rem;
    margin: 0;

    line-height: 1.7;
}

.handling-protocol__list {
    margin: 2.5rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.handling-protocol__list > div {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.handling-protocol__list dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.handling-protocol__list dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}

.handling-protocol__warning {
    margin: 2rem 0;
    padding: 1rem 1.1rem;

    background: rgba(184, 60, 55, 0.08);
    border-left: 3px solid var(--red);
}

.handling-protocol__warning strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}

.handling-protocol__warning p {
    margin: 0.6rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Services — Route Design
|--------------------------------------------------------------------------
*/

.route-design {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(34rem, 0.95fr)
        minmax(0, 1.05fr);

    width: min(calc(100% - 4rem), 1500px);
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);

    border-bottom: 1px solid var(--navy-950);
}

.route-design::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.route-design__content {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.route-design__content > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.route-design h2 {
    max-width: 11ch;
    margin: 0;

    color: var(--white);

    font-size: clamp(4rem, 4.8vw, 5.6rem);
}

.route-design__content > p:nth-of-type(2) {
    max-width: 31rem;
    margin: 2rem 0 0;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.route-design__steps {
    margin: 3rem 0;
    padding: 0;

    list-style: none;

    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.route-design__steps li {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;

    padding: 1rem 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.route-design__steps li > span {
    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
}

.route-design__steps strong {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 400;
}

.route-design__steps p {
    max-width: 30rem;
    margin: 0.45rem 0 0;

    color: rgba(255, 255, 255, 0.62);

    font-size: 0.78rem;
    line-height: 1.55;
}

.route-design .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}

.route-design__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;
}

.route-design__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.route-design__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.9);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| Services — Documentation Record
|--------------------------------------------------------------------------
*/

.service-documentation {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(2rem, calc((100vw - var(--content)) / 2));

    background: var(--screen);

    border-bottom: 1px solid var(--navy-950);
}

.service-documentation__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(21rem, 0.48fr);
    gap: 5rem;
    align-items: end;
}

.service-documentation__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.service-documentation h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.25rem, 4.5vw, 5.5rem);
    line-height: 0.96;

    white-space: nowrap;
}

.service-documentation h2 em {
    display: block;

    white-space: nowrap;
}

.service-documentation__status {
    align-self: end;

    overflow: hidden;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    color: var(--white);
}

.service-documentation__status-top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    border-bottom: 1px solid rgba(255, 255, 255, 0.14);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.service-documentation__status dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.service-documentation__status dl > div {
    min-height: 5.25rem;
    padding: 0.9rem;

    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.service-documentation__status dl > div:nth-child(even) {
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.service-documentation__status dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.service-documentation__status dt {
    margin-bottom: 0.45rem;

    color: rgba(255, 255, 255, 0.52);

    font-family: var(--font-mono);
    font-size: 0.46rem;
    font-weight: 700;
}

.service-documentation__status dd {
    margin: 0;

    color: var(--white);

    font-family: var(--font-mono);
    font-size: 0.66rem;
    font-weight: 700;
}

.service-documentation__track {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem;

    margin-top: 2.5rem;
}

.service-documentation__track::before {
    position: absolute;
    top: 2.45rem;
    right: 0;
    left: 0;

    height: 1px;

    background: var(--navy-950);

    content: "";
}

.service-documentation__track > div {
    position: relative;
    z-index: 1;

    padding-top: 4rem;
}

.service-documentation__track > div::before {
    position: absolute;
    top: 1.8rem;
    left: 0;

    width: 1.3rem;
    height: 1.3rem;

    background: var(--paper);
    border: 2px solid var(--cyan-dark);
    border-radius: 50%;

    content: "";
}

.service-documentation__track span {
    position: absolute;
    top: 0;

    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
}

.service-documentation__track strong {
    display: block;

    margin-bottom: 0.7rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}

.service-documentation__track p {
    max-width: 18rem;
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.35rem;
    line-height: 1.22;
}

.service-documentation__footer {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    align-items: center;

    margin-top: 2.75rem;
    padding-top: 1.5rem;

    border-top: 1px solid var(--line-dark);
}

.service-documentation__footer p {
    max-width: 48rem;
    margin: 0;

    color: var(--ink-soft);

    line-height: 1.65;
}


/*
|--------------------------------------------------------------------------
| Services — Close
|--------------------------------------------------------------------------
*/

.services-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(22rem, 0.7fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(2rem, calc((100vw - var(--content)) / 2));

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.services-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.services-close h2 {
    max-width: 9ch;
    margin: 0;

    color: var(--white);
}

.services-close__actions > p {
    max-width: 32rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.services-close__actions > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.services-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Services — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .services-hero {
        grid-template-columns: 3.5rem minmax(0, 1fr);

        min-height: 0;
    }

    .services-hero::after {
        left: 3.5rem;
    }

    .services-hero__main {
        grid-template-columns: 1fr;
        gap: 3rem;

        padding:
            5rem
            1.5rem
            3rem;
    }

    .services-hero h1 {
        font-size: clamp(4.6rem, 11vw, 7rem);
    }

    .service-intake-ticket {
        width: min(100%, 42rem);
    }

    .service-manifest__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .service-manifest__header > p {
        justify-self: start;
    }

    .service-manifest__columns,
    .service-manifest__row {
        grid-template-columns:
            0.4fr
            1.2fr
            1.4fr
            0.7fr;
    }

    .service-manifest__columns span:nth-child(4),
    .service-manifest__row > span:nth-child(4) {
        display: none;
    }

    .shipment-catalog {
        grid-template-columns: 1fr;

        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .shipment-catalog::before {
        display: none;
    }

    .shipment-catalog__header {
        padding: 5rem 2rem;
    }

    .handling-protocol {
        grid-template-columns: 1fr;
    }

    .handling-protocol__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }

    .handling-protocol__content {
        padding: 4rem 2rem;
    }

    .route-design {
        grid-template-columns: 1fr;

        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-left: 0;
    }

    .route-design__content {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .route-design__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }

    .service-documentation__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .service-documentation h2,
    .service-documentation h2 em {
        white-space: normal;
    }

    .service-documentation__status {
        width: min(100%, 32rem);
    }

    .service-documentation__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
    }

    .service-documentation__track::before {
        display: none;
    }

    .services-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Services — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .services-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .services-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .services-hero__rail span,
    .services-hero__rail strong {
        writing-mode: initial;
    }

    .services-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .services-hero__main {
        padding:
            6rem
            1rem
            3rem;
    }

    .services-hero__number {
        font-size: 8rem;
    }

    .services-hero h1 {
        font-size: clamp(4rem, 18vw, 5.6rem);
    }

    .services-hero__actions {
        display: grid;
    }

    .services-hero__actions .dispatch-button {
        justify-content: center;
    }

    .service-intake-ticket dl {
        grid-template-columns: 1fr;
    }

    .service-intake-ticket dl > div:nth-child(even) {
        border-left: 0;
    }

    .service-manifest {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .service-manifest__columns {
        display: none;
    }

    .service-manifest__row {
        grid-template-columns: 4rem minmax(0, 1fr);

        padding: 0.75rem 0;
    }

    .service-manifest__row > * {
        padding: 0.45rem 0.8rem;
    }

    .service-manifest__row > * + * {
        border-left: 0;
    }

    .service-manifest__row > span:first-child {
        grid-row: 1 / 5;

        border-right: 1px solid var(--line-dark);
    }

    .service-manifest__row strong,
    .service-manifest__row > span:nth-child(3),
    .service-manifest__row > span:nth-child(4),
    .service-manifest__row b {
        grid-column: 2;
    }

    .service-manifest__row > span:nth-child(4) {
        display: block;
    }

    .shipment-catalog__header {
        padding: 4rem 1rem;
    }

    .shipment-catalog__grid {
        grid-template-columns: 1fr;
    }

    .shipment-catalog__grid article {
        min-height: 0;

        padding: 2rem 1rem;

        border-left: 0;
        border-bottom: 1px solid var(--line-dark) !important;
    }

    .shipment-catalog__grid article:last-child {
        border-bottom: 0 !important;
    }

    .service-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .service-record-transition__inner span:last-child {
        justify-self: start;
    }

    .service-record-transition__inner strong {
        display: none;
    }

    .handling-protocol__image img {
        min-height: 23rem;

        aspect-ratio: auto;
    }

    .handling-protocol__image figcaption,
    .route-design__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .handling-protocol__content,
    .route-design__content {
        padding: 4rem 1rem;
    }

    .handling-protocol__topline {
        display: grid;
        gap: 0.35rem;

        margin-bottom: 2rem;
    }

    .handling-protocol__list > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .route-design__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .service-documentation {
        padding:
            5rem
            1rem;
    }

    .service-documentation__status {
        width: 100%;
    }

    .service-documentation__status dl {
        grid-template-columns: 1fr;
    }

    .service-documentation__status dl > div:nth-child(even) {
        border-left: 0;
    }

    .service-documentation__status dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .service-documentation__status dl > div:last-child {
        border-bottom: 0;
    }

    .service-documentation__track {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .service-documentation__track > div {
        display: grid;
        grid-template-columns: 4rem minmax(0, 1fr);
        gap: 0.35rem 1rem;

        padding: 1.5rem 0;

        border-bottom: 1px solid var(--line-dark);
    }

    .service-documentation__track > div::before {
        top: 1.55rem;
    }

    .service-documentation__track span {
        position: static;
        grid-column: 2;
    }

    .service-documentation__track strong,
    .service-documentation__track p {
        grid-column: 2;
    }

    .service-documentation__footer {
        display: grid;
        gap: 1.5rem;
    }

    .services-close {
        padding:
            5rem
            1rem;
    }

    .services-close__actions > div {
        display: grid;
    }

    .services-close__actions .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Services — Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .services-hero__main,
    .service-manifest__header,
    .service-manifest__table {
        width: min(100%, 1500px);
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;
    }

    .shipment-catalog {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;

        grid-template-columns:
            minmax(32rem, 0.76fr)
            minmax(0, 1.24fr);
    }

    .shipment-catalog__header {
        padding:
            5rem
            4rem;
    }

    .handling-protocol {
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(34rem, 0.92fr);
    }

    .route-design {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;

        grid-template-columns:
            minmax(36rem, 0.95fr)
            minmax(0, 1.05fr);
    }

    .service-documentation {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .services-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .services-close h2 {
        max-width: none;

        font-size: clamp(4.5rem, 3vw, 5.5rem);
        line-height: 0.95;

        white-space: nowrap;
    }

    .services-close h2 em {
        display: block;

        white-space: nowrap;
    }

}


/*
|--------------------------------------------------------------------------
| Services — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    /*
    |--------------------------------------------------------------------------
    | Premium Services — Global Record Width
    |--------------------------------------------------------------------------
    */

    .services-hero__main,
    .service-manifest__header,
    .service-manifest__table {
        width: min(100%, 1500px);
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;
    }


    /*
    |--------------------------------------------------------------------------
    | Shipment Catalog
    |--------------------------------------------------------------------------
    */

    .shipment-catalog {
        width: min(100%, 1500px);
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;

        grid-template-columns:
            minmax(32rem, 0.78fr)
            minmax(0, 1.22fr);
    }

    .shipment-catalog__header {
        padding:
            5.5rem
            4rem;
    }

    .shipment-catalog__header h2 {
        max-width: none;

        font-size: clamp(4.6rem, 3vw, 5.5rem);
        line-height: 0.95;

        white-space: nowrap;
    }

    .shipment-catalog__header h2 em {
        display: block;

        white-space: nowrap;
    }

    .shipment-catalog__grid article {
        padding:
            2rem
            2.5rem;
    }


    /*
    |--------------------------------------------------------------------------
    | Handling Protocol
    |--------------------------------------------------------------------------
    */

    .handling-protocol {
        width: min(100%, 1500px);
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;

        grid-template-columns:
            minmax(0, 1.12fr)
            minmax(34rem, 0.88fr);
    }

    .handling-protocol__content {
        display: flex;
        flex-direction: column;
        justify-content: center;

        padding:
            5rem
            4rem;
    }

    .handling-protocol h2 {
        max-width: none;

        font-size: clamp(4.4rem, 2.9vw, 5.35rem);
        line-height: 0.95;
    }

    .handling-protocol h2 em {
        display: block;

        white-space: nowrap;
    }


    /*
    |--------------------------------------------------------------------------
    | Route Design
    |--------------------------------------------------------------------------
    */

    .route-design {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;

        grid-template-columns:
            minmax(34rem, 0.82fr)
            minmax(0, 1.18fr);
    }

    .route-design__content {
        padding:
            5.5rem
            4rem;
    }

    .route-design h2 {
        max-width: none;

        font-size: clamp(4.4rem, 2.9vw, 5.35rem);
        line-height: 0.95;

        white-space: nowrap;
    }

    .route-design h2 em {
        display: block;

        max-width: 12ch;

        white-space: normal;
    }


    /*
    |--------------------------------------------------------------------------
    | Documentation
    |--------------------------------------------------------------------------
    */

    .service-documentation {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }


    /*
    |--------------------------------------------------------------------------
    | Close
    |--------------------------------------------------------------------------
    */

    .services-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .services-close h2 {
        max-width: none;

        font-size: clamp(4.5rem, 3vw, 5.5rem);
        line-height: 0.95;

        white-space: nowrap;
    }

    .services-close h2 em {
        display: block;

        white-space: nowrap;
    }

}



/* ==========================================================================
   17D. PREMIUM STAT DELIVERY PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| STAT — Foundation
|--------------------------------------------------------------------------
*/

.premium-stat-delivery {
    background: var(--paper);
}

.premium-stat-delivery main {
    overflow: hidden;
}

.premium-stat-delivery h1 em,
.premium-stat-delivery h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| STAT — Hero
|--------------------------------------------------------------------------
*/

.stat-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 48rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.94) 34%,
            rgba(8, 21, 33, 0.70) 60%,
            rgba(8, 21, 33, 0.30) 100%
        ),
        url("../images/medical-courier-facility-delivery.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.stat-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.stat-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;

    background: var(--orange);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.stat-hero__rail span,
.stat-hero__rail strong {
    writing-mode: vertical-rl;
}

.stat-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(24rem, 0.5fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.stat-hero__copy {
    position: relative;

    max-width: 59rem;
}

.stat-hero__number {
    position: absolute;
    top: 1.5rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.075);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.stat-hero h1 {
    max-width: 11ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.7vw, 8rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.stat-hero h1 em {
    color: var(--orange);
}

.stat-hero__summary {
    max-width: 43rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.80);

    line-height: 1.7;
}

.stat-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.stat-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| STAT — Route Card
|--------------------------------------------------------------------------
*/

.stat-route-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.94);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.stat-route-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.stat-route-card__status {
    display: grid;
    grid-template-columns:
        auto
        minmax(2rem, 1fr)
        auto
        minmax(2rem, 1fr)
        auto;
    gap: 0.75rem;
    align-items: center;

    padding: 1.35rem 1rem;

    border-bottom: 1px solid var(--line-dark);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.stat-route-card__status i {
    height: 1px;

    background: var(--cyan-dark);
}

.stat-route-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.stat-route-card dl > div {
    min-height: 6.5rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.stat-route-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.stat-route-card dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.stat-route-card dt {
    margin-bottom: 0.55rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.stat-route-card dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.35rem;
}


/*
|--------------------------------------------------------------------------
| STAT — Qualification Record
|--------------------------------------------------------------------------
*/

.stat-qualifies {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.stat-qualifies__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(20rem, 0.5fr);
    gap: 4rem;
    align-items: end;
}

.stat-qualifies__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.stat-qualifies__header h2 {
    max-width: 11ch;
    margin: 0;

    font-size: clamp(4.5rem, 5vw, 5.8rem);
    line-height: 0.95;
}

.stat-qualifies__header > p {
    justify-self: end;

    max-width: 29rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.65rem;
    line-height: 1.7;
}

.stat-qualifies__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.stat-qualifies__grid article {
    min-height: 15rem;
    padding: 2rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.stat-qualifies__grid article > span {
    display: block;

    margin-bottom: 1.75rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.stat-qualifies__grid article > p:first-of-type {
    margin: 0 0 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.stat-qualifies__grid h3 {
    margin: 0 0 0.9rem;

    font-size: clamp(2rem, 2.5vw, 2.8rem);
}

.stat-qualifies__grid article > p:last-child {
    max-width: 29rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.82rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| STAT — Record Transition
|--------------------------------------------------------------------------
*/

.stat-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.stat-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.stat-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.stat-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| STAT — Priority Route Process
|--------------------------------------------------------------------------
*/

.stat-process {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(34rem, 0.95fr)
        minmax(0, 1.05fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);

    border-bottom: 1px solid var(--navy-950);
}

.stat-process::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.stat-process__content {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.stat-process__content > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.stat-process h2 {
    max-width: 11ch;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.2rem, 4.7vw, 5.5rem);
    line-height: 0.95;
}

.stat-process__content > p:nth-of-type(2) {
    max-width: 32rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.stat-process__steps {
    margin: 2.75rem 0 0;
    padding: 0;

    list-style: none;

    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.stat-process__steps li {
    display: grid;
    grid-template-columns:
        3rem
        minmax(0, 1fr);
    gap: 1rem;

    padding: 0.95rem 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.stat-process__steps li > span {
    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.stat-process__steps strong {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 400;
}

.stat-process__steps p {
    max-width: 31rem;
    margin: 0.4rem 0 0;

    color: rgba(255, 255, 255, 0.62);

    font-size: 0.77rem;
    line-height: 1.55;
}

.stat-process__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;
}

.stat-process__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.stat-process__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| STAT — Custody
|--------------------------------------------------------------------------
*/

.stat-custody {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.stat-custody__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.stat-custody__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.stat-custody h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.8vw, 5.7rem);
    line-height: 0.95;
}

.stat-custody h2 em {
    white-space: nowrap;
}

.stat-custody__status {
    min-width: 15rem;
    padding: 1rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);

    color: var(--white);
}

.stat-custody__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.stat-custody__status strong {
    font-family: var(--font-mono);
    font-size: 0.7rem;
}

.stat-custody__timeline {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem;

    margin-top: 3.5rem;
}

.stat-custody__timeline::before {
    position: absolute;
    top: 4.65rem;
    right: 0;
    left: 0;

    height: 1px;

    background: var(--navy-950);

    content: "";
}

.stat-custody__timeline article {
    position: relative;
    z-index: 1;
}

.stat-custody__timeline article > span {
    display: block;

    margin-bottom: 1.35rem;

    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
}

.stat-custody__timeline article > i {
    display: grid;
    place-items: center;

    width: 2.8rem;
    height: 2.8rem;
    margin-bottom: 1.5rem;

    background: var(--screen);
    border: 2px solid var(--cyan-dark);
    border-radius: 50%;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-style: normal;
    font-weight: 700;
}

.stat-custody__timeline article > p:first-of-type {
    margin: 0 0 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.stat-custody__timeline h3 {
    margin: 0 0 0.75rem;

    font-size: clamp(1.8rem, 2vw, 2.4rem);
}

.stat-custody__timeline article > p:last-child {
    max-width: 17rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| STAT — Handling Review
|--------------------------------------------------------------------------
*/

.stat-handling {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(34rem, 0.92fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.stat-handling::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.stat-handling__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.stat-handling__image img {
    width: 100%;
    height: 100%;
    min-height: 47rem;

    object-fit: cover;
    object-position: center center;
}

.stat-handling__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 68%,
            rgba(8, 21, 33, 0.48) 100%
        );

    content: "";
    pointer-events: none;
}

.stat-handling__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.stat-handling__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.stat-handling__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.stat-handling h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.1rem, 4.5vw, 5.4rem);
    line-height: 0.95;
}

.stat-handling h2 em {
    white-space: nowrap;
}

.stat-handling__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    line-height: 1.7;
}

.stat-handling__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.stat-handling__content dl > div {
    display: grid;
    grid-template-columns:
        9rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.stat-handling__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.stat-handling__content dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}

.stat-handling__warning {
    margin-top: 1.75rem;
    padding: 1rem;

    background: rgba(184, 60, 55, 0.08);
    border-left: 3px solid var(--red);
}

.stat-handling__warning strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
}

.stat-handling__warning p {
    margin: 0.6rem 0 0;

    color: var(--ink-soft);

    font-size: 0.76rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| STAT — Expectations
|--------------------------------------------------------------------------
*/

.stat-expectations {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.045) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.stat-expectations header > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.stat-expectations h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.8vw, 5.7rem);
    line-height: 0.95;
}

.stat-expectations h2 em {
    white-space: nowrap;
}

.stat-expectations__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.stat-expectations__grid article {
    min-height: 14rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.stat-expectations__grid article > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.stat-expectations__grid h3 {
    margin: 0 0 0.8rem;

    font-size: clamp(2rem, 2.2vw, 2.6rem);
}

.stat-expectations__grid p {
    max-width: 20rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| STAT — Close
|--------------------------------------------------------------------------
*/

.stat-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(24rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.stat-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.stat-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.3rem, 4.8vw, 5.7rem);
    line-height: 0.95;
}

.stat-close h2 em {
    white-space: nowrap;
}

.stat-close__action > p {
    max-width: 33rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.stat-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.stat-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| STAT — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .stat-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .stat-hero::after {
        left: 3.5rem;
    }

    .stat-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .stat-hero h1 {
        font-size: clamp(4.6rem, 10vw, 6.8rem);
    }

    .stat-route-card {
        width: min(100%, 42rem);
    }


    .stat-qualifies__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .stat-qualifies__header > p {
        justify-self: start;
    }


    .stat-process {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .stat-process__content {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .stat-process__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }


    .stat-custody__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .stat-custody h2 em {
        white-space: normal;
    }

    .stat-custody__status {
        width: min(100%, 25rem);
    }

    .stat-custody__timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
    }

    .stat-custody__timeline::before {
        display: none;
    }


    .stat-handling {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .stat-handling h2 em {
        white-space: normal;
    }

    .stat-handling__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }


    .stat-expectations h2 em {
        white-space: normal;
    }

    .stat-expectations__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .stat-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .stat-close h2 em {
        white-space: normal;
    }

}


/*
|--------------------------------------------------------------------------
| STAT — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .stat-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .stat-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .stat-hero__rail span,
    .stat-hero__rail strong {
        writing-mode: initial;
    }

    .stat-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .stat-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .stat-hero__number {
        font-size: 7.5rem;
    }

    .stat-hero h1 {
        font-size: clamp(4rem, 17vw, 5.5rem);
    }

    .stat-hero__actions {
        display: grid;
    }

    .stat-hero__actions .dispatch-button {
        justify-content: center;
    }

    .stat-route-card dl {
        grid-template-columns: 1fr;
    }

    .stat-route-card dl > div:nth-child(even) {
        border-left: 0;
    }

    .stat-route-card dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .stat-route-card dl > div:last-child {
        border-bottom: 0;
    }


    .stat-qualifies {
        padding:
            4.5rem
            1rem;
    }

    .stat-qualifies__grid {
        grid-template-columns: 1fr;
    }

    .stat-qualifies__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .stat-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .stat-record-transition__inner span:last-child {
        justify-self: start;
    }

    .stat-record-transition__inner strong {
        display: none;
    }


    .stat-process__content {
        padding:
            4rem
            1rem;
    }

    .stat-process__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .stat-process__image figcaption,
    .stat-handling__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }


    .stat-custody {
        padding:
            4.5rem
            1rem;
    }

    .stat-custody__timeline {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .stat-custody__timeline article {
        padding: 1.5rem 0;

        border-bottom: 1px solid var(--line-dark);
    }


    .stat-handling__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .stat-handling__content {
        padding:
            4rem
            1rem;
    }

    .stat-handling__topline {
        display: grid;
        gap: 0.35rem;
    }

    .stat-handling__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    .stat-expectations {
        padding:
            4.5rem
            1rem;
    }

    .stat-expectations__grid {
        grid-template-columns: 1fr;
    }

    .stat-expectations__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .stat-close {
        padding:
            4.5rem
            1rem;
    }

    .stat-close__action > div {
        display: grid;
    }

    .stat-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| STAT — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .stat-hero__record,
    .stat-process,
    .stat-handling,
    .stat-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .stat-qualifies,
    .stat-custody,
    .stat-expectations,
    .stat-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .stat-process {
        grid-template-columns:
            minmax(36rem, 0.95fr)
            minmax(0, 1.05fr);
    }

    .stat-handling {
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(35rem, 0.92fr);
    }

}


/*
|--------------------------------------------------------------------------
| STAT — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .stat-hero__record,
    .stat-process,
    .stat-handling,
    .stat-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography — use the room
    |----------------------------------------------------------------------
    */

    .stat-hero h1 {
        max-width: 12ch;

        font-size: 6.3rem;
    }

    .stat-qualifies__header h2 {
        max-width: none;

        font-size: 5.35rem;
    }

    .stat-qualifies__header h2 em {
        white-space: nowrap;
    }

    .stat-process h2 {
        max-width: none;

        font-size: 5.15rem;
    }

    .stat-process h2 em {
        white-space: nowrap;
    }

    .stat-custody h2 {
        font-size: 5.35rem;
    }

    .stat-custody h2 em {
        white-space: nowrap;
    }

    .stat-handling h2 {
        font-size: 5.15rem;
    }

    .stat-handling h2 em {
        white-space: nowrap;
    }

    .stat-expectations h2 {
        font-size: 5.35rem;
    }

    .stat-expectations h2 em {
        white-space: nowrap;
    }

    .stat-close h2 {
        font-size: 5.35rem;
    }

    .stat-close h2 em {
        white-space: nowrap;
    }


    /*
    |----------------------------------------------------------------------
    | Keep splits balanced
    |----------------------------------------------------------------------
    */

    .stat-process {
        grid-template-columns:
            minmax(0, 0.96fr)
            minmax(0, 1.04fr);
    }

    .stat-process__content {
        padding:
            5rem
            4rem;
    }

    .stat-handling {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(0, 0.95fr);
    }

    .stat-handling__content {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17E. PREMIUM SCHEDULED ROUTES PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Scheduled Routes — Foundation
|--------------------------------------------------------------------------
*/

.premium-scheduled-routes {
    background: var(--paper);
}

.premium-scheduled-routes main {
    overflow: hidden;
}

.premium-scheduled-routes h1 em,
.premium-scheduled-routes h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Hero
|--------------------------------------------------------------------------
*/

.scheduled-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.95) 36%,
            rgba(8, 21, 33, 0.74) 62%,
            rgba(8, 21, 33, 0.30) 100%
        ),
        url("../images/medical-courier-facility-delivery.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.scheduled-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.06) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.scheduled-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--cyan);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.scheduled-hero__rail span,
.scheduled-hero__rail strong {
    writing-mode: vertical-rl;
}

.scheduled-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.5fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.scheduled-hero__copy {
    position: relative;

    max-width: 63rem;
}

.scheduled-hero__number {
    position: absolute;
    top: 1.2rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.scheduled-hero h1 {
    max-width: 12ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.5vw, 7.8rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.scheduled-hero h1 em {
    color: var(--cyan);
}

.scheduled-hero__summary {
    max-width: 43rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.scheduled-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.scheduled-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Recurring Route Card
|--------------------------------------------------------------------------
*/

.recurring-route-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.96);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.recurring-route-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.recurring-route-card__week {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    border-bottom: 1px solid var(--navy-950);
}

.recurring-route-card__week span {
    display: grid;
    place-items: center;

    min-height: 4.5rem;

    border-right: 1px solid var(--line-dark);

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.recurring-route-card__week span:last-child {
    border-right: 0;
}

.recurring-route-card__week .is-active {
    background: var(--cyan);

    color: var(--navy-950);
}

.recurring-route-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.recurring-route-card dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.recurring-route-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.recurring-route-card dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.recurring-route-card dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.35rem;
}

.recurring-route-card > p {
    margin: 0;
    padding: 1rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Cadence Board
|--------------------------------------------------------------------------
*/

.route-cadence {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.route-cadence__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(20rem, 0.5fr);
    gap: 4rem;
    align-items: end;
}

.route-cadence__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.route-cadence__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.4rem, 4.9vw, 5.8rem);
    line-height: 0.95;
}

.route-cadence__header h2 em {
    white-space: nowrap;
}

.route-cadence__header > p {
    justify-self: end;

    max-width: 30rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.64rem;
    line-height: 1.7;
}

.route-cadence__board {
    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.route-cadence__columns,
.route-cadence__row {
    display: grid;
    grid-template-columns:
        0.7fr
        1fr
        1.35fr
        0.7fr
        1fr;
}

.route-cadence__columns {
    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.route-cadence__columns span {
    padding: 0.8rem 1rem;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.route-cadence__row {
    min-height: 5rem;

    background: var(--paper);
    border-bottom: 1px solid var(--navy-950);

    font-family: var(--font-mono);
}

.route-cadence__row > * {
    display: flex;
    align-items: center;

    margin: 0;
    padding: 1rem;

    border-right: 1px solid var(--line-dark);
}

.route-cadence__row > *:last-child {
    border-right: 0;
}

.route-cadence__row > span:first-child {
    color: var(--red);

    font-weight: 700;
}

.route-cadence__row strong {
    font-size: 0.75rem;
}

.route-cadence__row b {
    color: var(--cyan-dark);

    font-size: 0.58rem;
}

.route-cadence__row--off {
    background: var(--paper-deep);

    color: var(--ink-soft);
}

.route-cadence__row--off b {
    color: var(--red);
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Stop Manifest
|--------------------------------------------------------------------------
*/

.stop-manifest {
    display: grid;
    grid-template-columns:
        minmax(29rem, 0.78fr)
        minmax(0, 1.22fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    border-bottom: 1px solid var(--navy-950);
}

.stop-manifest__intro {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.06) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.stop-manifest__intro > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.stop-manifest h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.2rem, 4.6vw, 5.45rem);
    line-height: 0.95;
}

.stop-manifest h2 em {
    color: var(--cyan);

    white-space: nowrap;
}

.stop-manifest__intro > p:last-child {
    max-width: 30rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.stop-manifest__stops {
    margin: 0;
    padding: 0;

    list-style: none;

    background: var(--screen);
}

.stop-manifest__stops li {
    display: grid;
    grid-template-columns:
        5rem
        3.75rem
        minmax(0, 1fr);
    gap: 1rem;
    align-items: center;

    min-height: 9.75rem;
    padding: 1.25rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.stop-manifest__stops li:last-child {
    border-bottom: 0;
}

.stop-manifest__stops li > span {
    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.stop-manifest__stops li > strong {
    display: grid;
    place-items: center;

    width: 3rem;
    height: 3rem;

    background: var(--navy-950);
    border-radius: 50%;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}

.stop-manifest__stops p {
    margin: 0 0 0.35rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.stop-manifest__stops h3 {
    margin: 0;

    font-size: clamp(1.7rem, 2vw, 2.2rem);
}

.stop-manifest__stops small {
    display: block;

    margin-top: 0.35rem;

    color: var(--ink-soft);

    font-size: 0.72rem;
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Record Transition
|--------------------------------------------------------------------------
*/

.scheduled-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.scheduled-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.scheduled-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.scheduled-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Route Prep
|--------------------------------------------------------------------------
*/

.scheduled-prep {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(34rem, 0.94fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.scheduled-prep::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.scheduled-prep__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.scheduled-prep__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.scheduled-prep__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.50) 100%
        );

    content: "";
    pointer-events: none;
}

.scheduled-prep__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.scheduled-prep__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.scheduled-prep__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.scheduled-prep h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.1rem, 4.45vw, 5.3rem);
    line-height: 0.95;
}

.scheduled-prep h2 em {
    white-space: nowrap;
}

.scheduled-prep__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    color: var(--ink-soft);

    line-height: 1.7;
}

.scheduled-prep__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.scheduled-prep__content dl > div {
    display: grid;
    grid-template-columns:
        8rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.scheduled-prep__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.scheduled-prep__content dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Route Control
|--------------------------------------------------------------------------
*/

.route-control {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.route-control__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.route-control__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.route-control h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.75vw, 5.7rem);
    line-height: 0.95;
}

.route-control h2 em {
    white-space: nowrap;
}

.route-control__status {
    display: grid;
    grid-template-columns: repeat(3, minmax(7rem, 1fr));

    min-width: 27rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);
}

.route-control__status > div {
    padding: 1rem;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.route-control__status > div:last-child {
    border-right: 0;
}

.route-control__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: rgba(255, 255, 255, 0.50);

    font-family: var(--font-mono);
    font-size: 0.48rem;
    font-weight: 700;
}

.route-control__status strong {
    color: var(--white);

    font-family: var(--font-mono);
    font-size: 0.68rem;
}

.route-control__track {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem;

    margin-top: 3.25rem;
}

.route-control__track::before {
    position: absolute;
    top: 1.35rem;
    right: 0;
    left: 0;

    height: 1px;

    background: var(--navy-950);

    content: "";
}

.route-control__track article {
    position: relative;
    z-index: 1;
}

.route-control__track article > span {
    display: grid;
    place-items: center;

    width: 2.8rem;
    height: 2.8rem;
    margin-bottom: 1.5rem;

    background: var(--screen);
    border: 2px solid var(--cyan-dark);
    border-radius: 50%;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.route-control__track strong {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 400;
}

.route-control__track p {
    max-width: 17rem;
    margin: 0.65rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Schedule Review
|--------------------------------------------------------------------------
*/

.schedule-review {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(29rem, 0.8fr)
        minmax(0, 1.2fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.schedule-review::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.schedule-review__copy {
    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background: var(--navy-950);

    color: var(--white);
}

.schedule-review__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.schedule-review h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.1rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.schedule-review h2 em {
    color: var(--cyan);
}

.schedule-review__copy > p:last-child {
    max-width: 30rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.schedule-review__ledger {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    background: var(--paper);
}

.schedule-review__ledger > div {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 14.5rem;
    padding: 2rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.schedule-review__ledger > div:nth-child(even) {
    border-right: 0;
}

.schedule-review__ledger > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.schedule-review__ledger span {
    margin-bottom: 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.schedule-review__ledger strong {
    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 400;
}

.schedule-review__ledger small {
    display: block;

    max-width: 19rem;
    margin-top: 0.6rem;

    color: var(--ink-soft);

    font-size: 0.74rem;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Close
|--------------------------------------------------------------------------
*/

.scheduled-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(25rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.scheduled-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.scheduled-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.3rem, 4.75vw, 5.7rem);
    line-height: 0.95;
}

.scheduled-close h2 em {
    margin-top: 0.12em;

    color: var(--cyan);

    white-space: nowrap;
}

.scheduled-close__action > p {
    max-width: 34rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.scheduled-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.scheduled-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .scheduled-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .scheduled-hero::after {
        left: 3.5rem;
    }

    .scheduled-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .scheduled-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .recurring-route-card {
        width: min(100%, 42rem);
    }


    .route-cadence__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .route-cadence__header > p {
        justify-self: start;
    }

    .route-cadence__header h2 em {
        white-space: normal;
    }


    .stop-manifest {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .scheduled-prep {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .scheduled-prep__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }

    .scheduled-prep h2 em {
        white-space: normal;
    }


    .route-control__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .route-control h2 em {
        white-space: normal;
    }

    .route-control__status {
        width: min(100%, 32rem);
    }

    .route-control__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
    }

    .route-control__track::before {
        display: none;
    }


    .schedule-review {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .scheduled-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .scheduled-close h2 em {
        white-space: normal;
    }

}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .scheduled-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 63% center;
    }

    .scheduled-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .scheduled-hero__rail span,
    .scheduled-hero__rail strong {
        writing-mode: initial;
    }

    .scheduled-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .scheduled-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .scheduled-hero__number {
        font-size: 7.5rem;
    }

    .scheduled-hero h1 {
        font-size: clamp(3.8rem, 16vw, 5.2rem);
    }

    .scheduled-hero__actions {
        display: grid;
    }

    .scheduled-hero__actions .dispatch-button {
        justify-content: center;
    }


    .recurring-route-card__week span {
        min-height: 3.5rem;

        font-size: 0.48rem;
    }

    .recurring-route-card dl {
        grid-template-columns: 1fr;
    }

    .recurring-route-card dl > div:nth-child(even) {
        border-left: 0;
    }


    .route-cadence {
        padding:
            4.5rem
            1rem;
    }

    .route-cadence__board {
        overflow-x: auto;
    }

    .route-cadence__columns,
    .route-cadence__row {
        min-width: 44rem;
    }


    .stop-manifest__intro {
        padding:
            4rem
            1rem;
    }

    .stop-manifest__stops li {
        grid-template-columns:
            4rem
            3rem
            minmax(0, 1fr);

        min-height: 8rem;
        padding:
            1.25rem
            1rem;
    }

    .stop-manifest__stops li > strong {
        width: 2.7rem;
        height: 2.7rem;
    }


    .scheduled-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .scheduled-record-transition__inner span:last-child {
        justify-self: start;
    }

    .scheduled-record-transition__inner strong {
        display: none;
    }


    .scheduled-prep__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .scheduled-prep__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .scheduled-prep__content {
        padding:
            4rem
            1rem;
    }

    .scheduled-prep__topline {
        display: grid;
        gap: 0.35rem;
    }

    .scheduled-prep__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    .route-control {
        padding:
            4.5rem
            1rem;
    }

    .route-control__status {
        grid-template-columns: 1fr;

        min-width: 0;
        width: 100%;
    }

    .route-control__status > div {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .route-control__status > div:last-child {
        border-bottom: 0;
    }

    .route-control__track {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .route-control__track article {
        padding: 1.5rem 0;

        border-bottom: 1px solid var(--line-dark);
    }


    .schedule-review__copy {
        padding:
            4rem
            1rem;
    }

    .schedule-review__ledger {
        grid-template-columns: 1fr;
    }

    .schedule-review__ledger > div {
        min-height: 0;
        padding: 1.75rem 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .schedule-review__ledger > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--navy-950);
    }

    .schedule-review__ledger > div:last-child {
        border-bottom: 0;
    }


    .scheduled-close {
        padding:
            4.5rem
            1rem;
    }

    .scheduled-close__action > div {
        display: grid;
    }

    .scheduled-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .scheduled-hero__record,
    .stop-manifest,
    .scheduled-prep,
    .schedule-review,
    .scheduled-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .route-cadence,
    .route-control,
    .scheduled-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .stop-manifest {
        grid-template-columns:
            minmax(31rem, 0.8fr)
            minmax(0, 1.2fr);
    }

    .scheduled-prep {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(35rem, 0.95fr);
    }

    .schedule-review {
        grid-template-columns:
            minmax(31rem, 0.82fr)
            minmax(0, 1.18fr);
    }

}


/*
|--------------------------------------------------------------------------
| Scheduled Routes — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .scheduled-hero__record,
    .stop-manifest,
    .scheduled-prep,
    .schedule-review,
    .scheduled-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Use the available horizontal space
    |----------------------------------------------------------------------
    */

    .scheduled-hero h1 {
        max-width: 13ch;

        font-size: 6.15rem;
    }

    .route-cadence__header h2 {
        font-size: 5.3rem;
    }

    .route-cadence__header h2 em {
        white-space: nowrap;
    }

    .stop-manifest h2 {
        font-size: 5.1rem;
    }

    .stop-manifest h2 em {
        white-space: nowrap;
    }

    .scheduled-prep h2 {
        font-size: 5.1rem;
    }

    .scheduled-prep h2 em {
        white-space: nowrap;
    }

    .route-control h2 {
        font-size: 5.3rem;
    }

    .route-control h2 em {
        white-space: nowrap;
    }

    .schedule-review h2 {
        font-size: 5rem;
    }

    .scheduled-close h2 {
        font-size: 5.3rem;
    }

    .scheduled-close h2 em {
        white-space: nowrap;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled split ratios
    |----------------------------------------------------------------------
    */

    .stop-manifest {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .stop-manifest__intro {
        padding:
            5rem
            4rem;
    }

    .scheduled-prep {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(0, 0.96fr);
    }

    .scheduled-prep__content {
        padding:
            5rem
            4rem;
    }

    .schedule-review {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .schedule-review__copy {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17F. PREMIUM TEMPERATURE-CONTROLLED PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Temperature — Foundation
|--------------------------------------------------------------------------
*/

.premium-temperature-controlled {
    background: var(--paper);
}

.premium-temperature-controlled main {
    overflow: hidden;
}

.premium-temperature-controlled h1 em,
.premium-temperature-controlled h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Temperature — Hero
|--------------------------------------------------------------------------
*/

.temperature-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.95) 37%,
            rgba(8, 21, 33, 0.73) 63%,
            rgba(8, 21, 33, 0.31) 100%
        ),
        url("../images/cold-chain-medical-case.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.temperature-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.temperature-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--cyan);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.temperature-hero__rail span,
.temperature-hero__rail strong {
    writing-mode: vertical-rl;
}

.temperature-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.temperature-hero__copy {
    position: relative;

    max-width: 65rem;
}

.temperature-hero__number {
    position: absolute;
    top: 1.15rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.temperature-hero h1 {
    max-width: 12ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.4vw, 7.7rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.temperature-hero h1 em {
    color: var(--cyan);
}

.temperature-hero__summary {
    max-width: 44rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.temperature-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.temperature-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Temperature — Logger
|--------------------------------------------------------------------------
*/

.temperature-monitor {
    overflow: hidden;

    background: rgba(220, 229, 226, 0.96);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.temperature-monitor header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.temperature-monitor__display {
    padding: 1.4rem 1rem 1.15rem;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.09) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.09) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 2rem 2rem;

    color: var(--white);
}

.temperature-monitor__display p {
    margin: 0 0 0.8rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.temperature-monitor__display strong {
    display: block;

    font-family: var(--font-mono);
    font-size: 1rem;
}

.temperature-monitor__display span {
    display: block;

    margin-top: 0.45rem;

    color: rgba(255, 255, 255, 0.60);

    font-family: var(--font-mono);
    font-size: 0.48rem;
}

.temperature-monitor__graph {
    position: relative;

    display: grid;
    grid-template-columns: repeat(8, 1fr);
    align-items: end;
    gap: 0.4rem;

    height: 7rem;
    padding: 1rem;

    background: var(--screen);

    border-bottom: 1px solid var(--navy-950);
}

.temperature-monitor__graph::before {
    position: absolute;
    right: 1rem;
    bottom: 50%;
    left: 1rem;

    height: 1px;

    background: rgba(184, 60, 55, 0.45);

    content: "";
}

.temperature-monitor__graph i {
    position: relative;
    z-index: 1;

    display: block;

    min-height: 1rem;

    background: var(--cyan-dark);
}

.temperature-monitor__graph i:nth-child(1) {
    height: 42%;
}

.temperature-monitor__graph i:nth-child(2) {
    height: 48%;
}

.temperature-monitor__graph i:nth-child(3) {
    height: 46%;
}

.temperature-monitor__graph i:nth-child(4) {
    height: 52%;
}

.temperature-monitor__graph i:nth-child(5) {
    height: 49%;
}

.temperature-monitor__graph i:nth-child(6) {
    height: 54%;
}

.temperature-monitor__graph i:nth-child(7) {
    height: 50%;
}

.temperature-monitor__graph i:nth-child(8) {
    height: 47%;
}

.temperature-monitor dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.temperature-monitor dl > div {
    min-height: 5.8rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.temperature-monitor dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.temperature-monitor dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.temperature-monitor dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.temperature-monitor dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.3rem;
}


/*
|--------------------------------------------------------------------------
| Temperature — Requirements
|--------------------------------------------------------------------------
*/

.temperature-requirements {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.temperature-requirements__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.temperature-requirements__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.temperature-requirements__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.75vw, 5.7rem);
    line-height: 0.95;
}

.temperature-requirements__header h2 em {
    white-space: nowrap;
}

.temperature-requirements__header > p {
    justify-self: end;

    max-width: 31rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.temperature-requirements__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.temperature-requirements__grid article {
    min-height: 14.5rem;
    padding: 1.9rem 2rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.temperature-requirements__grid article > span {
    display: block;

    margin-bottom: 1.7rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.temperature-requirements__grid article > p:first-of-type {
    margin: 0 0 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.temperature-requirements__grid h3 {
    margin: 0 0 0.85rem;

    font-size: clamp(2rem, 2.4vw, 2.7rem);
}

.temperature-requirements__grid article > p:last-child {
    max-width: 30rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Temperature — Condition Checkpoints
|--------------------------------------------------------------------------
*/

.condition-checkpoints {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(30rem, 0.82fr)
        minmax(0, 1.18fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--screen);

    border-bottom: 1px solid var(--navy-950);
}

.condition-checkpoints::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--screen);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.condition-checkpoints__intro {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.condition-checkpoints__intro > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.condition-checkpoints h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.15rem, 4.45vw, 5.3rem);
    line-height: 0.95;
}

.condition-checkpoints h2 em {
    max-width: 12ch;

    color: var(--cyan);

    white-space: normal;
}

.condition-checkpoints__intro > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.condition-checkpoints__list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.condition-checkpoints__list li {
    display: grid;
    grid-template-columns:
        4rem
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    min-height: 9.8rem;
    padding: 1.4rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.condition-checkpoints__list li:last-child {
    border-bottom: 0;
}

.condition-checkpoints__list li > span {
    display: grid;
    place-items: center;

    width: 3.2rem;
    height: 3.2rem;

    background: var(--navy-950);
    border: 2px solid var(--cyan-dark);
    border-radius: 50%;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.condition-checkpoints__list p {
    margin: 0 0 0.35rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.condition-checkpoints__list h3 {
    margin: 0;

    font-size: clamp(1.75rem, 2vw, 2.25rem);
}

.condition-checkpoints__list small {
    display: block;

    max-width: 29rem;
    margin-top: 0.45rem;

    color: var(--ink-soft);

    font-size: 0.74rem;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Temperature — Record Transition
|--------------------------------------------------------------------------
*/

.temperature-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.temperature-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.temperature-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.temperature-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Temperature — Handling System
|--------------------------------------------------------------------------
*/

.temperature-handling {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(34rem, 0.94fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.temperature-handling::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.temperature-handling__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.temperature-handling__image img {
    width: 100%;
    height: 100%;
    min-height: 47rem;

    object-fit: cover;
    object-position: center center;
}

.temperature-handling__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.50) 100%
        );

    content: "";
    pointer-events: none;
}

.temperature-handling__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.temperature-handling__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.temperature-handling__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.temperature-handling h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.1rem, 4.4vw, 5.25rem);
    line-height: 0.95;
}

.temperature-handling h2 em {
    white-space: nowrap;
}

.temperature-handling__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    color: var(--ink-soft);

    line-height: 1.7;
}

.temperature-handling__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.temperature-handling__content dl > div {
    display: grid;
    grid-template-columns:
        8rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.temperature-handling__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.temperature-handling__content dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}

.temperature-handling__warning {
    margin-top: 1.75rem;
    padding: 1rem;

    background: rgba(184, 60, 55, 0.08);
    border-left: 3px solid var(--red);
}

.temperature-handling__warning strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
}

.temperature-handling__warning p {
    margin: 0.6rem 0 0;

    color: var(--ink-soft);

    font-size: 0.76rem;
    line-height: 1.6;
}


/*
|--------------------------------------------------------------------------
| Temperature — Excursion Review
|--------------------------------------------------------------------------
*/

.temperature-excursion {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.temperature-excursion__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.temperature-excursion__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.temperature-excursion h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.25rem, 4.65vw, 5.6rem);
    line-height: 0.95;
}

.temperature-excursion h2 em {
    white-space: nowrap;
}

.temperature-excursion__status {
    min-width: 18rem;
    padding: 1rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);

    color: var(--white);
}

.temperature-excursion__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.temperature-excursion__status strong {
    font-family: var(--font-mono);
    font-size: 0.65rem;
}

.temperature-excursion__steps {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem;

    margin-top: 3.25rem;
}

.temperature-excursion__steps::before {
    position: absolute;
    top: 1.35rem;
    right: 0;
    left: 0;

    height: 1px;

    background: var(--navy-950);

    content: "";
}

.temperature-excursion__steps article {
    position: relative;
    z-index: 1;
}

.temperature-excursion__steps article > span {
    display: grid;
    place-items: center;

    width: 2.8rem;
    height: 2.8rem;
    margin-bottom: 1.5rem;

    background: var(--screen);
    border: 2px solid var(--cyan-dark);
    border-radius: 50%;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.temperature-excursion__steps strong {
    font-family: var(--font-display);
    font-size: 1.65rem;
    font-weight: 400;
}

.temperature-excursion__steps p {
    max-width: 18rem;
    margin: 0.65rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Temperature — Condition Log
|--------------------------------------------------------------------------
*/

.condition-log {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(29rem, 0.82fr)
        minmax(0, 1.18fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.condition-log::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.condition-log__copy {
    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.condition-log__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.condition-log h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4rem, 4.3vw, 5.15rem);
    line-height: 0.95;
}

.condition-log h2 em {
    color: var(--cyan);
}

.condition-log__copy > p:last-child {
    max-width: 30rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.condition-log__ledger {
    align-self: center;

    margin:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 3vw, 3rem);

    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.condition-log__columns,
.condition-log__row {
    display: grid;
    grid-template-columns:
        0.75fr
        1fr
        1.35fr
        1fr;
}

.condition-log__columns {
    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.condition-log__columns span {
    padding: 0.8rem 0.9rem;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.condition-log__columns span:last-child {
    border-right: 0;
}

.condition-log__row {
    min-height: 5rem;

    border-bottom: 1px solid var(--navy-950);

    font-family: var(--font-mono);
}

.condition-log__row > * {
    display: flex;
    align-items: center;

    margin: 0;
    padding: 0.9rem;

    border-right: 1px solid var(--line-dark);
}

.condition-log__row > *:last-child {
    border-right: 0;
}

.condition-log__row > span:first-child {
    color: var(--cyan-dark);

    font-weight: 700;
}

.condition-log__row strong {
    font-size: 0.7rem;
}

.condition-log__row b {
    color: var(--cyan-dark);

    font-size: 0.54rem;
}


/*
|--------------------------------------------------------------------------
| Temperature — Close
|--------------------------------------------------------------------------
*/

.temperature-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.temperature-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.temperature-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.2rem, 4.65vw, 5.6rem);
    line-height: 0.95;
}

.temperature-close h2 em {
    margin-top: 0.1em;

    color: var(--cyan);

    white-space: nowrap;
}

.temperature-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.temperature-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.temperature-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Temperature — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .temperature-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .temperature-hero::after {
        left: 3.5rem;
    }

    .temperature-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .temperature-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .temperature-monitor {
        width: min(100%, 42rem);
    }


    .temperature-requirements__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .temperature-requirements__header > p {
        justify-self: start;
    }

    .temperature-requirements__header h2 em {
        white-space: normal;
    }


    .condition-checkpoints {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .condition-checkpoints h2 em {
        white-space: normal;
    }


    .temperature-handling {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .temperature-handling__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }

    .temperature-handling h2 em {
        white-space: normal;
    }


    .temperature-excursion__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .temperature-excursion h2 em {
        white-space: normal;
    }

    .temperature-excursion__status {
        width: min(100%, 30rem);
    }

    .temperature-excursion__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
    }

    .temperature-excursion__steps::before {
        display: none;
    }


    .condition-log {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .temperature-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .temperature-close h2 em {
        white-space: normal;
    }

}


/*
|--------------------------------------------------------------------------
| Temperature — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .temperature-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 60% center;
    }

    .temperature-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .temperature-hero__rail span,
    .temperature-hero__rail strong {
        writing-mode: initial;
    }

    .temperature-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .temperature-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .temperature-hero__number {
        font-size: 7.3rem;
    }

    .temperature-hero h1 {
        font-size: clamp(3.75rem, 16vw, 5.15rem);
    }

    .temperature-hero__actions {
        display: grid;
    }

    .temperature-hero__actions .dispatch-button {
        justify-content: center;
    }


    .temperature-monitor dl {
        grid-template-columns: 1fr;
    }

    .temperature-monitor dl > div:nth-child(even) {
        border-left: 0;
    }

    .temperature-monitor dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .temperature-monitor dl > div:last-child {
        border-bottom: 0;
    }


    .temperature-requirements {
        padding:
            4.5rem
            1rem;
    }

    .temperature-requirements__grid {
        grid-template-columns: 1fr;
    }

    .temperature-requirements__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .condition-checkpoints__intro {
        padding:
            4rem
            1rem;
    }

    .condition-checkpoints__list li {
        grid-template-columns:
            3.2rem
            minmax(0, 1fr);

        min-height: 8rem;
        padding:
            1.25rem
            1rem;
    }

    .condition-checkpoints__list li > span {
        width: 2.7rem;
        height: 2.7rem;
    }


    .temperature-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .temperature-record-transition__inner span:last-child {
        justify-self: start;
    }

    .temperature-record-transition__inner strong {
        display: none;
    }


    .temperature-handling__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .temperature-handling__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .temperature-handling__content {
        padding:
            4rem
            1rem;
    }

    .temperature-handling__topline {
        display: grid;
        gap: 0.35rem;
    }

    .temperature-handling__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    .temperature-excursion {
        padding:
            4.5rem
            1rem;
    }

    .temperature-excursion__steps {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .temperature-excursion__steps article {
        padding: 1.5rem 0;

        border-bottom: 1px solid var(--line-dark);
    }


    .condition-log__copy {
        padding:
            4rem
            1rem;
    }

    .condition-log__ledger {
        overflow-x: auto;

        margin:
            2.5rem
            1rem;
    }

    .condition-log__columns,
    .condition-log__row {
        min-width: 42rem;
    }


    .temperature-close {
        padding:
            4.5rem
            1rem;
    }

    .temperature-close__action > div {
        display: grid;
    }

    .temperature-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Temperature — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .temperature-hero__record,
    .condition-checkpoints,
    .temperature-handling,
    .condition-log,
    .temperature-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .temperature-requirements,
    .temperature-excursion,
    .temperature-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .condition-checkpoints {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

    .temperature-handling {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(35rem, 0.95fr);
    }

    .condition-log {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

}


/*
|--------------------------------------------------------------------------
| Temperature — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .temperature-hero__record,
    .condition-checkpoints,
    .temperature-handling,
    .condition-log,
    .temperature-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography — use the room
    |----------------------------------------------------------------------
    */

    .temperature-hero h1 {
        max-width: 13ch;

        font-size: 6.1rem;
    }

    .temperature-requirements__header h2 {
        font-size: 5.25rem;
    }

    .temperature-requirements__header h2 em {
        white-space: nowrap;
    }

    .condition-checkpoints h2 {
        font-size: 5.05rem;
    }

    .condition-checkpoints h2 em {
        white-space: nowrap;
    }

    .temperature-handling h2 {
        font-size: 5.05rem;
    }

    .temperature-handling h2 em {
        white-space: nowrap;
    }

    .temperature-excursion h2 {
        font-size: 5.25rem;
    }

    .temperature-excursion h2 em {
        white-space: nowrap;
    }

    .condition-log h2 {
        font-size: 4.95rem;
    }

    .temperature-close h2 {
        font-size: 5.25rem;
    }

    .temperature-close h2 em {
        white-space: nowrap;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled split ratios
    |----------------------------------------------------------------------
    */

    .condition-checkpoints {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .condition-checkpoints__intro {
        padding:
            5rem
            4rem;
    }

    .temperature-handling {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(0, 0.96fr);
    }

    .temperature-handling__content {
        padding:
            5rem
            4rem;
    }

    .condition-log {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .condition-log__copy {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17G. PREMIUM CHAIN OF CUSTODY PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Custody — Foundation
|--------------------------------------------------------------------------
*/

.premium-chain-of-custody {
    background: var(--paper);
}

.premium-chain-of-custody main {
    overflow: hidden;
}

.premium-chain-of-custody h1 em,
.premium-chain-of-custody h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Custody — Hero
|--------------------------------------------------------------------------
*/

.custody-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.95) 37%,
            rgba(8, 21, 33, 0.72) 64%,
            rgba(8, 21, 33, 0.30) 100%
        ),
        url("../images/hero-medical-courier-handoff.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.custody-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.custody-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--orange);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.custody-hero__rail span,
.custody-hero__rail strong {
    writing-mode: vertical-rl;
}

.custody-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.custody-hero__copy {
    position: relative;

    max-width: 64rem;
}

.custody-hero__number {
    position: absolute;
    top: 1.15rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.custody-hero h1 {
    max-width: 12ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.4vw, 7.7rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.custody-hero h1 em {
    color: var(--orange);
}

.custody-hero__summary {
    max-width: 44rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.custody-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.custody-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Custody — Master Record
|--------------------------------------------------------------------------
*/

.custody-master-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.96);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.custody-master-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.custody-master-card__barcode {
    display: flex;
    align-items: stretch;
    gap: 0.25rem;

    height: 5.5rem;
    padding: 1.1rem 1rem;

    background: var(--white);

    border-bottom: 1px solid var(--navy-950);
}

.custody-master-card__barcode i {
    display: block;

    background: var(--navy-950);
}

.custody-master-card__barcode i:nth-child(1),
.custody-master-card__barcode i:nth-child(4),
.custody-master-card__barcode i:nth-child(8),
.custody-master-card__barcode i:nth-child(11) {
    width: 0.28rem;
}

.custody-master-card__barcode i:nth-child(2),
.custody-master-card__barcode i:nth-child(6),
.custody-master-card__barcode i:nth-child(9) {
    width: 0.7rem;
}

.custody-master-card__barcode i:nth-child(3),
.custody-master-card__barcode i:nth-child(7),
.custody-master-card__barcode i:nth-child(12) {
    width: 0.42rem;
}

.custody-master-card__barcode i:nth-child(5),
.custody-master-card__barcode i:nth-child(10) {
    width: 0.95rem;
}

.custody-master-card__id {
    margin: 0;
    padding: 0.65rem 1rem;

    background: var(--paper-deep);
    border-bottom: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.custody-master-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.custody-master-card dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.custody-master-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.custody-master-card dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.custody-master-card dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.custody-master-card dd {
    margin: 0;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.3rem;
}


/*
|--------------------------------------------------------------------------
| Custody — Event Ledger
|--------------------------------------------------------------------------
*/

.custody-ledger {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.custody-ledger__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.custody-ledger__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.custody-ledger__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.75vw, 5.7rem);
    line-height: 0.95;
}

.custody-ledger__header h2 em {
    white-space: nowrap;
}

.custody-ledger__header > p {
    justify-self: end;

    max-width: 30rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.custody-ledger__table {
    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.custody-ledger__columns,
.custody-ledger__row {
    display: grid;
    grid-template-columns:
        0.72fr
        1fr
        1.55fr
        1fr
        1fr;
}

.custody-ledger__columns {
    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.custody-ledger__columns span {
    padding: 0.8rem 1rem;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.custody-ledger__columns span:last-child {
    border-right: 0;
}

.custody-ledger__row {
    min-height: 5rem;

    background: var(--paper);
    border-bottom: 1px solid var(--navy-950);

    font-family: var(--font-mono);
}

.custody-ledger__row > * {
    display: flex;
    align-items: center;

    margin: 0;
    padding: 1rem;

    border-right: 1px solid var(--line-dark);
}

.custody-ledger__row > *:last-child {
    border-right: 0;
}

.custody-ledger__row > span:first-child {
    color: var(--cyan-dark);

    font-weight: 700;
}

.custody-ledger__row strong {
    font-size: 0.72rem;
}

.custody-ledger__row b {
    color: var(--cyan-dark);

    font-size: 0.54rem;
}


/*
|--------------------------------------------------------------------------
| Custody — Handoff Receipt
|--------------------------------------------------------------------------
*/

.handoff-receipt {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(30rem, 0.82fr)
        minmax(0, 1.18fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.handoff-receipt::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.handoff-receipt__copy {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.handoff-receipt__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.handoff-receipt h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.1rem, 4.45vw, 5.3rem);
    line-height: 0.95;
}

.handoff-receipt h2 em {
    color: var(--orange);
}

.handoff-receipt__copy > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.handoff-receipt__paper {
    align-self: center;

    margin:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 4vw, 4rem);

    background: var(--white);
    border: 1px solid var(--navy-950);

    box-shadow:
        0 1.5rem 3rem rgba(8, 21, 33, 0.10);
}

.handoff-receipt__paper header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.handoff-receipt__paper dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.handoff-receipt__paper dl > div {
    min-height: 6.5rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.handoff-receipt__paper dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.handoff-receipt__paper dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.handoff-receipt__paper dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.35rem;
}

.handoff-receipt__signature {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.handoff-receipt__signature > div {
    padding: 1rem;
}

.handoff-receipt__signature > div + div {
    border-left: 1px solid var(--line-dark);
}

.handoff-receipt__signature span {
    display: block;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.handoff-receipt__signature i {
    display: block;

    height: 3rem;
    margin-top: 1.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.handoff-receipt__paper > p {
    margin: 0;
    padding: 1rem;

    background: var(--paper-deep);
    border-top: 1px solid var(--line-dark);

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Custody — Record Transition
|--------------------------------------------------------------------------
*/

.custody-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.custody-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.custody-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.custody-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Custody — Route Documentation
|--------------------------------------------------------------------------
*/

.custody-route {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(34rem, 0.94fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.custody-route::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.custody-route__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.custody-route__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.custody-route__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.50) 100%
        );

    content: "";
    pointer-events: none;
}

.custody-route__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.custody-route__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.custody-route__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.custody-route h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.custody-route h2 em {
    white-space: nowrap;
}

.custody-route__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    color: var(--ink-soft);

    line-height: 1.7;
}

.custody-route__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.custody-route__content dl > div {
    display: grid;
    grid-template-columns:
        8rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.custody-route__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.custody-route__content dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}


/*
|--------------------------------------------------------------------------
| Custody — Record Integrity
|--------------------------------------------------------------------------
*/

.record-integrity {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.record-integrity__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.record-integrity__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.record-integrity h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.2rem, 4.6vw, 5.55rem);
    line-height: 0.95;
}

.record-integrity h2 em {
    white-space: nowrap;
}

.record-integrity__status {
    min-width: 17rem;
    padding: 1rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);

    color: var(--white);
}

.record-integrity__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.record-integrity__status strong {
    font-family: var(--font-mono);
    font-size: 0.7rem;
}

.record-integrity__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3.25rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.record-integrity__grid article {
    min-height: 14rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.record-integrity__grid article > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.record-integrity__grid strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 400;
}

.record-integrity__grid p {
    max-width: 20rem;
    margin: 0.7rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Custody — Delivery Receipt
|--------------------------------------------------------------------------
*/

.delivery-receipt {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(30rem, 0.84fr)
        minmax(0, 1.16fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.delivery-receipt::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.delivery-receipt__copy {
    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background: var(--navy-950);

    color: var(--white);
}

.delivery-receipt__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.delivery-receipt h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.15rem, 4.4vw, 5.25rem);
    line-height: 0.95;
}

.delivery-receipt h2 em {
    margin-top: 0.08em;

    color: var(--orange);

    white-space: nowrap;
}

.delivery-receipt__copy > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.delivery-receipt__record {
    align-self: center;

    display: grid;
    grid-template-columns:
        minmax(12rem, 0.45fr)
        minmax(0, 1fr);

    margin:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 4vw, 4rem);

    background: var(--white);
    border: 1px solid var(--navy-950);
}

.delivery-receipt__stamp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    min-height: 18rem;
    padding: 2rem;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 2rem 2rem;

    border-right: 1px solid var(--navy-950);

    text-align: center;
}

.delivery-receipt__stamp span {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.6rem;
    font-weight: 700;
}

.delivery-receipt__stamp strong {
    margin-top: 0.5rem;

    font-family: var(--font-display);
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
}

.delivery-receipt__stamp small {
    margin-top: 0.8rem;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.5rem;
}

.delivery-receipt__record dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.delivery-receipt__record dl > div {
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.delivery-receipt__record dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.delivery-receipt__record dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.delivery-receipt__record dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.delivery-receipt__record dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.25rem;
}


/*
|--------------------------------------------------------------------------
| Custody — Information Control
|--------------------------------------------------------------------------
*/

.custody-privacy {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.custody-privacy > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.custody-privacy h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.1rem, 4.45vw, 5.35rem);
    line-height: 0.95;
}

.custody-privacy h2 em {
    color: var(--orange);
}

.custody-privacy__note {
    padding: 1.5rem;

    background: rgba(184, 60, 55, 0.08);
    border-top: 4px solid var(--red);
    border-right: 1px solid var(--red);
    border-bottom: 1px solid var(--red);
    border-left: 1px solid var(--red);
}

.custody-privacy__note strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}

.custody-privacy__note p {
    margin: 1rem 0 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Custody — Close
|--------------------------------------------------------------------------
*/

.custody-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.custody-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.custody-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.15rem, 4.55vw, 5.5rem);
    line-height: 0.95;
}

.custody-close h2 em {
    margin-top: 0.1em;

    color: var(--orange);

    white-space: nowrap;
}

.custody-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.custody-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.custody-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Custody — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .custody-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .custody-hero::after {
        left: 3.5rem;
    }

    .custody-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .custody-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .custody-master-card {
        width: min(100%, 42rem);
    }


    .custody-ledger__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .custody-ledger__header > p {
        justify-self: start;
    }

    .custody-ledger__header h2 em {
        white-space: normal;
    }


    .handoff-receipt {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .custody-route {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .custody-route__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }

    .custody-route h2 em {
        white-space: normal;
    }


    .record-integrity__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .record-integrity h2 em {
        white-space: normal;
    }

    .record-integrity__status {
        width: min(100%, 28rem);
    }

    .record-integrity__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .delivery-receipt {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .custody-privacy {
        grid-template-columns: 1fr;
        gap: 3rem;
    }


    .custody-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .custody-close h2 em {
        white-space: normal;
    }

}


/*
|--------------------------------------------------------------------------
| Custody — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .custody-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .custody-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .custody-hero__rail span,
    .custody-hero__rail strong {
        writing-mode: initial;
    }

    .custody-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .custody-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .custody-hero__number {
        font-size: 7.3rem;
    }

    .custody-hero h1 {
        font-size: clamp(3.8rem, 16vw, 5.2rem);
    }

    .custody-hero__actions {
        display: grid;
    }

    .custody-hero__actions .dispatch-button {
        justify-content: center;
    }


    .custody-master-card dl {
        grid-template-columns: 1fr;
    }

    .custody-master-card dl > div:nth-child(even) {
        border-left: 0;
    }

    .custody-master-card dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .custody-master-card dl > div:last-child {
        border-bottom: 0;
    }


    .custody-ledger {
        padding:
            4.5rem
            1rem;
    }

    .custody-ledger__table {
        overflow: visible;

        border-top: 0;
        border-right: 0;
        border-left: 0;
    }

    .custody-ledger__columns {
        display: none;
    }

    .custody-ledger__row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        min-width: 0;
        min-height: 0;
        margin-bottom: 1rem;

        background: var(--paper);
        border: 1px solid var(--navy-950);
    }

    .custody-ledger__row:last-child {
        margin-bottom: 0;
    }

    .custody-ledger__row > * {
        display: block;

        min-width: 0;
        padding: 1rem;

        border-right: 1px solid var(--line-dark);
        border-bottom: 1px solid var(--line-dark);

        overflow-wrap: anywhere;
    }

    .custody-ledger__row > *::before {
        display: block;

        margin-bottom: 0.45rem;

        color: var(--red);

        font-family: var(--font-mono);
        font-size: 0.46rem;
        font-weight: 700;
        letter-spacing: 0.04em;
    }

    .custody-ledger__row > *:nth-child(1)::before {
        content: "TIME";
    }

    .custody-ledger__row > *:nth-child(2)::before {
        content: "EVENT";
    }

    .custody-ledger__row > *:nth-child(3)::before {
        content: "CUSTODY";
    }

    .custody-ledger__row > *:nth-child(4)::before {
        content: "RECORD";
    }

    .custody-ledger__row > *:nth-child(5)::before {
        content: "STATUS";
    }

    .custody-ledger__row > *:nth-child(2n) {
        border-right: 0;
    }

    .custody-ledger__row > *:nth-child(3) {
        grid-column: 1 / -1;

        border-right: 0;
    }

    .custody-ledger__row > *:nth-child(4),
    .custody-ledger__row > *:nth-child(5) {
        border-bottom: 0;
    }

    .custody-ledger__row > *:nth-child(5) {
        border-right: 0;
    }

    .custody-ledger__row strong,
    .custody-ledger__row b {
        font-size: 0.7rem;
    }


    .handoff-receipt__copy {
        padding:
            4rem
            1rem;
    }

    .handoff-receipt__paper {
        margin:
            2.5rem
            1rem;
    }

    .handoff-receipt__paper dl {
        grid-template-columns: 1fr;
    }

    .handoff-receipt__paper dl > div:nth-child(even) {
        border-left: 0;
    }

    .handoff-receipt__signature {
        grid-template-columns: 1fr;
    }

    .handoff-receipt__signature > div + div {
        border-top: 1px solid var(--line-dark);
        border-left: 0;
    }


    .custody-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .custody-record-transition__inner span:last-child {
        justify-self: start;
    }

    .custody-record-transition__inner strong {
        display: none;
    }


    .custody-route__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .custody-route__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .custody-route__content {
        padding:
            4rem
            1rem;
    }

    .custody-route__topline {
        display: grid;
        gap: 0.35rem;
    }

    .custody-route__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    .record-integrity {
        padding:
            4.5rem
            1rem;
    }

    .record-integrity__grid {
        grid-template-columns: 1fr;
    }

    .record-integrity__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .delivery-receipt__copy {
        padding:
            4rem
            1rem;
    }

    .delivery-receipt__record {
        grid-template-columns: 1fr;

        margin:
            2.5rem
            1rem;
    }

    .delivery-receipt__stamp {
        min-height: 12rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .delivery-receipt__record dl {
        grid-template-columns: 1fr;
    }

    .delivery-receipt__record dl > div:nth-child(even) {
        border-left: 0;
    }

    .delivery-receipt__record dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .delivery-receipt__record dl > div:last-child {
        border-bottom: 0;
    }


    .custody-privacy {
        padding:
            4.5rem
            1rem;
    }


    .custody-close {
        padding:
            4.5rem
            1rem;
    }

    .custody-close__action > div {
        display: grid;
    }

    .custody-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Custody — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .custody-hero__record,
    .handoff-receipt,
    .custody-route,
    .delivery-receipt,
    .custody-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .custody-ledger,
    .record-integrity,
    .custody-privacy,
    .custody-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .handoff-receipt {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

    .custody-route {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(35rem, 0.95fr);
    }

    .delivery-receipt {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

}


/*
|--------------------------------------------------------------------------
| Custody — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .custody-hero__record,
    .handoff-receipt,
    .custody-route,
    .delivery-receipt,
    .custody-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography — use the room
    |----------------------------------------------------------------------
    */

    .custody-hero h1 {
        max-width: 13ch;

        font-size: 6.1rem;
    }

    .custody-ledger__header h2 {
        font-size: 5.25rem;
    }

    .custody-ledger__header h2 em {
        white-space: nowrap;
    }

    .handoff-receipt h2 {
        font-size: 5.05rem;
    }

    .custody-route h2 {
        font-size: 5rem;
    }

    .custody-route h2 em {
        white-space: nowrap;
    }

    .record-integrity h2 {
        font-size: 5.2rem;
    }

    .record-integrity h2 em {
        white-space: nowrap;
    }

    .delivery-receipt h2 {
        font-size: 5.05rem;
    }

    .delivery-receipt h2 em {
        white-space: nowrap;
    }

    .custody-privacy h2 {
        font-size: 5.05rem;
    }

    .custody-close h2 {
        font-size: 5.2rem;
    }

    .custody-close h2 em {
        white-space: nowrap;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled split ratios
    |----------------------------------------------------------------------
    */

    .handoff-receipt {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .handoff-receipt__copy {
        padding:
            5rem
            4rem;
    }

    .custody-route {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(0, 0.96fr);
    }

    .custody-route__content {
        padding:
            5rem
            4rem;
    }

    .delivery-receipt {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .delivery-receipt__copy {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17H. PREMIUM INDUSTRIES PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Industries — Foundation
|--------------------------------------------------------------------------
*/

.premium-industries {
    background: var(--paper);
}

.premium-industries main {
    overflow: hidden;
}

.premium-industries h1 em,
.premium-industries h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Industries — Hero
|--------------------------------------------------------------------------
*/

.industries-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.98) 0%,
            rgba(8, 21, 33, 0.95) 37%,
            rgba(8, 21, 33, 0.72) 63%,
            rgba(8, 21, 33, 0.29) 100%
        ),
        url("../images/medical-courier-facility-delivery.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.industries-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.industries-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--cyan);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.industries-hero__rail span,
.industries-hero__rail strong {
    writing-mode: vertical-rl;
}

.industries-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.industries-hero__copy {
    position: relative;

    max-width: 65rem;
}

.industries-hero__number {
    position: absolute;
    top: 1.1rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.industries-hero h1 {
    max-width: 12ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.4vw, 7.7rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.industries-hero h1 em {
    color: var(--cyan);
}

.industries-hero__summary {
    max-width: 44rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.industries-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.industries-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Industries — Client Profile Card
|--------------------------------------------------------------------------
*/

.client-profile-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.96);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.client-profile-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.client-profile-card__type {
    padding: 1.4rem 1rem;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 2rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.client-profile-card__type p {
    margin: 0 0 0.7rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.client-profile-card__type strong {
    display: block;

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.88rem;
}

.client-profile-card__type span {
    display: block;

    max-width: 25rem;
    margin-top: 0.5rem;

    color: var(--ink-soft);

    font-size: 0.72rem;
    line-height: 1.5;
}

.client-profile-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.client-profile-card dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.client-profile-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.client-profile-card dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.client-profile-card dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.client-profile-card dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.3rem;
}


/*
|--------------------------------------------------------------------------
| Industries — Client Directory
|--------------------------------------------------------------------------
*/

.client-directory {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.client-directory__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.client-directory__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.client-directory__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.75vw, 5.7rem);
    line-height: 0.95;
}

.client-directory__header h2 em {
    white-space: nowrap;
}

.client-directory__header > p {
    justify-self: end;

    max-width: 31rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.client-directory__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.client-directory__grid article {
    min-height: 16rem;
    padding: 1.8rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.client-directory__grid article > span {
    display: block;

    margin-bottom: 1.7rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.client-directory__grid article > p:first-of-type {
    margin: 0 0 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.client-directory__grid h3 {
    margin: 0 0 0.85rem;

    font-size: clamp(1.85rem, 2.1vw, 2.5rem);
    line-height: 1;
}

.client-directory__grid article > p:last-child {
    max-width: 24rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.58;
}


/*
|--------------------------------------------------------------------------
| Industries — Facility Profile
|--------------------------------------------------------------------------
*/

.facility-profile {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(30rem, 0.82fr)
        minmax(0, 1.18fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.facility-profile::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.facility-profile__copy {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.facility-profile__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.facility-profile h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.facility-profile h2 em {
    color: var(--cyan);
}

.facility-profile__copy > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.facility-profile__record {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    background: var(--paper);
}

.facility-profile__record > div {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 15rem;
    padding: 2rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.facility-profile__record > div:nth-child(even) {
    border-right: 0;
}

.facility-profile__record > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.facility-profile__record span {
    margin-bottom: 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.facility-profile__record strong {
    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 400;
}

.facility-profile__record small {
    max-width: 20rem;
    margin-top: 0.65rem;

    color: var(--ink-soft);

    font-size: 0.74rem;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Industries — Record Transition
|--------------------------------------------------------------------------
*/

.industries-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.industries-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.industries-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.industries-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Industries — Facility Handoff
|--------------------------------------------------------------------------
*/

.facility-handoff {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(34rem, 0.94fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.facility-handoff::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.facility-handoff__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.facility-handoff__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.facility-handoff__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.50) 100%
        );

    content: "";
    pointer-events: none;
}

.facility-handoff__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.facility-handoff__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.facility-handoff__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.facility-handoff h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.1rem, 4.45vw, 5.3rem);
    line-height: 0.95;
}

.facility-handoff h2 em {
    white-space: nowrap;
}

.facility-handoff__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    color: var(--ink-soft);

    line-height: 1.7;
}

.facility-handoff__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.facility-handoff__content dl > div {
    display: grid;
    grid-template-columns:
        8rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.facility-handoff__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.facility-handoff__content dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}


/*
|--------------------------------------------------------------------------
| Industries — Route Fit
|--------------------------------------------------------------------------
*/

.industry-route-fit {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.industry-route-fit__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.industry-route-fit__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.industry-route-fit h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.25rem, 4.65vw, 5.6rem);
    line-height: 0.95;
}

.industry-route-fit h2 em {
    white-space: nowrap;
}

.industry-route-fit__status {
    min-width: 19rem;
    padding: 1rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);

    color: var(--white);
}

.industry-route-fit__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.industry-route-fit__status strong {
    font-family: var(--font-mono);
    font-size: 0.65rem;
}

.industry-route-fit__matrix {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3.25rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.industry-route-fit__matrix > div {
    min-height: 14rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.industry-route-fit__matrix span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.industry-route-fit__matrix strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 400;
}

.industry-route-fit__matrix p {
    max-width: 20rem;
    margin: 0.7rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Industries — Client Onboarding
|--------------------------------------------------------------------------
*/

.client-onboarding {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(30rem, 0.84fr)
        minmax(0, 1.16fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.client-onboarding::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.client-onboarding__copy {
    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.client-onboarding__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.client-onboarding h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.client-onboarding h2 em {
    color: var(--cyan);
}

.client-onboarding__copy > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.client-onboarding__checklist {
    margin: 0;
    padding: 0;

    list-style: none;

    background: var(--paper);
}

.client-onboarding__checklist li {
    display: grid;
    grid-template-columns:
        4rem
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    min-height: 9.5rem;
    padding: 1.4rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.client-onboarding__checklist li:last-child {
    border-bottom: 0;
}

.client-onboarding__checklist li > span {
    display: grid;
    place-items: center;

    width: 3.1rem;
    height: 3.1rem;

    background: var(--navy-950);
    border: 2px solid var(--cyan-dark);
    border-radius: 50%;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.client-onboarding__checklist strong {
    font-family: var(--font-display);
    font-size: 1.7rem;
    font-weight: 400;
}

.client-onboarding__checklist p {
    max-width: 30rem;
    margin: 0.45rem 0 0;

    color: var(--ink-soft);

    font-size: 0.76rem;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Industries — Information Control
|--------------------------------------------------------------------------
*/

.industries-information {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(26rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.industries-information > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.industries-information h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4rem, 4.35vw, 5.25rem);
    line-height: 0.95;
}

.industries-information h2 em {
    color: var(--orange);
}

.industries-information__note {
    padding: 1.5rem;

    background: rgba(184, 60, 55, 0.08);
    border-top: 4px solid var(--red);
    border-right: 1px solid var(--red);
    border-bottom: 1px solid var(--red);
    border-left: 1px solid var(--red);
}

.industries-information__note strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}

.industries-information__note p {
    margin: 1rem 0 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Industries — Close
|--------------------------------------------------------------------------
*/

.industries-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.industries-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.industries-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.1rem, 4.5vw, 5.45rem);
    line-height: 0.95;
}

.industries-close h2 em {
    margin-top: 0.1em;

    color: var(--cyan);
}

.industries-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.industries-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.industries-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Industries — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .industries-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .industries-hero::after {
        left: 3.5rem;
    }

    .industries-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .industries-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .client-profile-card {
        width: min(100%, 42rem);
    }


    .client-directory__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .client-directory__header > p {
        justify-self: start;
    }

    .client-directory__header h2 em {
        white-space: normal;
    }

    .client-directory__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .facility-profile {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .facility-handoff {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .facility-handoff__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }

    .facility-handoff h2 em {
        white-space: normal;
    }


    .industry-route-fit__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .industry-route-fit h2 em {
        white-space: normal;
    }

    .industry-route-fit__status {
        width: min(100%, 30rem);
    }

    .industry-route-fit__matrix {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .client-onboarding {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .industries-information {
        grid-template-columns: 1fr;
        gap: 3rem;
    }


    .industries-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Industries — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .industries-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .industries-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .industries-hero__rail span,
    .industries-hero__rail strong {
        writing-mode: initial;
    }

    .industries-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .industries-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .industries-hero__number {
        font-size: 7.3rem;
    }

    .industries-hero h1 {
        font-size: clamp(3.8rem, 16vw, 5.2rem);
    }

    .industries-hero__actions {
        display: grid;
    }

    .industries-hero__actions .dispatch-button {
        justify-content: center;
    }


    .client-profile-card dl {
        grid-template-columns: 1fr;
    }

    .client-profile-card dl > div:nth-child(even) {
        border-left: 0;
    }

    .client-profile-card dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .client-profile-card dl > div:last-child {
        border-bottom: 0;
    }


    .client-directory {
        padding:
            4.5rem
            1rem;
    }

    .client-directory__grid {
        grid-template-columns: 1fr;
    }

    .client-directory__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .facility-profile__copy {
        padding:
            4rem
            1rem;
    }

    .facility-profile__record {
        grid-template-columns: 1fr;
    }

    .facility-profile__record > div {
        min-height: 0;
        padding: 1.75rem 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .facility-profile__record > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--navy-950);
    }

    .facility-profile__record > div:last-child {
        border-bottom: 0;
    }


    .industries-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .industries-record-transition__inner span:last-child {
        justify-self: start;
    }

    .industries-record-transition__inner strong {
        display: none;
    }


    .facility-handoff__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .facility-handoff__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .facility-handoff__content {
        padding:
            4rem
            1rem;
    }

    .facility-handoff__topline {
        display: grid;
        gap: 0.35rem;
    }

    .facility-handoff__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    .industry-route-fit {
        padding:
            4.5rem
            1rem;
    }

    .industry-route-fit__matrix {
        grid-template-columns: 1fr;
    }

    .industry-route-fit__matrix > div {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .client-onboarding__copy {
        padding:
            4rem
            1rem;
    }

    .client-onboarding__checklist li {
        grid-template-columns:
            3.2rem
            minmax(0, 1fr);

        min-height: 0;
        padding:
            1.5rem
            1rem;
    }

    .client-onboarding__checklist li > span {
        width: 2.7rem;
        height: 2.7rem;
    }


    .industries-information {
        padding:
            4.5rem
            1rem;
    }


    .industries-close {
        padding:
            4.5rem
            1rem;
    }

    .industries-close__action > div {
        display: grid;
    }

    .industries-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Industries — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .industries-hero__record,
    .facility-profile,
    .facility-handoff,
    .client-onboarding,
    .industries-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .client-directory,
    .industry-route-fit,
    .industries-information,
    .industries-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .facility-profile {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

    .facility-handoff {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(35rem, 0.95fr);
    }

    .client-onboarding {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

}


/*
|--------------------------------------------------------------------------
| Industries — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .industries-hero__record,
    .facility-profile,
    .facility-handoff,
    .client-onboarding,
    .industries-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography — use the room
    |----------------------------------------------------------------------
    */

    .industries-hero h1 {
        max-width: 13ch;

        font-size: 6.1rem;
    }

    .client-directory__header h2 {
        font-size: 5.25rem;
    }

    .client-directory__header h2 em {
        white-space: nowrap;
    }

    .facility-profile h2 {
        font-size: 5rem;
    }

    .facility-handoff h2 {
        font-size: 5.05rem;
    }

    .facility-handoff h2 em {
        white-space: nowrap;
    }

    .industry-route-fit h2 {
        font-size: 5.2rem;
    }

    .industry-route-fit h2 em {
        white-space: nowrap;
    }

    .client-onboarding h2 {
        font-size: 5rem;
    }

    .industries-information h2 {
        font-size: 5rem;
    }

    .industries-close h2 {
        font-size: 5.15rem;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled split ratios
    |----------------------------------------------------------------------
    */

    .facility-profile {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .facility-profile__copy {
        padding:
            5rem
            4rem;
    }

    .facility-handoff {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(0, 0.96fr);
    }

    .facility-handoff__content {
        padding:
            5rem
            4rem;
    }

    .client-onboarding {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .client-onboarding__copy {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17I. PREMIUM SERVICE AREA PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Service Area — Foundation
|--------------------------------------------------------------------------
*/

.premium-service-area {
    background: var(--paper);
}

.premium-service-area main {
    overflow: hidden;
}

.premium-service-area h1 em,
.premium-service-area h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Service Area — Hero
|--------------------------------------------------------------------------
*/

.coverage-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.99) 0%,
            rgba(8, 21, 33, 0.96) 38%,
            rgba(8, 21, 33, 0.73) 64%,
            rgba(8, 21, 33, 0.30) 100%
        ),
        url("../images/medical-courier-route-prep.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.coverage-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.coverage-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--yellow);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.coverage-hero__rail span,
.coverage-hero__rail strong {
    writing-mode: vertical-rl;
}

.coverage-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.coverage-hero__copy {
    position: relative;

    max-width: 64rem;
}

.coverage-hero__number {
    position: absolute;
    top: 1.1rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.coverage-hero h1 {
    max-width: 11ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.4vw, 7.7rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.coverage-hero h1 em {
    color: var(--yellow);
}

.coverage-hero__summary {
    max-width: 44rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.coverage-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.coverage-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Service Area — Coverage Status Card
|--------------------------------------------------------------------------
*/

.coverage-status-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.96);
    border-top: 5px solid var(--yellow);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.coverage-status-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--yellow);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.coverage-status-card__radar {
    position: relative;

    display: grid;
    place-items: center;

    height: 15rem;

    overflow: hidden;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 2rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.coverage-status-card__ring {
    position: absolute;

    border: 1px solid var(--cyan-dark);
    border-radius: 50%;
}

.coverage-status-card__ring--one {
    width: 5rem;
    height: 5rem;
}

.coverage-status-card__ring--two {
    width: 9rem;
    height: 9rem;

    opacity: 0.72;
}

.coverage-status-card__ring--three {
    width: 13rem;
    height: 13rem;

    opacity: 0.42;
}

.coverage-status-card__radar::before,
.coverage-status-card__radar::after {
    position: absolute;

    background: rgba(17, 140, 161, 0.35);

    content: "";
}

.coverage-status-card__radar::before {
    width: 1px;
    height: 100%;
}

.coverage-status-card__radar::after {
    width: 100%;
    height: 1px;
}

.coverage-status-card__radar i {
    position: relative;
    z-index: 2;

    display: block;

    width: 0.9rem;
    height: 0.9rem;

    background: var(--orange);
    border: 3px solid var(--paper);
    border-radius: 50%;

    box-shadow:
        0 0 0 1px var(--navy-950);
}

.coverage-status-card__radar b {
    position: absolute;
    top: calc(50% + 1rem);
    left: calc(50% + 1rem);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.48rem;
}

.coverage-status-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.coverage-status-card dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.coverage-status-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.coverage-status-card dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.coverage-status-card dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.coverage-status-card dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.3rem;
}


/*
|--------------------------------------------------------------------------
| Service Area — Zone Register
|--------------------------------------------------------------------------
*/

.coverage-register {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.coverage-register__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.coverage-register__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.coverage-register__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.15rem, 4.55vw, 5.5rem);
    line-height: 0.95;
}

.coverage-register__header h2 em {
    color: var(--orange);
}

.coverage-register__header > p {
    justify-self: end;

    max-width: 30rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.coverage-register__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.coverage-register__grid article {
    position: relative;

    min-height: 19rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.coverage-register__grid article::after {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;

    width: 0.6rem;
    height: 0.6rem;

    background: var(--cyan);
    border: 1px solid var(--navy-950);
    border-radius: 50%;

    content: "";
}

.coverage-register__grid article > span {
    display: block;

    margin-bottom: 1.6rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.coverage-register__grid article > p:first-of-type {
    margin: 0 0 0.65rem;

    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.coverage-register__grid h3 {
    margin: 0 0 0.85rem;

    font-size: clamp(1.8rem, 2vw, 2.35rem);
    line-height: 1;
}

.coverage-register__grid article > p:last-of-type {
    max-width: 21rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.77rem;
    line-height: 1.58;
}

.coverage-register__grid article > strong {
    display: block;

    margin-top: 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
}


/*
|--------------------------------------------------------------------------
| Service Area — Dispatch Grid
|--------------------------------------------------------------------------
*/

.dispatch-grid {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(31rem, 0.82fr)
        minmax(0, 1.18fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.dispatch-grid::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.dispatch-grid__copy {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.dispatch-grid__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.dispatch-grid h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.dispatch-grid h2 em {
    color: var(--yellow);
}

.dispatch-grid__copy > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Service Area — Dispatch Diagram
|--------------------------------------------------------------------------
*/

.dispatch-grid__map {
    position: relative;

    min-height: 39rem;

    overflow: hidden;

    background:
        linear-gradient(
            rgba(17, 140, 161, 0.11) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(17, 140, 161, 0.11) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 3rem 3rem;

    border-right: 1px solid var(--navy-950);
}

.dispatch-grid__map::before {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 27rem;
    height: 27rem;

    border: 1px dashed rgba(17, 140, 161, 0.48);
    border-radius: 50%;

    content: "";

    transform: translate(-50%, -50%);
}

.dispatch-grid__map::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 16rem;
    height: 16rem;

    border: 1px dashed rgba(184, 60, 55, 0.44);
    border-radius: 50%;

    content: "";

    transform: translate(-50%, -50%);
}

.dispatch-grid__axis {
    position: absolute;
    z-index: 1;

    background: rgba(8, 21, 33, 0.30);
}

.dispatch-grid__axis--x {
    top: 50%;
    left: 0;

    width: 100%;
    height: 1px;
}

.dispatch-grid__axis--y {
    top: 0;
    left: 50%;

    width: 1px;
    height: 100%;
}

.dispatch-grid__point {
    position: absolute;
    z-index: 4;

    display: grid;
    place-items: center;

    width: 2.4rem;
    height: 2.4rem;

    background: var(--navy-950);
    border: 3px solid var(--paper);
    border-radius: 50%;

    color: var(--cyan);

    box-shadow:
        0 0 0 1px var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.56rem;
    font-weight: 700;
}

.dispatch-grid__point--one {
    top: 49%;
    left: 46%;
}

.dispatch-grid__point--two {
    top: 24%;
    left: 26%;
}

.dispatch-grid__point--three {
    top: 67%;
    left: 70%;
}

.dispatch-grid__point--four {
    top: 17%;
    left: 74%;

    background: var(--orange);

    color: var(--navy-950);
}

.dispatch-grid__route {
    position: absolute;
    z-index: 2;

    display: block;

    height: 2px;

    background: var(--orange);

    transform-origin: left center;
}

.dispatch-grid__route--one {
    top: 48%;
    left: 29%;

    width: 22%;

    transform: rotate(34deg);
}

.dispatch-grid__route--two {
    top: 52%;
    left: 48%;

    width: 28%;

    transform: rotate(27deg);
}

.dispatch-grid__route--three {
    top: 49%;
    left: 48%;

    width: 34%;

    background: var(--cyan-dark);

    transform: rotate(-43deg);
}

.dispatch-grid__legend {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 5;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    background: rgba(8, 21, 33, 0.94);
    border: 1px solid var(--navy-950);
}

.dispatch-grid__legend span {
    padding: 0.75rem;

    color: var(--cyan);

    border-right: 1px solid rgba(255, 255, 255, 0.12);

    font-family: var(--font-mono);
    font-size: 0.46rem;
    font-weight: 700;
    text-align: center;
}

.dispatch-grid__legend span:last-child {
    border-right: 0;

    color: var(--orange);
}


/*
|--------------------------------------------------------------------------
| Service Area — Record Transition
|--------------------------------------------------------------------------
*/

.coverage-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.coverage-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.coverage-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--yellow);
}

.coverage-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Service Area — Route Reach
|--------------------------------------------------------------------------
*/

.route-reach {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(34rem, 0.94fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.route-reach::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.route-reach__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.route-reach__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.route-reach__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.52) 100%
        );

    content: "";
    pointer-events: none;
}

.route-reach__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.route-reach__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.route-reach__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.route-reach h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.route-reach h2 em {
    color: var(--orange);
}

.route-reach__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    color: var(--ink-soft);

    line-height: 1.7;
}

.route-reach__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.route-reach__content dl > div {
    display: grid;
    grid-template-columns:
        8rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.route-reach__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.route-reach__content dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}


/*
|--------------------------------------------------------------------------
| Service Area — Coverage Matrix
|--------------------------------------------------------------------------
*/

.coverage-matrix {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.coverage-matrix__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.coverage-matrix__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.coverage-matrix h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.25rem, 4.65vw, 5.6rem);
    line-height: 0.95;
}

.coverage-matrix h2 em {
    color: var(--cyan-dark);
    white-space: nowrap;
}

.coverage-matrix__status {
    min-width: 18rem;
    padding: 1rem;

    background: var(--navy-950);
    border-top: 4px solid var(--yellow);

    color: var(--white);
}

.coverage-matrix__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--yellow);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.coverage-matrix__status strong {
    font-family: var(--font-mono);
    font-size: 0.65rem;
}

.coverage-matrix__table {
    margin-top: 3.25rem;

    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.coverage-matrix__columns,
.coverage-matrix__row {
    display: grid;
    grid-template-columns:
        0.7fr
        1.35fr
        1.55fr
        1fr;
}

.coverage-matrix__columns {
    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.coverage-matrix__columns span {
    padding: 0.8rem 1rem;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.coverage-matrix__columns span:last-child {
    border-right: 0;
}

.coverage-matrix__row {
    min-height: 5rem;

    background: rgba(244, 241, 233, 0.76);
    border-bottom: 1px solid var(--navy-950);

    font-family: var(--font-mono);
}

.coverage-matrix__row > * {
    display: flex;
    align-items: center;

    min-width: 0;
    margin: 0;
    padding: 1rem;

    border-right: 1px solid var(--line-dark);
}

.coverage-matrix__row > *:last-child {
    border-right: 0;
}

.coverage-matrix__row > span:first-child {
    color: var(--red);

    font-weight: 700;
}

.coverage-matrix__row strong {
    font-size: 0.72rem;
}

.coverage-matrix__row b {
    color: var(--cyan-dark);

    font-size: 0.52rem;
}


/*
|--------------------------------------------------------------------------
| Service Area — Facility Reach
|--------------------------------------------------------------------------
*/

.facility-reach {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(31rem, 0.84fr)
        minmax(0, 1.16fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.facility-reach::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.facility-reach__copy {
    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.facility-reach__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.facility-reach h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.facility-reach h2 em {
    color: var(--yellow);
}

.facility-reach__copy > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.facility-reach__checklist {
    margin: 0;
    padding: 0;

    list-style: none;

    background: var(--paper);
}

.facility-reach__checklist li {
    display: grid;
    grid-template-columns:
        4rem
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    min-height: 9.5rem;
    padding: 1.4rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.facility-reach__checklist li:last-child {
    border-bottom: 0;
}

.facility-reach__checklist li > span {
    display: grid;
    place-items: center;

    width: 3.1rem;
    height: 3.1rem;

    background: var(--paper);
    border: 2px solid var(--cyan-dark);
    border-radius: 50%;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.facility-reach__checklist strong {
    font-family: var(--font-display);
    font-size: 1.7rem;
    font-weight: 400;
}

.facility-reach__checklist p {
    max-width: 30rem;
    margin: 0.45rem 0 0;

    color: var(--ink-soft);

    font-size: 0.76rem;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Service Area — Location Policy
|--------------------------------------------------------------------------
*/

.coverage-note {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.coverage-note > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.coverage-note h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.15rem, 4.5vw, 5.45rem);
    line-height: 0.95;
}

.coverage-note h2 em {
    color: var(--orange);
}

.coverage-note__record {
    padding: 1.5rem;

    background: rgba(240, 203, 83, 0.15);
    border-top: 4px solid var(--yellow);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.coverage-note__record strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}

.coverage-note__record p {
    margin: 1rem 0 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Service Area — Close
|--------------------------------------------------------------------------
*/

.coverage-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.coverage-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.coverage-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4rem, 4.35vw, 5.25rem);
    line-height: 0.95;
}

.coverage-close h2 em {
    margin-top: 0.1em;

    color: var(--yellow);
}

.coverage-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.coverage-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.coverage-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Service Area — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .coverage-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .coverage-hero::after {
        left: 3.5rem;
    }

    .coverage-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .coverage-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .coverage-status-card {
        width: min(100%, 42rem);
    }


    .coverage-register__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .coverage-register__header > p {
        justify-self: start;
    }

    .coverage-register__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .dispatch-grid {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .route-reach {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .route-reach__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }


    .coverage-matrix__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .coverage-matrix h2 em {
        white-space: normal;
    }

    .coverage-matrix__status {
        width: min(100%, 28rem);
    }


    .facility-reach {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .coverage-note {
        grid-template-columns: 1fr;
        gap: 3rem;
    }


    .coverage-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Service Area — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .coverage-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .coverage-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .coverage-hero__rail span,
    .coverage-hero__rail strong {
        writing-mode: initial;
    }

    .coverage-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .coverage-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .coverage-hero__number {
        font-size: 7.3rem;
    }

    .coverage-hero h1 {
        font-size: clamp(3.8rem, 16vw, 5.2rem);
    }

    .coverage-hero__actions {
        display: grid;
    }

    .coverage-hero__actions .dispatch-button {
        justify-content: center;
    }


    .coverage-status-card dl {
        grid-template-columns: 1fr;
    }

    .coverage-status-card dl > div:nth-child(even) {
        border-left: 0;
    }

    .coverage-status-card dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .coverage-status-card dl > div:last-child {
        border-bottom: 0;
    }


    .coverage-register {
        padding:
            4.5rem
            1rem;
    }

    .coverage-register__grid {
        grid-template-columns: 1fr;
    }

    .coverage-register__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .dispatch-grid__copy {
        padding:
            4rem
            1rem;
    }

    .dispatch-grid__map {
        min-height: 30rem;

        border-right: 0;
    }

    .dispatch-grid__map::before {
        width: 22rem;
        height: 22rem;
    }

    .dispatch-grid__map::after {
        width: 13rem;
        height: 13rem;
    }

    .dispatch-grid__legend {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dispatch-grid__legend span:nth-child(2) {
        border-right: 0;
    }

    .dispatch-grid__legend span:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }


    .coverage-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .coverage-record-transition__inner span:last-child {
        justify-self: start;
    }

    .coverage-record-transition__inner strong {
        display: none;
    }


    .route-reach__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .route-reach__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .route-reach__content {
        padding:
            4rem
            1rem;
    }

    .route-reach__topline {
        display: grid;
        gap: 0.35rem;
    }

    .route-reach__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    /*
    |----------------------------------------------------------------------
    | Coverage Matrix — Mobile Record Cards
    | No horizontal scrolling.
    |----------------------------------------------------------------------
    */

    .coverage-matrix {
        padding:
            4.5rem
            1rem;
    }

    .coverage-matrix__table {
        border: 0;
    }

    .coverage-matrix__columns {
        display: none;
    }

    .coverage-matrix__row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        min-height: 0;
        margin-bottom: 1rem;

        border: 1px solid var(--navy-950);
    }

    .coverage-matrix__row:last-child {
        margin-bottom: 0;
    }

    .coverage-matrix__row > * {
        display: block;

        min-width: 0;
        padding: 1rem;

        border-right: 1px solid var(--line-dark);
        border-bottom: 1px solid var(--line-dark);

        overflow-wrap: anywhere;
    }

    .coverage-matrix__row > *::before {
        display: block;

        margin-bottom: 0.45rem;

        color: var(--red);

        font-family: var(--font-mono);
        font-size: 0.45rem;
        font-weight: 700;
    }

    .coverage-matrix__row > *:nth-child(1)::before {
        content: "ZONE";
    }

    .coverage-matrix__row > *:nth-child(2)::before {
        content: "ROUTE TYPE";
    }

    .coverage-matrix__row > *:nth-child(3)::before {
        content: "SCHEDULE";
    }

    .coverage-matrix__row > *:nth-child(4)::before {
        content: "REVIEW";
    }

    .coverage-matrix__row > *:nth-child(2n) {
        border-right: 0;
    }

    .coverage-matrix__row > *:nth-child(3),
    .coverage-matrix__row > *:nth-child(4) {
        border-bottom: 0;
    }


    .facility-reach__copy {
        padding:
            4rem
            1rem;
    }

    .facility-reach__checklist li {
        grid-template-columns:
            3.2rem
            minmax(0, 1fr);

        min-height: 0;
        padding:
            1.5rem
            1rem;
    }

    .facility-reach__checklist li > span {
        width: 2.7rem;
        height: 2.7rem;
    }


    .coverage-note {
        padding:
            4.5rem
            1rem;
    }


    .coverage-close {
        padding:
            4.5rem
            1rem;
    }

    .coverage-close__action > div {
        display: grid;
    }

    .coverage-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Service Area — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .coverage-hero__record,
    .dispatch-grid,
    .route-reach,
    .facility-reach,
    .coverage-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .coverage-register,
    .coverage-matrix,
    .coverage-note,
    .coverage-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .dispatch-grid {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

    .route-reach {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(35rem, 0.95fr);
    }

    .facility-reach {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

}


/*
|--------------------------------------------------------------------------
| Service Area — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .coverage-hero__record,
    .dispatch-grid,
    .route-reach,
    .facility-reach,
    .coverage-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography
    |----------------------------------------------------------------------
    */

    .coverage-hero h1 {
        max-width: 12ch;

        font-size: 6.1rem;
    }

    .coverage-register__header h2 {
        font-size: 5.15rem;
    }

    .dispatch-grid h2 {
        font-size: 5rem;
    }

    .route-reach h2 {
        font-size: 5rem;
    }

    .coverage-matrix h2 {
        font-size: 5.15rem;
    }

    .coverage-matrix h2 em {
        white-space: nowrap;
    }

    .facility-reach h2 {
        font-size: 5rem;
    }

    .coverage-note h2 {
        font-size: 5.1rem;
    }

    .coverage-close h2 {
        font-size: 5.05rem;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled Split Ratios
    |----------------------------------------------------------------------
    */

    .dispatch-grid {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .dispatch-grid__copy {
        padding:
            5rem
            4rem;
    }

    .route-reach {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(0, 0.96fr);
    }

    .route-reach__content {
        padding:
            5rem
            4rem;
    }

    .facility-reach {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .facility-reach__copy {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17J. PREMIUM OPERATIONS PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Operations — Foundation
|--------------------------------------------------------------------------
*/

.premium-operations {
    background: var(--paper);
}

.premium-operations main {
    overflow: hidden;
}

.premium-operations h1 em,
.premium-operations h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Operations — Hero
|--------------------------------------------------------------------------
*/

.operations-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.99) 0%,
            rgba(8, 21, 33, 0.96) 38%,
            rgba(8, 21, 33, 0.72) 64%,
            rgba(8, 21, 33, 0.28) 100%
        ),
        url("../images/medical-courier-route-prep.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.operations-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.operations-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--orange);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.operations-hero__rail span,
.operations-hero__rail strong {
    writing-mode: vertical-rl;
}

.operations-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.operations-hero__copy {
    position: relative;

    max-width: 64rem;
}

.operations-hero__number {
    position: absolute;
    top: 1.1rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.operations-hero h1 {
    max-width: 11.5ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.4vw, 7.7rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.operations-hero h1 em {
    color: var(--orange);
}

.operations-hero__summary {
    max-width: 44rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.operations-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.operations-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Operations — Readiness Card
|--------------------------------------------------------------------------
*/

.operations-readiness-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.96);
    border-top: 5px solid var(--orange);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.operations-readiness-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.operations-readiness-card__status {
    padding: 1.4rem 1rem;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.08) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 2rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.operations-readiness-card__status > span {
    display: block;

    margin-bottom: 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.operations-readiness-card__status strong {
    display: block;

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.82rem;
}

.operations-readiness-card__status p {
    max-width: 24rem;
    margin: 0.65rem 0 0;

    color: var(--ink-soft);

    font-size: 0.72rem;
    line-height: 1.55;
}

.operations-readiness-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.operations-readiness-card dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.operations-readiness-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.operations-readiness-card dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.operations-readiness-card dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.operations-readiness-card dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.3rem;
}


/*
|--------------------------------------------------------------------------
| Operations — Readiness Board
|--------------------------------------------------------------------------
*/

.readiness-board {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.readiness-board__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.readiness-board__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.readiness-board__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.25rem, 4.7vw, 5.65rem);
    line-height: 0.95;
}

.readiness-board__header h2 em {
    color: var(--orange);
}

.readiness-board__header > p {
    justify-self: end;

    max-width: 31rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.readiness-board__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.readiness-board__grid article {
    position: relative;

    min-height: 18rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.readiness-board__grid article > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.readiness-board__grid strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 400;
}

.readiness-board__grid p {
    max-width: 20rem;
    margin: 0.7rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}

.readiness-board__grid b {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;

    display: inline-flex;
    align-items: center;
    gap: 0.5rem;

    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 0.48rem;
}

.readiness-board__grid b::before {
    width: 0.7rem;
    height: 0.7rem;

    border: 1px solid var(--cyan-dark);

    content: "";
}


/*
|--------------------------------------------------------------------------
| Operations — Training Register
|--------------------------------------------------------------------------
*/

.training-register {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(31rem, 0.84fr)
        minmax(0, 1.16fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.training-register::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.training-register__copy {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.training-register__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.training-register h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.training-register h2 em {
    color: var(--orange);
}

.training-register__copy > p:last-child {
    max-width: 32rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.training-register__table {
    align-self: center;

    margin:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 4vw, 4rem);

    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.training-register__columns,
.training-register__row {
    display: grid;
    grid-template-columns:
        0.7fr
        1.5fr
        1.2fr
        1fr;
}

.training-register__columns {
    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.47rem;
    font-weight: 700;
}

.training-register__columns span {
    padding: 0.8rem 0.85rem;

    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.training-register__columns span:last-child {
    border-right: 0;
}

.training-register__row {
    min-height: 5.25rem;

    background: var(--paper);
    border-bottom: 1px solid var(--navy-950);

    font-family: var(--font-mono);
}

.training-register__row > * {
    display: flex;
    align-items: center;

    min-width: 0;
    margin: 0;
    padding: 0.85rem;

    border-right: 1px solid var(--line-dark);
}

.training-register__row > *:last-child {
    border-right: 0;
}

.training-register__row > span:first-child {
    color: var(--red);

    font-weight: 700;
}

.training-register__row strong {
    font-size: 0.67rem;
}

.training-register__row b {
    color: var(--cyan-dark);

    font-size: 0.5rem;
}


/*
|--------------------------------------------------------------------------
| Operations — Record Transition
|--------------------------------------------------------------------------
*/

.operations-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.operations-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.operations-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.operations-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Operations — Route Preparation
|--------------------------------------------------------------------------
*/

.route-preparation {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(34rem, 0.94fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.route-preparation::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.route-preparation__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.route-preparation__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.route-preparation__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.52) 100%
        );

    content: "";
    pointer-events: none;
}

.route-preparation__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.route-preparation__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.route-preparation__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.route-preparation h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.route-preparation h2 em {
    color: var(--orange);
}

.route-preparation__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    color: var(--ink-soft);

    line-height: 1.7;
}

.route-preparation__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.route-preparation__content dl > div {
    display: grid;
    grid-template-columns:
        8rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.route-preparation__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.route-preparation__content dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;
}


/*
|--------------------------------------------------------------------------
| Operations — Standard Work
|--------------------------------------------------------------------------
*/

.standard-work {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.standard-work__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.standard-work__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.standard-work h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.25rem, 4.65vw, 5.6rem);
    line-height: 0.95;
}

.standard-work h2 em {
    color: var(--cyan-dark);
}

.standard-work__status {
    min-width: 18rem;
    padding: 1rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);

    color: var(--white);
}

.standard-work__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.standard-work__status strong {
    font-family: var(--font-mono);
    font-size: 0.65rem;
}

.standard-work__sequence {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3.25rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.standard-work__sequence article {
    min-height: 15rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.standard-work__sequence article > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.standard-work__sequence strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.9rem;
    font-weight: 400;
}

.standard-work__sequence p {
    max-width: 20rem;
    margin: 0.7rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Operations — Escalation Record
|--------------------------------------------------------------------------
*/

.operations-escalation {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(31rem, 0.84fr)
        minmax(0, 1.16fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.operations-escalation::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.operations-escalation__copy {
    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(184, 60, 55, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(184, 60, 55, 0.08) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.operations-escalation__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.operations-escalation h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.operations-escalation h2 em {
    color: var(--orange);
}

.operations-escalation__copy > p:last-child {
    max-width: 32rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.operations-escalation__record {
    align-self: center;

    margin:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 4vw, 4rem);

    background: var(--paper);
    border: 1px solid var(--navy-950);
}

.operations-escalation__record header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.operations-escalation__record ol {
    margin: 0;
    padding: 0;

    list-style: none;
}

.operations-escalation__record li {
    display: grid;
    grid-template-columns:
        3.6rem
        minmax(0, 1fr);
    gap: 1.25rem;
    align-items: center;

    min-height: 7rem;
    padding: 1rem 1.25rem;

    border-bottom: 1px solid var(--line-dark);
}

.operations-escalation__record li:last-child {
    border-bottom: 0;
}

.operations-escalation__record li > span {
    display: grid;
    place-items: center;

    width: 2.8rem;
    height: 2.8rem;

    background: var(--navy-950);
    border: 2px solid var(--orange);
    border-radius: 50%;

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.operations-escalation__record strong {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 400;
}

.operations-escalation__record p {
    max-width: 27rem;
    margin: 0.35rem 0 0;

    color: var(--ink-soft);

    font-size: 0.74rem;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Operations — Credential Control
|--------------------------------------------------------------------------
*/

.credential-control {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(27rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.credential-control > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.credential-control h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4rem, 4.35vw, 5.25rem);
    line-height: 0.95;
}

.credential-control h2 em {
    color: var(--orange);
}

.credential-control__note {
    padding: 1.5rem;

    background: rgba(240, 203, 83, 0.14);
    border-top: 4px solid var(--yellow);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.credential-control__note strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}

.credential-control__note p {
    margin: 1rem 0 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Operations — Close
|--------------------------------------------------------------------------
*/

.operations-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.operations-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.operations-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4rem, 4.35vw, 5.25rem);
    line-height: 0.95;
}

.operations-close h2 em {
    margin-top: 0.1em;

    color: var(--orange);
}

.operations-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.operations-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.operations-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Operations — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .operations-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .operations-hero::after {
        left: 3.5rem;
    }

    .operations-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .operations-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .operations-readiness-card {
        width: min(100%, 42rem);
    }


    .readiness-board__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .readiness-board__header > p {
        justify-self: start;
    }

    .readiness-board__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .training-register {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .route-preparation {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .route-preparation__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }


    .standard-work__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .standard-work__status {
        width: min(100%, 28rem);
    }

    .standard-work__sequence {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .operations-escalation {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .credential-control {
        grid-template-columns: 1fr;
        gap: 3rem;
    }


    .operations-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Operations — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .operations-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .operations-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .operations-hero__rail span,
    .operations-hero__rail strong {
        writing-mode: initial;
    }

    .operations-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .operations-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .operations-hero__number {
        font-size: 7.3rem;
    }

    .operations-hero h1 {
        font-size: clamp(3.8rem, 16vw, 5.2rem);
    }

    .operations-hero__actions {
        display: grid;
    }

    .operations-hero__actions .dispatch-button {
        justify-content: center;
    }


    .operations-readiness-card dl {
        grid-template-columns: 1fr;
    }

    .operations-readiness-card dl > div:nth-child(even) {
        border-left: 0;
    }

    .operations-readiness-card dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .operations-readiness-card dl > div:last-child {
        border-bottom: 0;
    }


    .readiness-board {
        padding:
            4.5rem
            1rem;
    }

    .readiness-board__grid {
        grid-template-columns: 1fr;
    }

    .readiness-board__grid article {
        min-height: 0;

        padding: 1.75rem 1rem 3.5rem;
    }


    .training-register__copy {
        padding:
            4rem
            1rem;
    }


    /*
    |----------------------------------------------------------------------
    | Training Register — Mobile Record Cards
    |----------------------------------------------------------------------
    */

    .training-register__table {
        margin:
            2.5rem
            1rem;

        border: 0;
    }

    .training-register__columns {
        display: none;
    }

    .training-register__row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        min-height: 0;
        margin-bottom: 1rem;

        background: var(--paper);
        border: 1px solid var(--navy-950);
    }

    .training-register__row:last-child {
        margin-bottom: 0;
    }

    .training-register__row > * {
        display: block;

        min-width: 0;
        padding: 1rem;

        border-right: 1px solid var(--line-dark);
        border-bottom: 1px solid var(--line-dark);

        overflow-wrap: anywhere;
    }

    .training-register__row > *::before {
        display: block;

        margin-bottom: 0.45rem;

        color: var(--red);

        font-family: var(--font-mono);
        font-size: 0.45rem;
        font-weight: 700;
    }

    .training-register__row > *:nth-child(1)::before {
        content: "RECORD";
    }

    .training-register__row > *:nth-child(2)::before {
        content: "TRAINING AREA";
    }

    .training-register__row > *:nth-child(3)::before {
        content: "FREQUENCY";
    }

    .training-register__row > *:nth-child(4)::before {
        content: "STATUS";
    }

    .training-register__row > *:nth-child(2n) {
        border-right: 0;
    }

    .training-register__row > *:nth-child(3),
    .training-register__row > *:nth-child(4) {
        border-bottom: 0;
    }


    .operations-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .operations-record-transition__inner span:last-child {
        justify-self: start;
    }

    .operations-record-transition__inner strong {
        display: none;
    }


    .route-preparation__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .route-preparation__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .route-preparation__content {
        padding:
            4rem
            1rem;
    }

    .route-preparation__topline {
        display: grid;
        gap: 0.35rem;
    }

    .route-preparation__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    .standard-work {
        padding:
            4.5rem
            1rem;
    }

    .standard-work__sequence {
        grid-template-columns: 1fr;
    }

    .standard-work__sequence article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .operations-escalation__copy {
        padding:
            4rem
            1rem;
    }

    .operations-escalation__record {
        margin:
            2.5rem
            1rem;
    }

    .operations-escalation__record li {
        grid-template-columns:
            3.2rem
            minmax(0, 1fr);

        min-height: 0;
        padding: 1.25rem 1rem;
    }

    .operations-escalation__record li > span {
        width: 2.65rem;
        height: 2.65rem;
    }


    .credential-control {
        padding:
            4.5rem
            1rem;
    }


    .operations-close {
        padding:
            4.5rem
            1rem;
    }

    .operations-close__action > div {
        display: grid;
    }

    .operations-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Operations — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .operations-hero__record,
    .training-register,
    .route-preparation,
    .operations-escalation,
    .operations-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .readiness-board,
    .standard-work,
    .credential-control,
    .operations-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .training-register {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

    .route-preparation {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(35rem, 0.95fr);
    }

    .operations-escalation {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

}


/*
|--------------------------------------------------------------------------
| Operations — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .operations-hero__record,
    .training-register,
    .route-preparation,
    .operations-escalation,
    .operations-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography
    |----------------------------------------------------------------------
    */

    .operations-hero h1 {
        max-width: 12ch;

        font-size: 6.1rem;
    }

    .readiness-board__header h2 {
        font-size: 5.2rem;
    }

    .training-register h2 {
        font-size: 5rem;
    }

    .route-preparation h2 {
        font-size: 5rem;
    }

    .standard-work h2 {
        font-size: 5.15rem;
    }

    .operations-escalation h2 {
        font-size: 5rem;
    }

    .credential-control h2 {
        font-size: 5rem;
    }

    .operations-close h2 {
        font-size: 5.05rem;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled Split Ratios
    |----------------------------------------------------------------------
    */

    .training-register {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .training-register__copy {
        padding:
            5rem
            4rem;
    }

    .route-preparation {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(0, 0.96fr);
    }

    .route-preparation__content {
        padding:
            5rem
            4rem;
    }

    .operations-escalation {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .operations-escalation__copy {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17K. PREMIUM FAQ PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| FAQ — Foundation
|--------------------------------------------------------------------------
*/

.premium-faq {
    background: var(--paper);
}

.premium-faq main {
    overflow: hidden;
}

.premium-faq h1 em,
.premium-faq h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| FAQ — Hero
|--------------------------------------------------------------------------
*/

.faq-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.99) 0%,
            rgba(8, 21, 33, 0.96) 38%,
            rgba(8, 21, 33, 0.73) 64%,
            rgba(8, 21, 33, 0.29) 100%
        ),
        url("../images/medical-courier-facility-delivery.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.faq-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.faq-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--cyan);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.faq-hero__rail span,
.faq-hero__rail strong {
    writing-mode: vertical-rl;
}

.faq-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.faq-hero__copy {
    position: relative;

    max-width: 65rem;
}

.faq-hero__number {
    position: absolute;
    top: 1.1rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.faq-hero h1 {
    max-width: 12ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.4vw, 7.7rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.faq-hero h1 em {
    color: var(--cyan);
}

.faq-hero__summary {
    max-width: 44rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.faq-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.faq-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| FAQ — Support Desk Card
|--------------------------------------------------------------------------
*/

.faq-desk-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.96);
    border-top: 5px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.faq-desk-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.faq-desk-card__display {
    padding: 1.4rem 1rem;

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.09) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.09) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 2rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.faq-desk-card__display span {
    display: block;

    margin-bottom: 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.faq-desk-card__display strong {
    display: block;

    font-family: var(--font-mono);
    font-size: 0.88rem;
}

.faq-desk-card__display p {
    max-width: 24rem;
    margin: 0.65rem 0 0;

    color: var(--ink-soft);

    font-size: 0.72rem;
    line-height: 1.55;
}

.faq-desk-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.faq-desk-card dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.faq-desk-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.faq-desk-card dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.faq-desk-card dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.faq-desk-card dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.3rem;
}


/*
|--------------------------------------------------------------------------
| FAQ — Question Index
|--------------------------------------------------------------------------
*/

.faq-index {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.faq-index__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.faq-index__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.faq-index__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.75vw, 5.7rem);
    line-height: 0.95;
}

.faq-index__header h2 em {
    color: var(--cyan-dark);
}

.faq-index__header > p {
    justify-self: end;

    max-width: 31rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.faq-index__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.faq-index__grid a {
    position: relative;

    min-height: 15.5rem;
    padding: 1.75rem;

    color: var(--ink);

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);

    text-decoration: none;

    transition:
        background-color 160ms ease,
        color 160ms ease;
}

.faq-index__grid a:hover,
.faq-index__grid a:focus-visible {
    background: var(--navy-950);

    color: var(--white);
}

.faq-index__grid a > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.faq-index__grid a:hover > span,
.faq-index__grid a:focus-visible > span {
    color: var(--orange);
}

.faq-index__grid strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.05;
}

.faq-index__grid p {
    max-width: 19rem;
    margin: 0.75rem 0 0;

    color: var(--ink-soft);

    font-size: 0.76rem;
    line-height: 1.55;
}

.faq-index__grid a:hover p,
.faq-index__grid a:focus-visible p {
    color: rgba(255, 255, 255, 0.68);
}

.faq-index__grid a::after {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;

    color: var(--cyan-dark);

    content: "→";

    font-family: var(--font-mono);
    font-size: 1rem;
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| FAQ — Docket Sections
|--------------------------------------------------------------------------
*/

.faq-docket {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(30rem, 0.78fr)
        minmax(0, 1.22fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.faq-docket::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";

    transform: translateX(-50%);
}

.faq-docket__intro {
    padding:
        clamp(4.75rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.faq-docket__intro > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.faq-docket h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.faq-docket h2 em {
    color: var(--orange);
}

.faq-docket__intro > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.faq-docket__questions {
    align-self: stretch;

    padding:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 4vw, 4rem);

    background: var(--paper);
}


/*
|--------------------------------------------------------------------------
| FAQ — Native Details Records
|--------------------------------------------------------------------------
*/

.faq-docket details {
    margin: 0 0 0.85rem;

    background: var(--paper);
    border: 1px solid var(--navy-950);
}

.faq-docket details:last-child {
    margin-bottom: 0;
}

.faq-docket summary {
    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr)
        2.75rem;
    gap: 1rem;
    align-items: center;

    min-height: 5.4rem;
    padding: 0 1rem;

    cursor: pointer;

    list-style: none;
}

.faq-docket summary::-webkit-details-marker {
    display: none;
}

.faq-docket summary::marker {
    display: none;

    content: "";
}

.faq-docket summary > span {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
}

.faq-docket summary > strong {
    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 1.15;
}

.faq-docket summary > i {
    display: grid;
    place-items: center;

    width: 2.2rem;
    height: 2.2rem;

    border: 1px solid var(--navy-950);
    border-radius: 50%;

    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 1rem;
    font-style: normal;

    transition:
        transform 160ms ease,
        background-color 160ms ease,
        color 160ms ease;
}

.faq-docket details[open] {
    background: var(--screen);
}

.faq-docket details[open] summary {
    background: var(--navy-950);

    color: var(--white);
}

.faq-docket details[open] summary > span {
    color: var(--orange);
}

.faq-docket details[open] summary > i {
    background: var(--cyan);

    color: var(--navy-950);

    transform: rotate(45deg);
}

.faq-docket details > div {
    padding:
        1.5rem
        1.5rem
        1.65rem
        6.5rem;

    border-top: 1px solid var(--navy-950);
}

.faq-docket details > div p {
    max-width: 46rem;
    margin: 0;

    color: var(--ink-soft);

    font-size: 0.83rem;
    line-height: 1.75;
}


/*
|--------------------------------------------------------------------------
| FAQ — Paper Docket
|--------------------------------------------------------------------------
*/

.faq-docket--paper .faq-docket__intro {
    background:
        linear-gradient(
            rgba(240, 203, 83, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(240, 203, 83, 0.08) 1px,
            transparent 1px
        ),
        var(--navy-900);

    background-size: 4.5rem 4.5rem;
}

.faq-docket--paper h2 em {
    color: var(--yellow);
}

.faq-docket--paper .faq-docket__questions {
    background: var(--paper-deep);
}


/*
|--------------------------------------------------------------------------
| FAQ — Screen Docket
|--------------------------------------------------------------------------
*/

.faq-docket--screen .faq-docket__intro {
    background:
        linear-gradient(
            rgba(57, 194, 215, 0.075) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.075) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 3rem 3rem;
}

.faq-docket--screen .faq-docket__questions {
    background: var(--screen);
}


/*
|--------------------------------------------------------------------------
| FAQ — Record Transition
|--------------------------------------------------------------------------
*/

.faq-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.faq-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.faq-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.faq-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| FAQ — Dispatch Request Checklist
|--------------------------------------------------------------------------
*/

.faq-request-checklist {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px
        ),
        var(--screen);

    background-size: 4.5rem 4.5rem;

    border-bottom: 1px solid var(--navy-950);
}

.faq-request-checklist__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 4rem;
    align-items: end;
}

.faq-request-checklist__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.faq-request-checklist h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.1rem, 4.5vw, 5.45rem);
    line-height: 0.95;
}

.faq-request-checklist h2 em {
    color: var(--orange);
}

.faq-request-checklist__status {
    min-width: 19rem;
    padding: 1rem;

    background: var(--navy-950);
    border-top: 4px solid var(--cyan);

    color: var(--white);
}

.faq-request-checklist__status span {
    display: block;

    margin-bottom: 0.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.faq-request-checklist__status strong {
    font-family: var(--font-mono);
    font-size: 0.64rem;
}

.faq-request-checklist__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3.25rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.faq-request-checklist__grid article {
    min-height: 14rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.faq-request-checklist__grid article > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.faq-request-checklist__grid strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 400;
}

.faq-request-checklist__grid p {
    max-width: 20rem;
    margin: 0.7rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| FAQ — Safety Record
|--------------------------------------------------------------------------
*/

.faq-safety {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(27rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.faq-safety > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.faq-safety h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4rem, 4.35vw, 5.25rem);
    line-height: 0.95;
}

.faq-safety h2 em {
    color: var(--orange);
}

.faq-safety__note {
    padding: 1.5rem;

    background: rgba(184, 60, 55, 0.08);
    border-top: 4px solid var(--red);
    border-right: 1px solid var(--red);
    border-bottom: 1px solid var(--red);
    border-left: 1px solid var(--red);
}

.faq-safety__note strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.57rem;
}

.faq-safety__note p {
    margin: 1rem 0 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| FAQ — Close
|--------------------------------------------------------------------------
*/

.faq-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.faq-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.faq-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4rem, 4.35vw, 5.25rem);
    line-height: 0.95;
}

.faq-close h2 em {
    margin-top: 0.1em;

    color: var(--orange);
}

.faq-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.faq-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.faq-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| FAQ — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .faq-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .faq-hero::after {
        left: 3.5rem;
    }

    .faq-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .faq-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .faq-desk-card {
        width: min(100%, 42rem);
    }


    .faq-index__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .faq-index__header > p {
        justify-self: start;
    }

    .faq-index__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .faq-docket {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .faq-request-checklist__header {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .faq-request-checklist__status {
        width: min(100%, 30rem);
    }

    .faq-request-checklist__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .faq-safety {
        grid-template-columns: 1fr;
        gap: 3rem;
    }


    .faq-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| FAQ — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .faq-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .faq-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .faq-hero__rail span,
    .faq-hero__rail strong {
        writing-mode: initial;
    }

    .faq-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .faq-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .faq-hero__number {
        font-size: 7.3rem;
    }

    .faq-hero h1 {
        font-size: clamp(3.8rem, 16vw, 5.2rem);
    }

    .faq-hero__actions {
        display: grid;
    }

    .faq-hero__actions .dispatch-button {
        justify-content: center;
    }


    .faq-desk-card dl {
        grid-template-columns: 1fr;
    }

    .faq-desk-card dl > div:nth-child(even) {
        border-left: 0;
    }

    .faq-desk-card dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .faq-desk-card dl > div:last-child {
        border-bottom: 0;
    }


    .faq-index {
        padding:
            4.5rem
            1rem;
    }

    .faq-index__grid {
        grid-template-columns: 1fr;
    }

    .faq-index__grid a {
        min-height: 0;

        padding: 1.75rem 3.5rem 1.75rem 1rem;
    }


    .faq-docket__intro {
        padding:
            4rem
            1rem;
    }

    .faq-docket__questions {
        padding:
            2.5rem
            1rem;
    }

    .faq-docket summary {
        grid-template-columns:
            3.2rem
            minmax(0, 1fr)
            2.2rem;
        gap: 0.65rem;

        min-height: 5rem;
        padding: 0.75rem;
    }

    .faq-docket summary > strong {
        font-size: 1.2rem;
    }

    .faq-docket summary > i {
        width: 1.9rem;
        height: 1.9rem;
    }

    .faq-docket details > div {
        padding:
            1.25rem
            1rem
            1.4rem;
    }


    .faq-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .faq-record-transition__inner span:last-child {
        justify-self: start;
    }

    .faq-record-transition__inner strong {
        display: none;
    }


    .faq-request-checklist {
        padding:
            4.5rem
            1rem;
    }

    .faq-request-checklist__grid {
        grid-template-columns: 1fr;
    }

    .faq-request-checklist__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .faq-safety {
        padding:
            4.5rem
            1rem;
    }


    .faq-close {
        padding:
            4.5rem
            1rem;
    }

    .faq-close__action > div {
        display: grid;
    }

    .faq-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| FAQ — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .faq-hero__record,
    .faq-docket,
    .faq-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .faq-index,
    .faq-request-checklist,
    .faq-safety,
    .faq-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .faq-docket {
        grid-template-columns:
            minmax(31rem, 0.80fr)
            minmax(0, 1.20fr);
    }

}


/*
|--------------------------------------------------------------------------
| FAQ — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .faq-hero__record,
    .faq-docket,
    .faq-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography
    |----------------------------------------------------------------------
    */

    .faq-hero h1 {
        max-width: 13ch;

        font-size: 6.1rem;
    }

    .faq-index__header h2 {
        font-size: 5.25rem;
    }

    .faq-docket h2 {
        font-size: 5rem;
    }

    .faq-request-checklist h2 {
        font-size: 5.1rem;
    }

    .faq-safety h2 {
        font-size: 5rem;
    }

    .faq-close h2 {
        font-size: 5.05rem;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled Record Ratios
    |----------------------------------------------------------------------
    */

    .faq-docket {
        grid-template-columns:
            minmax(0, 0.80fr)
            minmax(0, 1.20fr);
    }

    .faq-docket__intro {
        padding:
            5rem
            4rem;
    }

    .faq-docket__questions {
        padding:
            4rem
            4rem;
    }

}



/* ==========================================================================
   17L. PREMIUM CONTACT PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| Contact — Foundation
|--------------------------------------------------------------------------
*/

.premium-contact {
    background: var(--paper);
}

.premium-contact main {
    overflow: hidden;
}

.premium-contact h1 em,
.premium-contact h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Contact — Hero
|--------------------------------------------------------------------------
*/

.contact-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(8, 21, 33, 0.99) 0%,
            rgba(8, 21, 33, 0.96) 38%,
            rgba(8, 21, 33, 0.73) 64%,
            rgba(8, 21, 33, 0.28) 100%
        ),
        url("../images/hero-medical-courier-handoff.webp")
        center center / cover no-repeat;

    border-bottom: 1px solid var(--navy-950);
}

.contact-hero::after {
    position: absolute;
    inset: 0 0 0 4.5rem;
    z-index: -1;

    background-image:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        );

    background-size: 4.5rem 4.5rem;

    content: "";
    pointer-events: none;
}

.contact-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--orange);
    border-right: 1px solid var(--navy-950);

    color: var(--navy-950);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.contact-hero__rail span,
.contact-hero__rail strong {
    writing-mode: vertical-rl;
}

.contact-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.contact-hero__copy {
    position: relative;

    max-width: 65rem;
}

.contact-hero__number {
    position: absolute;
    top: 1.1rem;
    left: -0.25rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.065);

    font-family: var(--font-body);
    font-size: clamp(8rem, 12vw, 13rem);
    font-weight: 700;
    line-height: 0.75;
}

.contact-hero h1 {
    max-width: 12ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5rem, 6.4vw, 7.7rem);
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.contact-hero h1 em {
    color: var(--orange);
}

.contact-hero__summary {
    max-width: 44rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    line-height: 1.7;
}

.contact-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.contact-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| Contact — Intake Card
|--------------------------------------------------------------------------
*/

.dispatch-intake-card {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.96);
    border-top: 5px solid var(--orange);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    box-shadow: var(--shadow);

    backdrop-filter: blur(7px);
}

.dispatch-intake-card header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.dispatch-intake-card__status {
    padding: 1.4rem 1rem;

    background:
        linear-gradient(
            rgba(184, 60, 55, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(184, 60, 55, 0.08) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 2rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.dispatch-intake-card__status span {
    display: block;

    margin-bottom: 0.65rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.dispatch-intake-card__status strong {
    display: block;

    font-family: var(--font-mono);
    font-size: 0.85rem;
}

.dispatch-intake-card__status p {
    max-width: 25rem;
    margin: 0.65rem 0 0;

    color: var(--ink-soft);

    font-size: 0.72rem;
    line-height: 1.55;
}

.dispatch-intake-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;

    margin: 0;
}

.dispatch-intake-card dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.dispatch-intake-card dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.dispatch-intake-card dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.dispatch-intake-card dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.dispatch-intake-card dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.3rem;
}


/*
|--------------------------------------------------------------------------
| Contact — Intake Guide
|--------------------------------------------------------------------------
*/

.dispatch-guide {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.dispatch-guide__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.dispatch-guide__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.dispatch-guide__header h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.75vw, 5.7rem);
    line-height: 0.95;
}

.dispatch-guide__header h2 em {
    color: var(--cyan-dark);
}

.dispatch-guide__header > p {
    justify-self: end;

    max-width: 31rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.dispatch-guide__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.dispatch-guide__grid article {
    min-height: 14rem;
    padding: 1.75rem;

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
}

.dispatch-guide__grid article > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.dispatch-guide__grid strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.85rem;
    font-weight: 400;
}

.dispatch-guide__grid p {
    max-width: 20rem;
    margin: 0.7rem 0 0;

    color: var(--ink-soft);

    font-size: 0.78rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Contact — Main Request Record
|--------------------------------------------------------------------------
*/

.dispatch-request {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(29rem, 0.68fr)
        minmax(0, 1.32fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    padding: 0;

    background: var(--paper);

    color: var(--ink);

    border-bottom: 1px solid var(--navy-950);
}

.dispatch-request::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";

    transform: translateX(-50%);
}

.dispatch-request__intro {
    position: relative;

    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.25vw, 4.5rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.dispatch-request__intro > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.dispatch-request h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.1rem, 4.45vw, 5.3rem);
    line-height: 0.95;
}

.dispatch-request h2 em {
    color: var(--orange);
}

.dispatch-request__intro > p:nth-of-type(2) {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.dispatch-request__warning {
    margin-top: 2.5rem;
    padding: 1.25rem;

    background: rgba(184, 60, 55, 0.14);
    border-top: 4px solid var(--red);
    border-right: 1px solid rgba(255, 255, 255, 0.20);
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.dispatch-request__warning strong {
    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.58rem;
}

.dispatch-request__warning p {
    margin: 0.75rem 0 0;

    color: rgba(255, 255, 255, 0.72);

    font-size: 0.76rem;
    line-height: 1.65;
}


/*
|--------------------------------------------------------------------------
| Contact — Form Panel
|--------------------------------------------------------------------------
*/

.dispatch-request__form-panel {
    position: relative;

    min-width: 0;

    padding:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 3.5vw, 3.5rem);

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.045) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4rem;
}

.dispatch-form {
    border-top: 1px solid var(--navy-950);
    border-right: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);

    background: var(--paper);
}

.dispatch-form__section {
    border-bottom: 1px solid var(--navy-950);
}

.dispatch-form__section-heading {
    display: grid;
    grid-template-columns:
        4.25rem
        minmax(0, 1fr);
    gap: 1.25rem;
    align-items: center;

    padding: 1rem 1.25rem;

    background: var(--paper-deep);
    border-bottom: 1px solid var(--navy-950);
}

.dispatch-form__section-heading > span {
    display: grid;
    place-items: center;

    width: 3rem;
    height: 3rem;

    background: var(--navy-950);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.65rem;
    font-weight: 700;
}

.dispatch-form__section-heading strong {
    display: block;

    color: var(--navy-950);

    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 400;
}

.dispatch-form__section-heading p {
    margin: 0.3rem 0 0;

    color: var(--ink-soft);

    font-size: 0.7rem;
    line-height: 1.4;
}

.dispatch-form__grid {
    display: grid;
}

.dispatch-form__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dispatch-field {
    min-width: 0;
    padding: 1.1rem 1.25rem;

    border-right: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
}

.dispatch-form__grid--two .dispatch-field:nth-child(even) {
    border-right: 0;
}

.dispatch-field--full {
    grid-column: 1 / -1;

    border-right: 0;
}

.dispatch-form__grid .dispatch-field:nth-last-child(-n+2) {
    border-bottom: 0;
}

.dispatch-field--full + .dispatch-field--full {
    border-top: 1px solid var(--line-dark);
}

.dispatch-field label {
    display: block;

    margin-bottom: 0.55rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.51rem;
    font-weight: 700;
    letter-spacing: 0.025em;
}

.dispatch-field input,
.dispatch-field select,
.dispatch-field textarea {
    display: block;

    width: 100%;
    min-width: 0;

    padding: 0.85rem 0.9rem;

    background: var(--white);
    border: 1px solid var(--ink-soft);
    border-radius: 0;

    color: var(--ink);

    font: inherit;

    outline: 0;

    transition:
        border-color 140ms ease,
        box-shadow 140ms ease,
        background-color 140ms ease;
}

.dispatch-field input,
.dispatch-field select {
    min-height: 3rem;
}

.dispatch-field textarea {
    min-height: 7rem;

    resize: vertical;

    line-height: 1.55;
}

.dispatch-field input::placeholder,
.dispatch-field textarea::placeholder {
    color: rgba(94, 103, 108, 0.72);
}

.dispatch-field input:focus,
.dispatch-field select:focus,
.dispatch-field textarea:focus {
    background: var(--white);
    border-color: var(--cyan-dark);

    box-shadow:
        inset 4px 0 0 var(--cyan);
}

.dispatch-field select {
    cursor: pointer;
}

.dispatch-field__warning {
    margin: 0.7rem 0 0;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Contact — Standalone Route Notes Section
|--------------------------------------------------------------------------
*/

.dispatch-form__section > .dispatch-field--full {
    border-right: 0;
    border-bottom: 0;
}


/*
|--------------------------------------------------------------------------
| Contact — Honeypot
|--------------------------------------------------------------------------
*/

.dispatch-form__honeypot {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;
}


/*
|--------------------------------------------------------------------------
| Contact — Submit Record
|--------------------------------------------------------------------------
*/

.dispatch-form__submit {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    gap: 2rem;
    align-items: center;

    padding: 1.5rem;

    background: var(--navy-950);

    color: var(--white);
}

.dispatch-form__submit span {
    display: block;

    margin-bottom: 0.45rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.dispatch-form__submit strong {
    display: block;

    font-family: var(--font-mono);
    font-size: 0.66rem;
}

.dispatch-form__submit p {
    max-width: 32rem;
    margin: 0.55rem 0 0;

    color: rgba(255, 255, 255, 0.58);

    font-size: 0.67rem;
    line-height: 1.5;
}

.dispatch-form__submit .dispatch-button {
    white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| Contact — Demo Confirmation
|--------------------------------------------------------------------------
*/

.dispatch-demo-toast {
    margin-top: 1rem;
    padding: 1.25rem;

    background: var(--screen);
    border-top: 4px solid var(--cyan);
    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.dispatch-demo-toast[hidden] {
    display: none;
}

.dispatch-demo-toast strong {
    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 0.58rem;
}

.dispatch-demo-toast p {
    margin: 0.6rem 0 0;

    color: var(--ink-soft);

    font-size: 0.76rem;
    line-height: 1.55;
}


/*
|--------------------------------------------------------------------------
| Contact — Record Transition
|--------------------------------------------------------------------------
*/

.contact-record-transition {
    width: 100%;

    background: var(--navy-950);
    border-top: 1px solid var(--cyan-dark);
    border-bottom: 1px solid var(--navy-950);
}

.contact-record-transition__inner {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    width: min(calc(100% - 4rem), 1500px);
    min-height: 3.1rem;
    margin-right: auto;
    margin-left: auto;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.055em;
}

.contact-record-transition__inner span:last-child {
    justify-self: end;

    color: var(--orange);
}

.contact-record-transition__inner strong {
    color: rgba(255, 255, 255, 0.48);

    font-size: 0.8rem;
}


/*
|--------------------------------------------------------------------------
| Contact — After Submission
|--------------------------------------------------------------------------
*/

.dispatch-next {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(31rem, 0.84fr)
        minmax(0, 1.16fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.dispatch-next::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";

    transform: translateX(-50%);
}

.dispatch-next__copy {
    position: relative;

    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.dispatch-next__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.dispatch-next h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.dispatch-next h2 em {
    color: var(--orange);
}

.dispatch-next__copy > p:last-child {
    max-width: 31rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.66);

    line-height: 1.7;
}

.dispatch-next__sequence {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;

    background: var(--paper);
}

.dispatch-next__sequence li {
    display: grid;
    grid-template-columns:
        4rem
        minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;

    min-height: 9.5rem;
    padding: 1.4rem 2rem;

    border-bottom: 1px solid var(--navy-950);
}

.dispatch-next__sequence li:last-child {
    border-bottom: 0;
}

.dispatch-next__sequence li > span {
    display: grid;
    place-items: center;

    width: 3.1rem;
    height: 3.1rem;

    background: var(--navy-950);
    border: 2px solid var(--cyan);
    border-radius: 50%;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.dispatch-next__sequence strong {
    font-family: var(--font-display);
    font-size: 1.7rem;
    font-weight: 400;
}

.dispatch-next__sequence p {
    max-width: 30rem;
    margin: 0.45rem 0 0;

    color: var(--ink-soft);

    font-size: 0.76rem;
    line-height: 1.5;
}


/*
|--------------------------------------------------------------------------
| Contact — Route Desk
|--------------------------------------------------------------------------
*/

.route-desk {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(0, 1.06fr)
        minmax(34rem, 0.94fr);

    width: min(calc(100% - 4rem), 1500px);
    margin-right: auto;
    margin-left: auto;

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.route-desk::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper);

    content: "";

    transform: translateX(-50%);
}

.route-desk__image {
    position: relative;

    min-width: 0;
    margin: 0;

    overflow: hidden;

    background: var(--navy-950);
}

.route-desk__image img {
    width: 100%;
    height: 100%;
    min-height: 46rem;

    object-fit: cover;
    object-position: center center;
}

.route-desk__image::after {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8, 21, 33, 0) 65%,
            rgba(8, 21, 33, 0.52) 100%
        );

    content: "";
}

.route-desk__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.75rem 0.9rem;

    background: rgba(8, 21, 33, 0.90);

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.route-desk__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(4.5rem, 5vw, 5.5rem)
        clamp(3rem, 4vw, 4.25rem);
}

.route-desk__topline {
    display: flex;
    justify-content: space-between;
    gap: 2rem;

    margin-bottom: 2.5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid var(--navy-950);

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.route-desk h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.05rem, 4.35vw, 5.2rem);
    line-height: 0.95;
}

.route-desk h2 em {
    color: var(--orange);
}

.route-desk__content > p {
    max-width: 31rem;
    margin: 1.5rem 0 0;

    color: var(--ink-soft);

    line-height: 1.7;
}

.route-desk__content dl {
    margin: 2.25rem 0 0;

    border-top: 1px solid var(--line-dark);
}

.route-desk__content dl > div {
    display: grid;
    grid-template-columns:
        8rem
        minmax(0, 1fr);
    gap: 1.5rem;

    padding: 0.9rem 0;

    border-bottom: 1px solid var(--line-dark);
}

.route-desk__content dt {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
}

.route-desk__content dd {
    min-width: 0;
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.15rem;

    overflow-wrap: anywhere;
}

.route-desk__content dd a {
    color: inherit;

    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
}


/*
|--------------------------------------------------------------------------
| Contact — Safety
|--------------------------------------------------------------------------
*/

.contact-safety {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(27rem, 0.72fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background: var(--paper);

    border-bottom: 1px solid var(--navy-950);
}

.contact-safety > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.contact-safety h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.1rem, 4.5vw, 5.45rem);
    line-height: 0.95;
}

.contact-safety h2 em {
    color: var(--orange);
}

.contact-safety__note {
    padding: 1.5rem;

    background: rgba(184, 60, 55, 0.08);
    border-top: 4px solid var(--red);
    border-right: 1px solid var(--red);
    border-bottom: 1px solid var(--red);
    border-left: 1px solid var(--red);
}

.contact-safety__note strong {
    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
}

.contact-safety__note p {
    margin: 1rem 0 0;

    color: var(--ink-soft);

    font-size: 0.8rem;
    line-height: 1.7;
}


/*
|--------------------------------------------------------------------------
| Contact — Close
|--------------------------------------------------------------------------
*/

.contact-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.065) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.contact-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.contact-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.1rem, 4.5vw, 5.45rem);
    line-height: 0.95;
}

.contact-close h2 em {
    margin-top: 0.1em;

    color: var(--orange);
}

.contact-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.7;
}

.contact-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.contact-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}



/*
|--------------------------------------------------------------------------
| Contact — Full-Bleed Split Backgrounds
|--------------------------------------------------------------------------
|
| Structured content stays inside the approved 1500px record.
| Only the visual background planes continue to the viewport edges.
|
*/

@media (min-width: 961px) {

    .dispatch-request__intro::before {
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;

        width: 100vw;

        background:
            linear-gradient(
                rgba(57, 194, 215, 0.065) 1px,
                transparent 1px
            ),
            linear-gradient(
                90deg,
                rgba(57, 194, 215, 0.065) 1px,
                transparent 1px
            ),
            var(--navy-950);

        background-size: 4.5rem 4.5rem;

        content: "";
        pointer-events: none;
    }


    .dispatch-request__form-panel::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;

        width: 100vw;

        background:
            linear-gradient(
                rgba(23, 32, 41, 0.045) 1px,
                transparent 1px
            ),
            var(--paper);

        background-size: 100% 4rem;

        content: "";
        pointer-events: none;
    }


    .dispatch-next__copy::before {
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;

        width: 100vw;

        background:
            linear-gradient(
                rgba(57, 194, 215, 0.065) 1px,
                transparent 1px
            ),
            linear-gradient(
                90deg,
                rgba(57, 194, 215, 0.065) 1px,
                transparent 1px
            ),
            var(--navy-950);

        background-size: 4.5rem 4.5rem;

        content: "";
        pointer-events: none;
    }


    .dispatch-next__sequence::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;

        width: 100vw;

        background: var(--paper);

        content: "";
        pointer-events: none;
    }

}

/*
|--------------------------------------------------------------------------
| Contact — Route Desk Background Hero
|--------------------------------------------------------------------------
|
| Record 05 changes visual mode entirely.
|
| Rather than treating the photograph as another split-grid cell,
| the photograph becomes the full section background.
|
| The operational record remains constrained within the approved
| 1500px Premium working area.
|
*/

@media (min-width: 961px) {

    .route-desk {
        position: relative;
        isolation: isolate;

        display: grid;
        grid-template-columns:
            max(
                0px,
                calc((100vw - 1500px) / 2)
            )
            minmax(0, 1500px)
            max(
                0px,
                calc((100vw - 1500px) / 2)
            );

        width: 100%;
        max-width: none;
        min-height: 44rem;

        margin-right: 0;
        margin-left: 0;

        overflow: hidden;

        background:
            linear-gradient(
                90deg,
                rgba(8, 21, 33, 0.16) 0%,
                rgba(8, 21, 33, 0.24) 34%,
                rgba(8, 21, 33, 0.72) 68%,
                rgba(8, 21, 33, 0.94) 100%
            ),
            url("../images/hero-medical-courier-handoff.webp")
            center center / cover no-repeat;

        border-bottom: 1px solid var(--navy-950);
    }


    /*
    |----------------------------------------------------------------------
    | Remove Legacy Paper Background
    |----------------------------------------------------------------------
    |
    | The original Route Desk split layout used ::before to paint
    | a full-width paper background. That layer must be disabled
    | now that the photograph itself is the section background.
    |
    */

    .route-desk::before {
        content: none;
    }


    /*
    |----------------------------------------------------------------------
    | Operational Grid Overlay
    |----------------------------------------------------------------------
    */

    .route-desk::after {
        position: absolute;
        inset: 0;
        z-index: -1;

        background-image:
            linear-gradient(
                rgba(57, 194, 215, 0.055) 1px,
                transparent 1px
            ),
            linear-gradient(
                90deg,
                rgba(57, 194, 215, 0.055) 1px,
                transparent 1px
            );

        background-size: 4.5rem 4.5rem;

        content: "";
        pointer-events: none;
    }


    /*
    |----------------------------------------------------------------------
    | Original Figure
    |
    | The image remains in the HTML for the stacked tablet/mobile layout.
    | Desktop uses the same asset as the section background instead.
    |----------------------------------------------------------------------
    */

    .route-desk__image {
        display: none;
    }


    /*
    |----------------------------------------------------------------------
    | Route Desk Record
    |----------------------------------------------------------------------
    */

    .route-desk__content {
        grid-column: 2 / 3;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: stretch;

        width: 100%;
        min-width: 0;

        padding:
            clamp(4rem, 5vw, 5.25rem)
            clamp(3rem, 4vw, 5rem);

        background: rgba(8, 21, 33, 0.78);
        border-right: 1px solid rgba(255, 255, 255, 0.14);
        border-left: 1px solid rgba(255, 255, 255, 0.14);

        color: var(--white);

        backdrop-filter: blur(4px);
    }


    /*
    |----------------------------------------------------------------------
    | Route Desk — Readable Inner Record
    |----------------------------------------------------------------------
    */

    .route-desk__content > * {
        width: min(100%, 46rem);
        margin-right: 0;
        margin-left: auto;
    }


    /*
    |----------------------------------------------------------------------
    | Record Header
    |----------------------------------------------------------------------
    */

    .route-desk__topline {
        margin-bottom: 2.25rem;
        padding-bottom: 1rem;

        border-bottom-color: rgba(255, 255, 255, 0.32);

        color: var(--cyan);
    }


    /*
    |----------------------------------------------------------------------
    | Heading
    |----------------------------------------------------------------------
    */

    .route-desk h2 {
        color: var(--white);
    }

    .route-desk h2 em {
        color: var(--orange);
    }


    /*
    |----------------------------------------------------------------------
    | Supporting Copy
    |----------------------------------------------------------------------
    */

    .route-desk__content > p {
        color: rgba(255, 255, 255, 0.74);
    }


    /*
    |----------------------------------------------------------------------
    | Route Desk Ledger
    |----------------------------------------------------------------------
    */

    .route-desk__content dl {
        border-top-color: rgba(255, 255, 255, 0.28);
    }

    .route-desk__content dl > div {
        border-bottom-color: rgba(255, 255, 255, 0.22);
    }

    .route-desk__content dt {
        color: var(--orange);
    }

    .route-desk__content dd {
        color: var(--white);
    }

    .route-desk__content dd a {
        color: var(--white);
    }

}

/*
|--------------------------------------------------------------------------
| Contact — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .contact-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .contact-hero::after {
        left: 3.5rem;
    }

    .contact-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .contact-hero h1 {
        font-size: clamp(4.5rem, 10vw, 6.7rem);
    }

    .dispatch-intake-card {
        width: min(100%, 42rem);
    }


    .dispatch-guide__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .dispatch-guide__header > p {
        justify-self: start;
    }

    .dispatch-guide__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .dispatch-request {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .dispatch-next {
        grid-template-columns: 1fr;

        width: 100%;
    }


    .route-desk {
        grid-template-columns: 1fr;

        width: 100%;
    }

    .route-desk__image img {
        min-height: 30rem;

        aspect-ratio: 16 / 9;
    }


    .contact-safety {
        grid-template-columns: 1fr;
        gap: 3rem;
    }


    .contact-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| Contact — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .contact-hero {
        display: block;

        padding-top: 2.1rem;

        background-position: 62% center;
    }

    .contact-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--navy-950);
    }

    .contact-hero__rail span,
    .contact-hero__rail strong {
        writing-mode: initial;
    }

    .contact-hero::after {
        inset: 2.1rem 0 0;

        background-size: 3rem 3rem;
    }

    .contact-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .contact-hero__number {
        font-size: 7.3rem;
    }

    .contact-hero h1 {
        font-size: clamp(3.8rem, 16vw, 5.2rem);
    }

    .contact-hero__actions {
        display: grid;
    }

    .contact-hero__actions .dispatch-button {
        justify-content: center;
    }


    .dispatch-intake-card dl {
        grid-template-columns: 1fr;
    }

    .dispatch-intake-card dl > div:nth-child(even) {
        border-left: 0;
    }

    .dispatch-intake-card dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .dispatch-intake-card dl > div:last-child {
        border-bottom: 0;
    }


    .dispatch-guide {
        padding:
            4.5rem
            1rem;
    }

    .dispatch-guide__grid {
        grid-template-columns: 1fr;
    }

    .dispatch-guide__grid article {
        min-height: 0;

        padding: 1.75rem 1rem;
    }


    .dispatch-request__intro {
        padding:
            4rem
            1rem;
    }

    .dispatch-request__form-panel {
        padding:
            2.5rem
            1rem;
    }

    .dispatch-form__section-heading {
        grid-template-columns:
            3.2rem
            minmax(0, 1fr);
        gap: 0.85rem;

        padding:
            1rem;
    }

    .dispatch-form__section-heading > span {
        width: 2.6rem;
        height: 2.6rem;
    }

    .dispatch-form__grid--two {
        grid-template-columns: 1fr;
    }

    .dispatch-field {
        padding:
            1rem;

        border-right: 0;
        border-bottom: 1px solid var(--line-dark);
    }

    .dispatch-form__grid .dispatch-field:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .dispatch-form__grid .dispatch-field:last-child {
        border-bottom: 0;
    }

    .dispatch-field--full {
        grid-column: auto;
    }

    .dispatch-field--full + .dispatch-field--full {
        border-top: 0;
    }

    .dispatch-form__section > .dispatch-field--full {
        border-bottom: 0;
    }

    .dispatch-form__submit {
        grid-template-columns: 1fr;
        gap: 1.5rem;

        padding: 1.25rem 1rem;
    }

    .dispatch-form__submit .dispatch-button {
        justify-content: center;

        width: 100%;
    }


    .contact-record-transition__inner {
        grid-template-columns: 1fr;
        gap: 0.25rem;

        width: calc(100% - 2rem);
        padding: 0.75rem 0;
    }

    .contact-record-transition__inner span:last-child {
        justify-self: start;
    }

    .contact-record-transition__inner strong {
        display: none;
    }


    .dispatch-next__copy {
        padding:
            4rem
            1rem;
    }

    .dispatch-next__sequence li {
        grid-template-columns:
            3.2rem
            minmax(0, 1fr);

        min-height: 0;
        padding:
            1.5rem
            1rem;
    }

    .dispatch-next__sequence li > span {
        width: 2.7rem;
        height: 2.7rem;
    }


    .route-desk__image img {
        min-height: 24rem;

        aspect-ratio: auto;
    }

    .route-desk__image figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.45rem;
    }

    .route-desk__content {
        padding:
            4rem
            1rem;
    }

    .route-desk__topline {
        display: grid;
        gap: 0.35rem;
    }

    .route-desk__content dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }


    .contact-safety {
        padding:
            4.5rem
            1rem;
    }


    .contact-close {
        padding:
            4.5rem
            1rem;
    }

    .contact-close__action > div {
        display: grid;
    }

    .contact-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Contact — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .contact-hero__record,
    .dispatch-request,
    .dispatch-next,
    .contact-record-transition__inner {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .dispatch-guide,
    .contact-safety,
    .contact-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .dispatch-request {
        grid-template-columns:
            minmax(29rem, 0.69fr)
            minmax(0, 1.31fr);
    }

    .dispatch-next {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }


}


/*
|--------------------------------------------------------------------------
| Contact — True Ultrawide
|--------------------------------------------------------------------------
*/

@media (min-width: 2800px) {

    .contact-hero__record,
    .dispatch-request,
    .dispatch-next,
    .contact-record-transition__inner {
        width: 1500px;
        max-width: 1500px;
    }


    /*
    |----------------------------------------------------------------------
    | Typography
    |----------------------------------------------------------------------
    */

    .contact-hero h1 {
        max-width: 13ch;

        font-size: 6.1rem;
    }

    .dispatch-guide__header h2 {
        font-size: 5.25rem;
    }

    .dispatch-request h2 {
        font-size: 5rem;
    }

    .dispatch-next h2 {
        font-size: 5rem;
    }

    .route-desk h2 {
        font-size: 5rem;
    }

    .contact-safety h2 {
        font-size: 5.05rem;
    }

    .contact-close h2 {
        font-size: 5.1rem;
    }


    /*
    |----------------------------------------------------------------------
    | Controlled Split Ratios
    |----------------------------------------------------------------------
    */

    .dispatch-request {
        grid-template-columns:
            minmax(0, 0.69fr)
            minmax(0, 1.31fr);
    }

    .dispatch-request__intro {
        padding:
            5rem
            4rem;
    }

    .dispatch-request__form-panel {
        padding:
            4rem
            3.5rem;
    }

    .dispatch-next {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .dispatch-next__copy {
        padding:
            5rem
            4rem;
    }


    .route-desk__content {
        padding:
            5rem
            4rem;
    }

}



/* ==========================================================================
   17M. PREMIUM 404 PAGE
   ========================================================================== */

/*
|--------------------------------------------------------------------------
| 404 — Foundation
|--------------------------------------------------------------------------
*/

.premium-404 {
    background: var(--paper);
}

.premium-404 main {
    overflow: hidden;
}

.premium-404 h1 em,
.premium-404 h2 em {
    display: block;
}


/*
|--------------------------------------------------------------------------
| 404 — Exception Hero
|--------------------------------------------------------------------------
*/

.error-hero {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        4.5rem
        minmax(0, 1fr);

    min-height: 49rem;

    padding: 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 76% 43%,
            rgba(184, 60, 55, 0.13) 0,
            rgba(184, 60, 55, 0.13) 0.3rem,
            transparent 0.35rem
        ),
        linear-gradient(
            rgba(57, 194, 215, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.055) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size:
        auto,
        4.5rem 4.5rem,
        4.5rem 4.5rem,
        auto;

    color: var(--white);

    border-bottom: 1px solid var(--navy-950);
}

.error-hero::before {
    position: absolute;
    top: 50%;
    left: 65%;
    z-index: -1;

    width: clamp(25rem, 32vw, 38rem);
    height: clamp(25rem, 32vw, 38rem);

    border:
        clamp(3rem, 4vw, 5rem)
        solid rgba(255, 109, 46, 0.055);
    border-radius: 50%;

    content: "";
    pointer-events: none;

    transform: translate(-50%, -50%);
}

.error-hero::after {
    position: absolute;
    top: 50%;
    left: 65%;
    z-index: -1;

    width: clamp(12rem, 17vw, 20rem);
    height: clamp(12rem, 17vw, 20rem);

    border: 1px dashed rgba(57, 194, 215, 0.22);
    border-radius: 50%;

    content: "";
    pointer-events: none;

    transform: translate(-50%, -50%);
}

.error-hero__rail {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;

    background: var(--red);
    border-right: 1px solid rgba(255, 255, 255, 0.16);

    color: var(--white);

    font-family: var(--font-mono);
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.error-hero__rail span,
.error-hero__rail strong {
    writing-mode: vertical-rl;
}

.error-hero__record {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(25rem, 0.52fr);
    gap: clamp(3rem, 5vw, 6rem);
    align-items: end;

    width: min(calc(100% - 4rem), 1500px);
    max-width: 1500px;

    margin-right: auto;
    margin-left: auto;

    padding:
        clamp(6rem, 8vw, 8rem)
        0
        clamp(4rem, 6vw, 6rem);
}

.error-hero__copy {
    position: relative;

    max-width: 66rem;
}

.error-hero__number {
    position: absolute;
    top: -0.4rem;
    left: -0.45rem;
    z-index: -1;

    margin: 0;

    color: rgba(255, 255, 255, 0.055);

    font-family: var(--font-body);
    font-size: clamp(13rem, 20vw, 24rem);
    font-weight: 700;
    line-height: 0.70;
    letter-spacing: -0.08em;
}

.error-hero h1 {
    max-width: 10.5ch;
    margin: 3rem 0 1.5rem;

    color: var(--white);

    font-size: clamp(5.3rem, 6.7vw, 8rem);
    letter-spacing: -0.055em;
    line-height: 0.89;
}

.error-hero h1 em {
    color: var(--orange);
}

.error-hero__summary {
    max-width: 43rem;
    margin: 0;

    color: rgba(255, 255, 255, 0.72);

    line-height: 1.72;
}

.error-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;

    margin-top: 2rem;
}

.error-hero .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.30);
}


/*
|--------------------------------------------------------------------------
| 404 — Exception Ticket
|--------------------------------------------------------------------------
*/

.error-ticket {
    overflow: hidden;

    background: rgba(244, 241, 233, 0.97);
    border-top: 5px solid var(--red);
    border-right: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
    border-left: 1px solid var(--white);

    box-shadow: var(--shadow);

    color: var(--ink);

    transform: rotate(-0.7deg);
}

.error-ticket header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.error-ticket__display {
    position: relative;

    min-height: 11rem;
    padding: 1.5rem 1rem;

    overflow: hidden;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(57, 194, 215, 0.07) 0,
            rgba(57, 194, 215, 0.07) 1px,
            transparent 1px,
            transparent 1.75rem
        ),
        var(--screen);

    border-bottom: 1px solid var(--navy-950);
}

.error-ticket__display::after {
    position: absolute;
    top: 50%;
    right: 1rem;

    color: rgba(184, 60, 55, 0.10);

    content: "404";

    font-family: var(--font-body);
    font-size: 7rem;
    font-weight: 700;
    line-height: 1;

    transform: translateY(-50%);
}

.error-ticket__display span {
    position: relative;
    z-index: 1;

    display: block;

    margin-bottom: 0.7rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.error-ticket__display strong {
    position: relative;
    z-index: 1;

    display: block;

    font-family: var(--font-mono);
    font-size: 0.9rem;
}

.error-ticket__display p {
    position: relative;
    z-index: 1;

    max-width: 22rem;
    margin: 0.75rem 0 0;

    color: var(--ink-soft);

    font-size: 0.74rem;
    line-height: 1.55;
}

.error-ticket dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    margin: 0;
}

.error-ticket dl > div {
    min-height: 6rem;
    padding: 1rem;

    border-bottom: 1px solid var(--line-dark);
}

.error-ticket dl > div:nth-child(even) {
    border-left: 1px solid var(--line-dark);
}

.error-ticket dl > div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.error-ticket dt {
    margin-bottom: 0.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.49rem;
    font-weight: 700;
}

.error-ticket dd {
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.25rem;
}


/*
|--------------------------------------------------------------------------
| 404 — Reroute Board
|--------------------------------------------------------------------------
*/

.error-reroute {
    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(23, 32, 41, 0.05) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size: 100% 4.25rem;

    border-bottom: 1px solid var(--navy-950);
}

.error-reroute__header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(21rem, 0.52fr);
    gap: 4rem;
    align-items: end;
}

.error-reroute__header > div > p {
    margin: 0 0 1.5rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.error-reroute h2 {
    max-width: none;
    margin: 0;

    font-size: clamp(4.3rem, 4.8vw, 5.75rem);
    line-height: 0.95;
}

.error-reroute h2 em {
    color: var(--orange);
}

.error-reroute__header > p {
    justify-self: end;

    max-width: 31rem;
    margin: 0;

    color: var(--ink-soft);

    font-family: var(--font-mono);
    font-size: 0.63rem;
    line-height: 1.7;
}

.error-reroute__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    margin-top: 3rem;

    border-top: 1px solid var(--navy-950);
    border-left: 1px solid var(--navy-950);
}

.error-reroute__grid a {
    position: relative;

    min-height: 16rem;
    padding: 1.75rem;

    color: var(--ink);

    border-right: 1px solid var(--navy-950);
    border-bottom: 1px solid var(--navy-950);

    text-decoration: none;

    transition:
        background-color 160ms ease,
        color 160ms ease,
        transform 160ms ease;
}

.error-reroute__grid a:hover,
.error-reroute__grid a:focus-visible {
    z-index: 2;

    background: var(--navy-950);

    color: var(--white);

    transform: translateY(-0.35rem);
}

.error-reroute__grid a > span {
    display: block;

    margin-bottom: 2rem;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.55rem;
    font-weight: 700;
}

.error-reroute__grid a:hover > span,
.error-reroute__grid a:focus-visible > span {
    color: var(--orange);
}

.error-reroute__grid strong {
    display: block;

    font-family: var(--font-display);
    font-size: 1.85rem;
    font-weight: 400;
}

.error-reroute__grid p {
    max-width: 19rem;
    margin: 0.75rem 0 0;

    color: var(--ink-soft);

    font-size: 0.77rem;
    line-height: 1.55;
}

.error-reroute__grid a:hover p,
.error-reroute__grid a:focus-visible p {
    color: rgba(255, 255, 255, 0.66);
}

.error-reroute__grid b {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;

    color: var(--cyan-dark);

    font-family: var(--font-mono);
    font-size: 1rem;
}

.error-reroute__grid a:hover b,
.error-reroute__grid a:focus-visible b {
    color: var(--cyan);
}


/*
|--------------------------------------------------------------------------
| 404 — Broken Link Record
|--------------------------------------------------------------------------
*/

.error-report {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns:
        minmax(31rem, 0.84fr)
        minmax(0, 1.16fr);

    width: min(calc(100% - 4rem), 1500px);
    max-width: 1500px;

    margin-right: auto;
    margin-left: auto;

    padding: 0;

    background: var(--paper);

    color: var(--ink);

    border-bottom: 1px solid var(--navy-950);
}

.error-report::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;

    width: 100vw;

    background: var(--paper-deep);

    content: "";
    pointer-events: none;

    transform: translateX(-50%);
}

.error-report__copy {
    padding:
        clamp(5rem, 6vw, 6rem)
        clamp(3rem, 4.5vw, 4.75rem);

    background:
        linear-gradient(
            rgba(184, 60, 55, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(184, 60, 55, 0.07) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.error-report__copy > p:first-child {
    margin: 0 0 2rem;

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.error-report h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.4vw, 5.25rem);
    line-height: 0.95;
}

.error-report h2 em {
    color: var(--orange);
}

.error-report__copy > p:last-child {
    max-width: 32rem;
    margin: 1.75rem 0 0;

    color: rgba(255, 255, 255, 0.67);

    line-height: 1.72;
}

.error-report__record {
    align-self: center;

    margin:
        clamp(3rem, 4vw, 4rem)
        clamp(2rem, 4vw, 4rem);

    background: var(--paper);
    border: 1px solid var(--navy-950);
}

.error-report__record header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

    padding: 0.85rem 1rem;

    background: var(--navy-950);

    color: var(--orange);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.error-report__record dl {
    margin: 0;
}

.error-report__record dl > div {
    display: grid;
    grid-template-columns:
        7rem
        minmax(0, 1fr);
    gap: 1.5rem;

    min-height: 5.5rem;
    padding: 1rem 1.25rem;

    border-bottom: 1px solid var(--line-dark);
}

.error-report__record dl > div:last-child {
    border-bottom: 0;
}

.error-report__record dt {
    align-self: center;

    color: var(--red);

    font-family: var(--font-mono);
    font-size: 0.5rem;
    font-weight: 700;
}

.error-report__record dd {
    align-self: center;

    min-width: 0;
    margin: 0;

    font-family: var(--font-display);
    font-size: 1.25rem;

    overflow-wrap: anywhere;
}

.error-report__record a {
    color: inherit;

    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
}


/*
|--------------------------------------------------------------------------
| 404 — Recovery Close
|--------------------------------------------------------------------------
*/

.error-close {
    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(26rem, 0.74fr);
    gap: 4rem;
    align-items: center;

    padding:
        clamp(5.5rem, 7vw, 7rem)
        max(
            2rem,
            calc((100vw - 1500px) / 2)
        );

    background:
        linear-gradient(
            rgba(57, 194, 215, 0.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(57, 194, 215, 0.06) 1px,
            transparent 1px
        ),
        var(--navy-950);

    background-size: 4.5rem 4.5rem;

    color: var(--white);
}

.error-close > div:first-child > p {
    margin: 0 0 1.5rem;

    color: var(--cyan);

    font-family: var(--font-mono);
    font-size: 0.58rem;
    font-weight: 700;
}

.error-close h2 {
    max-width: none;
    margin: 0;

    color: var(--white);

    font-size: clamp(4.05rem, 4.45vw, 5.35rem);
    line-height: 0.95;
}

.error-close h2 em {
    margin-top: 0.1em;

    color: var(--orange);
}

.error-close__action > p {
    max-width: 35rem;
    margin: 0 0 2rem;

    color: rgba(255, 255, 255, 0.68);

    line-height: 1.72;
}

.error-close__action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.error-close .dispatch-button--line {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.28);
}


/*
|--------------------------------------------------------------------------
| 404 — Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 960px) {

    .error-hero {
        grid-template-columns:
            3.5rem
            minmax(0, 1fr);

        min-height: 0;
    }

    .error-hero__record {
        grid-template-columns: 1fr;
        gap: 3rem;

        width: calc(100% - 3rem);

        padding:
            5rem
            0
            3rem;
    }

    .error-hero h1 {
        font-size: clamp(4.6rem, 10vw, 6.8rem);
    }

    .error-ticket {
        width: min(100%, 42rem);
    }


    .error-reroute__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .error-reroute__header > p {
        justify-self: start;
    }

    .error-reroute__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .error-report {
        grid-template-columns: 1fr;

        width: 100%;
        max-width: none;
    }


    .error-close {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

}


/*
|--------------------------------------------------------------------------
| 404 — Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 640px) {

    .error-hero {
        display: block;

        padding-top: 2.1rem;
    }

    .error-hero::before {
        top: 37%;
        left: 70%;

        width: 22rem;
        height: 22rem;

        border-width: 3rem;
    }

    .error-hero::after {
        top: 37%;
        left: 70%;

        width: 12rem;
        height: 12rem;
    }

    .error-hero__rail {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;

        flex-direction: row;
        justify-content: flex-start;
        gap: 0.75rem;

        width: 100%;
        min-height: 2.1rem;
        padding: 0 1rem;

        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .error-hero__rail span,
    .error-hero__rail strong {
        writing-mode: initial;
    }

    .error-hero__record {
        width: calc(100% - 2rem);

        padding-top: 6rem;
    }

    .error-hero__number {
        top: 0.5rem;

        font-size: 9rem;
    }

    .error-hero h1 {
        font-size: clamp(3.9rem, 16vw, 5.3rem);
    }

    .error-hero__actions {
        display: grid;
    }

    .error-hero__actions .dispatch-button {
        justify-content: center;
    }


    .error-ticket {
        transform: none;
    }

    .error-ticket dl {
        grid-template-columns: 1fr;
    }

    .error-ticket dl > div:nth-child(even) {
        border-left: 0;
    }

    .error-ticket dl > div:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--line-dark);
    }

    .error-ticket dl > div:last-child {
        border-bottom: 0;
    }


    .error-reroute {
        padding:
            4.5rem
            1rem;
    }

    .error-reroute__grid {
        grid-template-columns: 1fr;
    }

    .error-reroute__grid a {
        min-height: 0;

        padding:
            1.75rem
            3.5rem
            1.75rem
            1rem;
    }


    .error-report__copy {
        padding:
            4rem
            1rem;
    }

    .error-report__record {
        margin:
            2.5rem
            1rem;
    }

    .error-report__record dl > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;

        min-height: 0;
    }


    .error-close {
        padding:
            4.5rem
            1rem;
    }

    .error-close__action > div {
        display: grid;
    }

    .error-close__action .dispatch-button {
        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| 404 — Wide
|--------------------------------------------------------------------------
*/

@media (min-width: 1750px) {

    .error-hero__record,
    .error-report {
        width: min(calc(100% - 4rem), 1500px);
        max-width: 1500px;
    }

    .error-reroute,
    .error-close {
        padding-right:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );

        padding-left:
            max(
                2rem,
                calc((100vw - 1500px) / 2)
            );
    }

    .error-report {
        grid-template-columns:
            minmax(31rem, 0.84fr)
            minmax(0, 1.16fr);
    }

}


/*
|--------------------------------------------------------------------------
| 404 — Ultrawide
|--------------------------------------------------------------------------
|
| Starts before the user's measured 2614 CSS-pixel ultrawide
| so this page does not wait for a mythical 2800px viewport.
|
*/

@media (min-width: 2500px) {

    .error-hero__record,
    .error-report {
        width: 1500px;
        max-width: 1500px;
    }

    .error-hero h1 {
        max-width: 11ch;

        font-size: 6.2rem;
    }

    .error-reroute h2 {
        font-size: 5.25rem;
    }

    .error-report h2 {
        font-size: 5rem;
    }

    .error-close h2 {
        font-size: 5.1rem;
    }

    .error-report {
        grid-template-columns:
            minmax(0, 0.84fr)
            minmax(0, 1.16fr);
    }

    .error-report__copy {
        padding:
            5rem
            4rem;
    }

}


/* ==========================================================================
   18. LAPTOP
   ========================================================================== */

@media (max-width: 1200px) {

    .open-route__main {
        grid-template-columns: 1fr 0.85fr;
        gap: 3rem;
    }

    .route-window {
        grid-template-columns:
            minmax(0, 1.45fr)
            minmax(24rem, 0.55fr);

        min-height: 0;
    }

    .route-window__image img {
        min-height: 34rem;
        object-position: center center;
    }

    .route-window__log {
        padding: 2.75rem 2.5rem;
    }

    .route-window h2 {
        font-size: clamp(3.3rem, 5.1vw, 4.6rem);
    }

    .route-window__topline {
        margin-bottom: 2rem;
    }

    .route-window__checklist {
        margin-top: 1.75rem;
    }

    .route-window__checklist div {
        padding: 0.75rem 0;
    }

    .operations-file {
        grid-template-columns: 0.8fr 1.2fr;
    }

    .operations-file__title {
        padding-right: 3rem;
        padding-left: 3rem;
    }

}


/* ==========================================================================
   19. TABLET / MOBILE NAV
   ========================================================================== */

@media (max-width: 960px) {

    .dispatch-header__status {
        grid-template-columns: 1fr 1fr;
    }

    .dispatch-header__status p:nth-child(2) {
        display: none;
    }

    .dispatch-header__main {
        min-height: 5rem;
        padding: 0 1.5rem;
    }

    .dispatch-brand__tagline {
        display: none;
    }

    .dispatch-brand__logo-frame {
        width: 17rem;
        height: 3.9rem;
    }

    .nav-toggle {
        display: flex;
        justify-self: end;
    }

    .dispatch-nav {
        position: fixed;
        top: calc(5rem + 1.55rem);
        right: 0;
        left: 0;

        display: grid;
        gap: 0;

        padding: 0 1.5rem 1.5rem;

        background: var(--paper);
        border-bottom: 1px solid var(--navy-950);

        opacity: 0;
        pointer-events: none;
        transform: translateY(-1rem);

        transition:
            opacity var(--fast),
            transform var(--fast);
    }

    body.nav-open .dispatch-nav {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .dispatch-nav a {
        padding: 1rem 0;

        border-bottom: 1px solid var(--line-dark) !important;
    }

    .dispatch-nav__request {
        margin-top: 1rem;
        padding: 1rem !important;

        text-align: center;
    }

    .open-route {
        grid-template-columns: 3.5rem minmax(0, 1fr);

        min-height: max(
            48rem,
            calc(100vh - 6.55rem)
        );
    }

    .open-route__evidence {
        inset: 0 0 0 3.5rem;
    }

    .open-route::after {
        inset: 0 0 0 3.5rem;

        background:
            linear-gradient(
                90deg,
                rgba(8, 21, 33, 0.97) 0%,
                rgba(8, 21, 33, 0.90) 38%,
                rgba(8, 21, 33, 0.52) 60%,
                rgba(8, 21, 33, 0.14) 78%,
                rgba(8, 21, 33, 0.02) 100%
            ),
            linear-gradient(
                180deg,
                rgba(8, 21, 33, 0.04),
                rgba(8, 21, 33, 0.30)
            );
    }

    .open-route__evidence img {
        object-position: 52% center;
    }

    .open-route__main {
        grid-template-columns: 1fr;

        width: calc(100% - 3rem);

        padding:
            6rem
            0
            4rem;
    }

    .open-route__identity {
        max-width: 42rem;
    }

    .route-board {
        justify-self: end;

        width: min(100%, 31rem);
        max-width: 31rem;

        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .open-route__evidence figcaption {
        right: 1rem;
        bottom: 1rem;
    }
    .record-heading {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .manifest-row {
        grid-template-columns:
            0.45fr
            1.6fr
            1fr
            0.9fr;
    }

    .manifest-row > *:nth-child(4),
    .manifest-row > *:nth-child(5) {
        display: none;
    }

    .custody-line {
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem 2rem;
    }

    .custody-line::before {
        display: none;
    }

    .route-window {
        grid-template-columns: 1fr;
    }

    .route-window__image img {
        min-height: 34rem;
    }

    .route-window__log {
        padding: 5rem 2rem;
    }

    .temperature-record__body {
        grid-template-columns: 1fr;
    }

    .temperature-record__evidence {
        min-height: 30rem;

        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .temperature-record__evidence img {
        min-height: 30rem;
    }

    .temperature-record__header {
        grid-template-columns: 1fr;
    }

    .temperature-record__readout {
        width: fit-content;
    }

    .temperature-record__footer {
        grid-template-columns: 1fr;
    }

    .temperature-record__footer ul {
        justify-content: flex-start;
    }

    .operations-file {
        grid-template-columns: 1fr;
    }

    .operations-file__title {
        padding: 5rem 2rem;
    }

    .service-area-record__header {
        display: block;
    }

    .dispatch-request__header {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    

    .site-footer__main {
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__main > div:first-child {
        grid-column: 1 / -1;
    }

}


/* ==========================================================================
   20. MOBILE
   ========================================================================== */

@media (max-width: 640px) {

    body {
        font-size: 0.95rem;
    }

    h1 {
        font-size: clamp(4rem, 19vw, 5.7rem);
    }

    h2 {
        font-size: clamp(3rem, 14vw, 4.2rem);
    }

    .shipment-record::before {
        display: none;
    }

    .dispatch-header__status {
        grid-template-columns: 1fr;
    }

    .dispatch-header__status p:first-child {
        border-right: 0;
    }

    .dispatch-header__status p:last-child {
        display: none;
    }

    .dispatch-header__main {
        min-height: 4.6rem;
        padding: 0 1rem;
    }

    .dispatch-brand__route {
        display: none;
    }

    .dispatch-brand__name {
        font-size: 1.4rem;
    }

    .dispatch-brand__logo-frame {
        width: 13.5rem;
        height: 3.1rem;
    }

    .dispatch-nav {
        top: calc(4.6rem + 1.55rem);
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .open-route {
        display: block;

        min-height: auto;

        padding-top: 2.7rem;
    }

    .open-route__evidence {
        inset: 0;
    }

    .open-route::after {
        inset: 0;

        background:
            linear-gradient(
                180deg,
                rgba(8, 21, 33, 0.66) 0%,
                rgba(8, 21, 33, 0.86) 35%,
                rgba(8, 21, 33, 0.97) 66%,
                rgba(8, 21, 33, 0.99) 100%
            );
    }

    .open-route__evidence img {
        object-position: 62% center;
    }

    .record-rail {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 5;

        flex-direction: row;

        height: 2.7rem;
        padding: 0 1rem;

        writing-mode: horizontal-tb;
    }

    .open-route__main {
        position: relative;
        z-index: 3;

        display: grid;
        grid-template-columns: 1fr;

        width: auto;
        margin: 0;

        padding:
            5rem
            1rem
            5.5rem;
    }

    .record-label {
        display: grid;

        width: 100%;
    }

    .record-label span {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .record-label span:last-child {
        border-bottom: 0;
    }

    .open-route__number {
        margin-bottom: -0.65rem;

        font-size: 7rem;
    }

    .open-route h1 {
        max-width: 7ch;
    }

    .open-route__actions {
        display: grid;
    }

    .route-board {
        width: 100%;
        max-width: none;

        margin: 2rem 0 0;
    }

    .route-board__path {
        grid-template-columns: 1fr;
    }

    .route-line {
        height: 6rem;
        margin-left: 1.1rem;
    }

    .route-line::before {
        top: 0;
        bottom: 0;
        left: 0;

        width: 2px;
        height: 100%;
    }

    .route-line__progress {
        top: 0;
        left: 0;

        width: 2px;
        height: 65%;
    }

    .route-line__progress::after {
        top: auto;
        right: auto;
        bottom: -0.4rem;
        left: 50%;

        transform: translateX(-50%);
    }

    .route-line small {
        right: auto;
        bottom: 2.4rem;
        left: 1rem;
    }

    .route-board__data {
        grid-template-columns: 1fr;
    }

    .route-board__data div {
        border-right: 0;
    }

    .open-route__evidence figcaption {
        right: 1rem;
        bottom: 0.8rem;
        left: 1rem;

        justify-content: space-between;

        font-size: 0.47rem;
    }

    .record-barcode {
        display: none;
    }
    .manifest-record,
    .custody-record,
    .temperature-record,
    .service-area-record,
    .dispatch-request {
        padding: 5rem 1rem;
    }

    .manifest-table {
        border: 0;
    }

    .manifest-row {
        display: block;

        margin-bottom: 1rem;

        background: rgba(255, 255, 255, 0.42);
        border: 1px solid var(--navy-950);
    }

    .manifest-row--header {
        display: none;
    }

    .manifest-row > * {
        display: grid !important;
        grid-template-columns: 8rem 1fr;
        gap: 1rem;

        min-height: auto;

        padding: 0.8rem 1rem;

        border-right: 0;
        border-bottom: 1px solid var(--line-dark);
    }

    .manifest-row > *::before {
        color: var(--red);

        font-family: var(--font-mono);
        font-size: 0.54rem;
        font-weight: 700;
    }

    .manifest-row > *:nth-child(1)::before {
        content: "CODE";
    }

    .manifest-row > *:nth-child(2)::before {
        content: "SHIPMENT";
    }

    .manifest-row > *:nth-child(3)::before {
        content: "PRIORITY";
    }

    .manifest-row > *:nth-child(4)::before {
        content: "HANDLING";
    }

    .manifest-row > *:nth-child(5)::before {
        content: "ROUTE";
    }

    .manifest-row > *:nth-child(6)::before {
        content: "STATUS";
    }

    .manifest-warning {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .custody-line {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .custody-line li {
        display: grid;
        grid-template-columns: 3.5rem 1fr;
        gap: 1rem;

        padding: 0 0 3rem;
    }

    .custody-line__time {
        grid-column: 1 / -1;

        margin-bottom: 0.25rem;
    }

    .custody-line__node {
        margin: 0;
    }

    .custody-line li:not(:last-child)::after {
        position: absolute;
        top: 5.3rem;
        bottom: 0;
        left: 1.55rem;

        width: 2px;

        background: rgba(57, 194, 215, 0.5);

        content: "";
    }

    .route-window__image img {
        min-height: 27rem;
    }

    .route-window__image figcaption {
        flex-direction: column;
        gap: 0.25rem;
    }

    .route-window__log {
        padding: 4rem 1rem;
    }

    .temperature-record__readout {
        width: 100%;
    }

    .temperature-record__evidence {
        min-height: 22rem;
    }

    .temperature-record__evidence img {
        min-height: 22rem;
        object-position: center center;
    }

    .temperature-record__evidence figcaption {
        flex-direction: column;
        gap: 0.25rem;

        font-size: 0.47rem;
    }

    .temperature-log {
        grid-template-columns: 3rem 1fr;
        min-height: 18rem;
    }

    .temperature-log__times {
        font-size: 0.47rem;
    }

    .operations-file__title {
        padding: 4rem 1rem;
    }

    .operations-fields {
        grid-template-columns: 1fr;
    }

    .operations-fields div {
        min-height: 0;
        border-right: 0;
    }

    .dispatch-matrix {
        border: 0;
    }

    .dispatch-matrix__header {
        display: none !important;
    }

    .dispatch-matrix > div:not(.dispatch-matrix__header) {
        display: block;

        margin-bottom: 1rem;

        border: 1px solid var(--navy-950);
    }

    .dispatch-matrix > div:not(.dispatch-matrix__header) > * {
        display: grid;
        grid-template-columns: 8rem 1fr;
        gap: 1rem;

        min-height: auto;

        border-right: 0;
    }

    .dispatch-matrix > div:not(.dispatch-matrix__header) > *:nth-child(1)::before {
        content: "ZONE";
    }

    .dispatch-matrix > div:not(.dispatch-matrix__header) > *:nth-child(2)::before {
        content: "COVERAGE";
    }

    .dispatch-matrix > div:not(.dispatch-matrix__header) > *:nth-child(3)::before {
        content: "ROUTE";
    }

    .dispatch-matrix > div:not(.dispatch-matrix__header) > *:nth-child(4)::before {
        content: "STATUS";
    }

    .dispatch-matrix > div:not(.dispatch-matrix__header) > *::before {
        color: var(--red);

        font-family: var(--font-mono);
        font-size: 0.52rem;
        font-weight: 700;
    }

    .service-area-record__footer {
        display: grid;
        gap: 1.5rem;
    }

    .route-request-form__route {
        display: block;

        background: var(--screen);
        border-bottom: 2px solid var(--navy-950);
    }

    .route-location {
        padding: 1.25rem 1rem;
    }

    .route-location + .route-location {
        border-top: 1px solid var(--line-dark);
    }

    .route-location input {
        font-size: 1.15rem;
    }

    .route-request-form__arrow {
        display: grid;
        place-items: center;

        width: 100%;
        height: 2.75rem;

        transform: none;
        font-size: 1.35rem;
        line-height: 1;
    }

    .route-request-form__grid {
        grid-template-columns: 1fr;
    }

    .form-field {
        border-right: 0;
    }

    .route-request-form__footer {
        display: grid;
    }

    

    

    

    









    

    .site-footer__main {
        grid-template-columns: 1fr;
        gap: 2.5rem;

        padding: 3rem 1rem;
    }

    .site-footer__main > div:first-child {
        grid-column: auto;
    }

    .site-footer__bottom {
        flex-direction: column;
        gap: 0.5rem;

        padding-right: 1rem;
        padding-left: 1rem;
    }

}


/* ==========================================================================
   21. VERY SMALL MOBILE
   ========================================================================== */

@media (max-width: 390px) {

    .dispatch-brand__name {
        font-size: 1.2rem;
    }

    .dispatch-brand__logo-frame {
        width: 11.8rem;
        height: 2.75rem;
    }

    .nav-toggle > span:first-child {
        display: none;
    }

    .open-route h1 {
        font-size: 3.85rem;
    }

    .route-board__header {
        display: grid;
        gap: 0.25rem;
    }

    .temperature-log__times span:nth-child(2),
    .temperature-log__times span:nth-child(4) {
        display: none;
    }

}


/* ==========================================================================
   22. ULTRAWIDE
   ========================================================================== */

@media (min-width: 1750px) {

    :root {
        --content: 1600px;
    }

    .open-route__main {
        padding-top: 9rem;
        padding-bottom: 5rem;
    }

    .open-route__identity {
        max-width: 64rem;
    }

    .operations-file {
        max-width: 1480px;
        margin-right: auto;
        margin-left: auto;

        border-right: 1px solid var(--navy-950);
        border-left: 1px solid var(--navy-950);
    }

    .route-window {
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(28rem, 34rem);

        max-width: 1480px;
        margin: 0 auto;
    }

    .route-window__log {
        padding: 5rem clamp(2rem, 3vw, 3rem);
    }

}


/* ==========================================================================
   23. REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

}


/* RECORD 09 VISIBILITY TUNE START */

.route-closed__main {
    background: rgba(244, 241, 233, 0.58);

    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}

.route-closed__main h2,
.route-closed__main p {
    color: #0b1a2d;
}


/*
|--------------------------------------------------------------------------
| Receipt labels
|--------------------------------------------------------------------------
*/

.route-closed__handoff dt {
    color: rgba(11, 26, 45, 0.92);

    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.075em;
    line-height: 1.35;
    text-transform: uppercase;
}


/*
|--------------------------------------------------------------------------
| Receipt values
|--------------------------------------------------------------------------
*/

.route-closed__handoff dd {
    color: #081521;

    font-family: var(--font-body);
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1.3;
}


/*
|--------------------------------------------------------------------------
| Receipt rows
|--------------------------------------------------------------------------
*/

.route-closed__handoff dl div {
    min-height: 3.4rem;

    padding:
        0.9rem
        0.15rem;

    border-bottom:
        1px solid
        rgba(11, 26, 45, 0.30);
}


/*
|--------------------------------------------------------------------------
| Receipt CTA
|--------------------------------------------------------------------------
*/

.route-closed__handoff .dispatch-button {
    min-height: 3.65rem;

    padding:
        1rem
        1.45rem;

    font-size: 0.74rem;
    letter-spacing: 0.055em;
}

 /* RECORD 09 VISIBILITY TUNE END */