/* ==========================================================================
   MIND YOUR BUSINESSâ„¢
   Shared Stylesheet
   Template Forge #014
   ========================================================================== */


/* ==========================================================================
   Design Tokens
   ========================================================================== */

:root {
    /* Core palette */
    --ink: #191b1d;
    --ink-soft: #292c2f;

    --paper: #f5f0e6;
    --paper-light: #fffaf0;
    --paper-dark: #e7dfd0;

    --ledger-blue: #315f78;
    --ledger-blue-dark: #234658;
    --ledger-blue-light: #d9e5e9;

    --manila: #d7b870;
    --manila-light: #ead7a7;

    --correction-red: #b84438;
    --correction-red-dark: #8d322a;

    --highlighter: #e3d44a;

    /* Text */
    --text: #191b1d;
    --text-muted: #5f6263;
    --text-light: #f5f0e6;

    /* Rules */
    --rule: rgba(25, 27, 29, 0.18);
    --rule-strong: rgba(25, 27, 29, 0.45);
    --rule-light: rgba(245, 240, 230, 0.22);

    /* Typography */
    --font-display:
        "Archivo Black",
        "Arial Black",
        Impact,
        sans-serif;

    --font-body:
        "Source Sans 3",
        "Segoe UI",
        Arial,
        sans-serif;

    --font-mono:
        "DM Mono",
        "Courier New",
        monospace;

    /* Layout */
    --container: 78rem;
    --container-wide: 90rem;
    --gutter: clamp(1.25rem, 4vw, 4rem);

    /* Motion */
    --ease: 180ms ease;
}


/* ==========================================================================
   Reset
   ========================================================================== */

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

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;

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

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

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

img,
picture,
svg,
video {
    display: block;

    max-width: 100%;
}

img {
    height: auto;
}

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

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
}

address {
    font-style: normal;
}

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

button {
    border: 0;
}

[hidden] {
    display: none !important;
}


/* ==========================================================================
   Accessibility
   ========================================================================== */

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

    transform: translateY(-160%);

    padding: 0.8rem 1rem;

    border: 3px solid var(--ink);

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

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

    text-decoration: none;
    text-transform: uppercase;

    transition: transform var(--ease);
}

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

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

::selection {
    background: var(--highlighter);
    color: var(--ink);
}


/* ==========================================================================
   Global Layout
   ========================================================================== */

.container {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        var(--container)
    );

    margin-inline: auto;
}

.container--wide {
    width: min(
        calc(100% - (var(--gutter) * 2)),
        var(--container-wide)
    );

    margin-inline: auto;
}

.section {
    padding-block:
        clamp(4.5rem, 8vw, 8rem);
}


/* ==========================================================================
   Typography
   ========================================================================== */

h1,
h2,
h3 {
    color: var(--ink);

    font-family: var(--font-display);
    font-weight: 900;

    letter-spacing: -0.035em;
    text-transform: uppercase;
}

h1 {
    font-size:
        clamp(3.6rem, 7vw, 7rem);

    line-height: 0.86;
}

h2 {
    font-size:
        clamp(2.8rem, 5vw, 5rem);

    line-height: 0.9;
}

h3 {
    font-size:
        clamp(1.7rem, 3vw, 2.5rem);

    line-height: 0.95;
}

p {
    max-width: 65ch;
}

.eyebrow {
    margin-bottom: 0.9rem;

    color: var(--ledger-blue);

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

    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.utility {
    font-family: var(--font-mono);
    font-size: 0.7rem;
    font-weight: 700;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}


/* ==========================================================================
   Buttons
   ========================================================================== */

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

    min-height: 3.25rem;

    padding:
        0.85rem
        1.25rem;

    border:
        3px
        solid
        var(--ink);

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

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

    letter-spacing: 0.055em;
    text-decoration: none;
    text-transform: uppercase;

    cursor: pointer;

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

.button:hover {
    background: var(--ledger-blue);
}

.button:active {
    transform: translateY(2px);
}

.button--paper {
    background: var(--paper-light);
    color: var(--ink);
}

.button--paper:hover {
    background: var(--highlighter);
}

.button--red {
    background: var(--correction-red);
    color: var(--paper-light);
}

.button--red:hover {
    background: var(--correction-red-dark);
}

.button--highlight {
    background: var(--highlighter);
    color: var(--ink);
}

.button--highlight:hover {
    background: var(--manila);
}


/* ==========================================================================
   Ledger / Document Utility Components
   ========================================================================== */

.ledger-rule {
    border-top:
        1px
        solid
        var(--rule);
}

.status-stamp {
    display: inline-block;

    padding:
        0.35rem
        0.55rem;

    border:
        2px
        solid
        currentColor;

    color: var(--correction-red);

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

    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;

    transform: rotate(-1.5deg);
}

.file-label {
    display: inline-flex;
    align-items: center;

    min-height: 1.9rem;

    padding-inline:
        0.7rem;

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

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

    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.paper-panel {
    border:
        1px
        solid
        var(--rule-strong);

    background: var(--paper-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        rgba(25, 27, 29, 0.08);
}


/* ==========================================================================
   Site Header Foundation
   ========================================================================== */

.site-header {
    position: relative;
    z-index: 100;

    border-bottom:
        3px
        solid
        var(--ink);

    background: var(--paper);
}

.site-header__inner {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    min-height: 5.2rem;

    gap: 2rem;
}

.site-logo {
    display: inline-flex;
    flex-direction: column;

    color: var(--ink);

    font-family: var(--font-display);

    line-height: 0.8;
    text-decoration: none;
    text-transform: uppercase;
}

.site-logo__mind {
    font-size: 0.9rem;

    letter-spacing: 0.06em;
}

.site-logo__business {
    font-size: 1.6rem;

    letter-spacing: -0.045em;
}

.primary-nav {
    justify-self: center;
}

.primary-nav__list {
    display: flex;
    align-items: center;

    gap:
        clamp(1rem, 2vw, 2rem);

    margin: 0;
    padding: 0;

    list-style: none;
}

.primary-nav a {
    position: relative;

    color: var(--ink);

    font-size: 0.78rem;
    font-weight: 700;

    text-decoration: none;
}

.primary-nav a::after {
    content: "";

    position: absolute;
    right: 0;
    bottom: -0.45rem;
    left: 0;

    height: 2px;

    transform: scaleX(0);
    transform-origin: left;

    background: var(--correction-red);

    transition: transform var(--ease);
}

.primary-nav a:hover::after,
.primary-nav a:focus-visible::after,
.primary-nav a[aria-current="page"]::after {
    transform: scaleX(1);
}

.nav-toggle {
    display: none;

    width: 3rem;
    height: 3rem;

    align-items: center;
    justify-content: center;

    border:
        3px
        solid
        var(--ink);

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

    cursor: pointer;
}


/* ==========================================================================
   Announcement / Status Strip Foundation
   ========================================================================== */

.status-strip {
    border-bottom:
        1px
        solid
        var(--rule-light);

    background: var(--ledger-blue);
    color: var(--paper-light);
}

.status-strip__inner {
    min-height: 2.4rem;

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

    gap: 2rem;

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

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.status-strip strong {
    color: var(--highlighter);
}


/* ==========================================================================
   Footer Foundation
   ========================================================================== */

.site-footer {
    border-top:
        4px
        solid
        var(--ink);

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

.site-footer__main {
    padding-block:
        clamp(4rem, 7vw, 6rem);
}

.site-footer__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(10rem, 0.45fr)
        minmax(10rem, 0.45fr);

    gap:
        clamp(2.5rem, 6vw, 6rem);
}

.site-footer .site-logo {
    color: var(--paper-light);
}

.site-footer h2,
.site-footer h3 {
    color: var(--paper-light);
}

.site-footer a {
    color: inherit;
}

.site-footer__nav {
    margin: 0;
    padding: 0;

    list-style: none;
}

.site-footer__nav li + li {
    margin-top: 0.55rem;
}

.site-footer__nav a {
    color:
        rgba(245, 240, 230, 0.72);

    font-size: 0.88rem;

    text-decoration: none;
}

.site-footer__nav a:hover,
.site-footer__nav a:focus-visible,
.site-footer__nav a[aria-current="page"] {
    color: var(--highlighter);
}

.site-footer__bottom {
    border-top:
        1px
        solid
        var(--rule-light);

    padding-block: 1rem;

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

    letter-spacing: 0.05em;
    text-transform: uppercase;
}


/* ==========================================================================
   Responsive Header
   ========================================================================== */

@media (max-width: 980px) {
    .site-header__inner {
        grid-template-columns:
            auto
            auto;

        justify-content: space-between;
    }

    .site-header__cta {
        display: none;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .primary-nav {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;

        display: none;

        border-bottom:
            4px
            solid
            var(--ink);

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

    .primary-nav.is-open {
        display: block;
    }

    .primary-nav__list {
        display: grid;

        gap: 0;

        width: min(
            calc(100% - (var(--gutter) * 2)),
            var(--container)
        );

        margin-inline: auto;
    }

    .primary-nav li {
        border-bottom:
            1px
            solid
            var(--rule);
    }

    .primary-nav li:last-child {
        border-bottom: 0;
    }

    .primary-nav a {
        display: block;

        padding:
            1rem
            0;

        font-size: 0.92rem;
    }

    .primary-nav a::after {
        display: none;
    }

    .status-strip__inner {
        justify-content: center;

        text-align: center;
    }

    .status-strip__inner > :last-child {
        display: none;
    }

    .site-footer__grid {
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__brand {
        grid-column: 1 / -1;
    }
}


/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 640px) {
    :root {
        --gutter: 1.15rem;
    }

    h1 {
        font-size:
            clamp(3.1rem, 15vw, 4.7rem);
    }

    h2 {
        font-size:
            clamp(2.5rem, 12vw, 3.8rem);
    }

    .site-header__inner {
        min-height: 4.7rem;
    }

    .site-logo__mind {
        font-size: 0.75rem;
    }

    .site-logo__business {
        font-size: 1.35rem;
    }

    .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .site-footer__brand {
        grid-column: auto;
    }
}


/* ==========================================================================
   Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;

        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - HOMEPAGE
   ========================================================================== */


/* ==========================================================================
   Homepage Hero
   ========================================================================== */

.home-hero {
    position: relative;
    overflow: hidden;

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        linear-gradient(
            90deg,
            rgba(49, 95, 120, 0.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(49, 95, 120, 0.08) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size:
        3rem 3rem;
}

.home-hero::before {
    content: "FORM 1040-SOMETHING";

    position: absolute;
    top: 7rem;
    right: -2rem;

    color:
        rgba(25, 27, 29, 0.035);

    font-family: var(--font-display);
    font-size:
        clamp(5rem, 11vw, 11rem);

    letter-spacing: -0.07em;
    line-height: 0.8;
    white-space: nowrap;

    transform: rotate(-90deg);
    transform-origin: center;
}

.home-hero__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(24rem, 0.92fr);

    align-items: center;

    min-height:
        clamp(43rem, 78vh, 55rem);

    gap:
        clamp(3rem, 7vw, 8rem);

    padding-block:
        clamp(4.5rem, 8vw, 8rem);
}

.home-hero__content {
    max-width: 49rem;
}

.home-hero__content h1 {
    max-width: 10ch;

    margin-bottom: 1.75rem;
}

.home-hero__intro {
    max-width: 38rem;

    margin-bottom: 2rem;

    color: var(--text-muted);

    font-size:
        clamp(1.08rem, 1.8vw, 1.35rem);

    line-height: 1.55;
}

.home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 1.35rem;

    margin-bottom:
        clamp(3rem, 6vw, 5rem);
}

.home-hero__text-link {
    padding-bottom: 0.25rem;

    border-bottom:
        2px
        solid
        var(--ink);

    font-weight: 800;

    text-decoration: none;

    transition:
        color var(--ease),
        border-color var(--ease);
}

.home-hero__text-link:hover {
    border-color: var(--correction-red);

    color: var(--correction-red);
}

.home-hero__facts {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin: 0;

    border-top:
        1px
        solid
        var(--rule-strong);

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.home-hero__facts div {
    padding:
        1.1rem
        1rem;

    border-right:
        1px
        solid
        var(--rule);
}

.home-hero__facts div:first-child {
    padding-left: 0;
}

.home-hero__facts div:last-child {
    border-right: 0;
}

.home-hero__facts dt {
    margin-bottom: 0.3rem;

    color: var(--text-muted);

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

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-hero__facts dd {
    margin: 0;

    font-family: var(--font-display);
    font-size:
        clamp(1.05rem, 2vw, 1.4rem);

    line-height: 1;
    text-transform: uppercase;
}


/* ==========================================================================
   Homepage Hero Document
   ========================================================================== */

.home-hero__document {
    position: relative;

    padding-top: 2.5rem;
}

.home-hero__document::before {
    content: "";

    position: absolute;
    top: 1rem;
    right: -1rem;
    bottom: -1rem;
    left: 1rem;
    z-index: -1;

    background: var(--manila);
}

.home-hero__folder-tab {
    position: absolute;
    top: 0;
    left: 0;

    min-width: 14rem;

    padding:
        0.65rem
        1rem;

    border:
        1px
        solid
        var(--rule-strong);

    border-bottom: 0;

    background: var(--manila);

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

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-hero__paper {
    position: relative;

    min-height: 35rem;

    padding:
        clamp(1.5rem, 4vw, 2.5rem);

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 2.15rem,
            rgba(49, 95, 120, 0.13) 2.15rem,
            rgba(49, 95, 120, 0.13) 2.2rem
        ),
        var(--paper-light);
}

.home-hero__paper::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 3rem;

    width: 1px;

    background:
        rgba(184, 68, 56, 0.22);
}

.home-hero__paper-head {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 1rem;

    margin-bottom: 3rem;
}

.home-hero__receipt-stack {
    position: relative;
    z-index: 2;

    min-height: 12rem;

    margin:
        0
        0
        2.25rem;
}

.receipt {
    position: absolute;

    width: 72%;

    padding:
        1.15rem
        1rem;

    border:
        1px
        dashed
        rgba(25, 27, 29, 0.45);

    background: #fffdf7;

    box-shadow:
        0.25rem
        0.35rem
        0
        rgba(25, 27, 29, 0.08);

    font-family: var(--font-mono);
    font-size: 0.7rem;

    letter-spacing: 0.035em;
}

.receipt::after {
    content: "";

    position: absolute;
    right: 0.7rem;
    bottom: 0.65rem;
    left: 0.7rem;

    border-bottom:
        1px
        dashed
        rgba(25, 27, 29, 0.22);
}

.receipt span,
.receipt strong {
    display: block;
}

.receipt span {
    margin-bottom: 0.45rem;
}

.receipt strong {
    font-size: 1rem;
}

.receipt--one {
    top: 0.5rem;
    left: 2%;

    transform: rotate(-3deg);
}

.receipt--two {
    top: 3.8rem;
    right: 2%;

    transform: rotate(4deg);
}

.receipt--three {
    top: 7.1rem;
    left: 12%;

    border-color: var(--correction-red);

    transform: rotate(-1deg);
}

.receipt--three strong {
    color: var(--correction-red);
}

.home-hero__audit {
    position: relative;
    z-index: 2;

    margin: 0;

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

.home-hero__audit div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 1rem;

    padding:
        0.78rem
        0;

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

.home-hero__audit dt {
    font-family: var(--font-mono);
    font-size: 0.65rem;
    font-weight: 700;

    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.home-hero__audit dd {
    margin: 0;

    font-weight: 800;

    text-align: right;
}

.home-hero__audit div:nth-child(2) dd,
.home-hero__audit div:nth-child(3) dd {
    color: var(--correction-red);
}

.home-hero__note {
    position: relative;
    z-index: 2;

    margin:
        1.75rem
        0
        0;

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

    text-transform: uppercase;
}

.home-hero__note strong {
    color: var(--correction-red);
}

.home-hero__bottom {
    position: relative;
    z-index: 2;

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

    gap: 2rem;

    padding-block: 1.15rem;

    border-top:
        3px
        solid
        var(--ink);
}

.home-hero__bottom strong {
    font-family: var(--font-display);
    font-size:
        clamp(1.1rem, 2.5vw, 1.8rem);

    line-height: 1;
    text-align: right;
    text-transform: uppercase;
}


/* ==========================================================================
   Cleanup Ledger
   ========================================================================== */

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

.home-cleanup__heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(18rem, 0.6fr);

    align-items: end;

    gap:
        clamp(3rem, 8vw, 8rem);

    margin-bottom:
        clamp(3rem, 5vw, 5rem);
}

.home-cleanup__heading h2 {
    max-width: 11ch;

    margin-bottom: 0;
}

.home-cleanup__heading > p {
    margin-bottom: 0;

    color: var(--text-muted);

    font-size: 1.08rem;
}

.home-cleanup__ledger {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);
}

.home-cleanup__row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(8rem, 0.38fr);

    align-items: center;

    min-height: 5.25rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.home-cleanup__row:last-child {
    border-bottom: 0;
}

.home-cleanup__row > * {
    padding:
        1rem
        1.25rem;

    border-right:
        1px
        solid
        var(--rule);
}

.home-cleanup__row > *:first-child {
    padding-left: 0;
}

.home-cleanup__row > *:last-child {
    border-right: 0;
}

.home-cleanup__row strong {
    color: var(--correction-red);

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

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.home-cleanup__row--head {
    min-height: 2.75rem;

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

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

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-cleanup__row--head > * {
    border-color: var(--rule-light);
}


/* ==========================================================================
   Services
   ========================================================================== */

.home-services {
    overflow: hidden;

    background: var(--ledger-blue-dark);
    color: var(--paper-light);
}

.home-services h2,
.home-services h3 {
    color: var(--paper-light);
}

.home-services .eyebrow {
    color: var(--manila-light);
}

.home-services__top {
    display: flex;
    align-items: end;
    justify-content: space-between;

    gap: 3rem;

    margin-bottom:
        clamp(3rem, 6vw, 5rem);
}

.home-services__top h2 {
    max-width: 11ch;

    margin-bottom: 0;
}

.home-services__files {
    display: grid;

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

    border-top:
        1px
        solid
        var(--rule-light);

    border-bottom:
        1px
        solid
        var(--rule-light);
}

.service-file {
    position: relative;

    min-height: 25rem;

    padding:
        2.2rem
        1.75rem
        1.8rem;

    border-right:
        1px
        solid
        var(--rule-light);
}

.service-file:last-child {
    border-right: 0;
}

.service-file .file-label {
    position: absolute;
    top: -1.9rem;
    left: 0;
}

.service-file .utility {
    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.6);
}

.service-file h3 {
    min-height: 2.6em;

    margin-bottom: 1.3rem;

    font-size:
        clamp(1.8rem, 2.5vw, 2.5rem);
}

.service-file p:not(.utility) {
    color:
        rgba(245, 240, 230, 0.72);
}

.service-file > a {
    position: absolute;
    right: 1.75rem;
    bottom: 1.8rem;
    left: 1.75rem;

    padding-top: 1rem;

    border-top:
        1px
        solid
        var(--rule-light);

    color: var(--manila-light);

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

    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
}

.service-file > a:hover {
    color: var(--highlighter);
}


/* ==========================================================================
   Brand Statement
   ========================================================================== */

.home-statement {
    position: relative;
    overflow: hidden;

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--highlighter);
}

.home-statement::before {
    content: "MISC.";

    position: absolute;
    top: 50%;
    right: -0.06em;

    color:
        rgba(25, 27, 29, 0.07);

    font-family: var(--font-display);
    font-size:
        clamp(8rem, 24vw, 24rem);

    line-height: 0.7;

    transform: translateY(-50%);
}

.home-statement__inner {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(10rem, 0.35fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(2rem, 5vw, 5rem);

    min-height:
        clamp(19rem, 34vw, 28rem);

    padding-block:
        clamp(3.5rem, 7vw, 6rem);
}

.home-statement__quote {
    max-width: 14ch;

    margin: 0;

    font-family: var(--font-display);
    font-size:
        clamp(2.7rem, 5vw, 5.5rem);

    letter-spacing: -0.05em;
    line-height: 0.9;
    text-transform: uppercase;
}


/* ==========================================================================
   Process
   ========================================================================== */

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

.home-process__intro {
    display: grid;

    grid-template-columns:
        minmax(0, 0.5fr)
        minmax(0, 1.2fr)
        minmax(16rem, 0.55fr);

    align-items: end;

    gap:
        clamp(2rem, 5vw, 5rem);

    margin-bottom:
        clamp(3rem, 6vw, 5rem);
}

.home-process__intro .eyebrow,
.home-process__intro h2,
.home-process__intro > p {
    margin-bottom: 0;
}

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

.home-process__intro > p {
    color: var(--text-muted);
}

.home-process__steps {
    margin: 0;
    padding: 0;

    border-top:
        4px
        solid
        var(--ink);

    list-style: none;
}

.home-process__steps li {
    display: grid;

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

    gap:
        clamp(2rem, 5vw, 5rem);

    padding:
        clamp(2rem, 4vw, 3.5rem)
        0;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.home-process__number {
    color: var(--ledger-blue);

    font-family: var(--font-display);
    font-size:
        clamp(3.5rem, 6vw, 6rem);

    letter-spacing: -0.07em;
    line-height: 0.8;
}

.home-process__steps h3 {
    margin-bottom: 0.8rem;
}

.home-process__steps p:last-child {
    margin-bottom: 0;

    color: var(--text-muted);
}


/* ==========================================================================
   Industries
   ========================================================================== */

.home-industries {
    border-top:
        4px
        solid
        var(--ink);

    background: var(--manila-light);
}

.home-industries__heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(18rem, 0.55fr);

    align-items: end;

    gap:
        clamp(3rem, 8vw, 8rem);

    margin-bottom:
        clamp(3rem, 6vw, 5rem);
}

.home-industries__heading h2 {
    max-width: 11ch;

    margin-bottom: 0;
}

.home-industries__heading > p {
    margin-bottom: 0;
}

.home-industries__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        4px
        solid
        var(--ink);

    border-left:
        1px
        solid
        var(--ink);
}

.industry-entry {
    display: grid;

    grid-template-columns:
        3.5rem
        minmax(0, 1fr)
        auto;

    align-items: center;

    min-height: 6.2rem;

    gap: 1.5rem;

    padding:
        1.2rem
        1.5rem;

    border-right:
        1px
        solid
        var(--ink);

    border-bottom:
        1px
        solid
        var(--ink);

    text-decoration: none;

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

.industry-entry > span {
    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 700;
}

.industry-entry strong {
    font-family: var(--font-display);
    font-size:
        clamp(1.15rem, 2vw, 1.7rem);

    line-height: 1;
    text-transform: uppercase;
}

.industry-entry small {
    color:
        rgba(25, 27, 29, 0.62);

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

    letter-spacing: 0.04em;
    text-align: right;
    text-transform: uppercase;
}

.industry-entry:hover,
.industry-entry:focus-visible {
    background: var(--ink);
    color: var(--paper-light);
}

.industry-entry:hover small,
.industry-entry:focus-visible small {
    color:
        rgba(245, 240, 230, 0.65);
}

.industry-entry--all {
    background: var(--correction-red);
    color: var(--paper-light);
}

.industry-entry--all small {
    color:
        rgba(245, 240, 230, 0.68);
}


/* ==========================================================================
   Pricing Preview
   ========================================================================== */

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

.home-pricing__top {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(18rem, 0.55fr);

    align-items: end;

    gap:
        clamp(3rem, 8vw, 8rem);

    margin-bottom:
        clamp(4rem, 8vw, 7rem);
}

.home-pricing__top h2 {
    max-width: 12ch;

    margin-bottom: 0;
}

.home-pricing__top > p {
    margin-bottom: 0;

    color: var(--text-muted);
}

.home-pricing__folders {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    align-items: start;

    gap:
        clamp(1.5rem, 3vw, 2.5rem);
}

.price-folder {
    position: relative;

    padding-top: 2.3rem;
}

.price-folder__tab {
    position: absolute;
    top: 0;
    left: 0;

    min-width: 9rem;

    padding:
        0.7rem
        1rem;

    border:
        1px
        solid
        var(--rule-strong);

    border-bottom: 0;

    background: var(--manila);

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

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.price-folder__body {
    position: relative;

    min-height: 33rem;

    padding:
        2.1rem
        1.8rem;

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--paper);

    box-shadow:
        0.5rem
        0.5rem
        0
        rgba(25, 27, 29, 0.08);
}

.price-folder--featured {
    transform: translateY(-1.5rem);
}

.price-folder--featured .price-folder__tab {
    background: var(--ledger-blue);
    color: var(--paper-light);
}

.price-folder--featured .price-folder__body {
    border:
        3px
        solid
        var(--ledger-blue);
}

.price-folder__body > .status-stamp {
    position: absolute;
    top: 1.4rem;
    right: 1.3rem;
}

.price-folder__body .utility {
    margin-bottom: 1rem;
}

.price-folder__body h3 {
    min-height: 2.05em;

    margin-bottom: 1.3rem;
}

.price-folder__body > p:not(.utility) {
    min-height: 6.5rem;

    color: var(--text-muted);
}

.price-folder__body ul {
    margin:
        2rem
        0
        4.5rem;

    padding: 0;

    border-top:
        1px
        solid
        var(--rule-strong);

    list-style: none;
}

.price-folder__body li {
    padding:
        0.75rem
        0;

    border-bottom:
        1px
        solid
        var(--rule);

    font-size: 0.9rem;
}

.price-folder__body li::before {
    content: "[x]";

    margin-right: 0.65rem;

    color: var(--ledger-blue);

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

.price-folder__body > a {
    position: absolute;
    right: 1.8rem;
    bottom: 1.8rem;
    left: 1.8rem;

    padding-top: 1rem;

    border-top:
        2px
        solid
        var(--ink);

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

    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
}

.price-folder__body > a:hover {
    color: var(--correction-red);
}


/* ==========================================================================
   Proof
   ========================================================================== */

.home-proof {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--ledger-blue);
    color: var(--paper-light);
}

.home-proof__grid {
    display: grid;

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

.home-proof__quote {
    padding:
        clamp(4rem, 8vw, 7rem)
        clamp(2rem, 6vw, 6rem)
        clamp(4rem, 8vw, 7rem)
        0;

    border-right:
        1px
        solid
        var(--rule-light);
}

.home-proof__quote .utility {
    color: var(--manila-light);
}

.home-proof blockquote {
    max-width: 15ch;

    margin:
        2rem
        0
        2.5rem;

    color: var(--paper-light);

    font-family: var(--font-display);
    font-size:
        clamp(2.4rem, 4.5vw, 4.5rem);

    letter-spacing: -0.045em;
    line-height: 0.94;
    text-transform: uppercase;
}

.home-proof__quote > p:last-child {
    margin-bottom: 0;

    font-family: var(--font-mono);
    font-size: 0.7rem;

    text-transform: uppercase;
}

.home-proof__quote > p:last-child strong,
.home-proof__quote > p:last-child span {
    display: block;
}

.home-proof__quote > p:last-child span {
    margin-top: 0.25rem;

    color:
        rgba(245, 240, 230, 0.62);
}

.home-proof__numbers {
    display: grid;

    align-content: center;

    padding:
        clamp(3rem, 6vw, 5rem);

    gap: 2rem;
}

.home-proof__numbers > div {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr);

    align-items: center;

    gap: 1.5rem;

    padding-bottom: 2rem;

    border-bottom:
        1px
        solid
        var(--rule-light);
}

.home-proof__numbers strong {
    color: var(--highlighter);

    font-family: var(--font-display);
    font-size:
        clamp(3rem, 5vw, 5rem);

    letter-spacing: -0.06em;
    line-height: 0.8;
}

.home-proof__numbers span {
    max-width: 10rem;

    font-size: 0.9rem;
}

.home-proof__numbers > .utility {
    margin-bottom: 0;

    color:
        rgba(245, 240, 230, 0.52);
}


/* ==========================================================================
   FAQ
   ========================================================================== */

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

.home-faq__heading {
    margin-bottom:
        clamp(3rem, 5vw, 4.5rem);
}

.home-faq__heading h2 {
    margin-bottom: 0;
}

.home-faq__list {
    border-top:
        4px
        solid
        var(--ink);
}

.home-faq details {
    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.home-faq summary {
    position: relative;

    padding:
        1.6rem
        4rem
        1.6rem
        0;

    font-family: var(--font-display);
    font-size:
        clamp(1.35rem, 2.6vw, 2rem);

    line-height: 1.05;
    text-transform: uppercase;

    cursor: pointer;

    list-style: none;
}

.home-faq summary::-webkit-details-marker {
    display: none;
}

.home-faq summary::after {
    content: "+";

    position: absolute;
    top: 50%;
    right: 0;

    width: 2.25rem;
    height: 2.25rem;

    display: grid;
    place-items: center;

    transform: translateY(-50%);

    border:
        2px
        solid
        var(--ink);

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

.home-faq details[open] summary::after {
    content: "-";

    background: var(--highlighter);
}

.home-faq details p {
    max-width: 48rem;

    margin-bottom: 0;

    padding:
        0
        0
        1.8rem;

    color: var(--text-muted);
}

.home-faq__link {
    display: inline-block;

    margin-top: 2rem;

    padding-bottom: 0.3rem;

    border-bottom:
        2px
        solid
        var(--ink);

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

    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
}

.home-faq__link:hover {
    border-color: var(--correction-red);

    color: var(--correction-red);
}


/* ==========================================================================
   Closing CTA
   ========================================================================== */

.home-closing {
    position: relative;
    overflow: hidden;

    border-top:
        4px
        solid
        var(--ink);

    background: var(--correction-red);
    color: var(--paper-light);
}

.home-closing::after {
    content: "PAID";

    position: absolute;
    right: -0.03em;
    bottom: -0.18em;

    color:
        rgba(245, 240, 230, 0.08);

    font-family: var(--font-display);
    font-size:
        clamp(10rem, 25vw, 24rem);

    letter-spacing: -0.08em;
    line-height: 0.7;
}

.home-closing__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    min-height:
        clamp(26rem, 45vw, 36rem);

    gap:
        clamp(4rem, 8vw, 8rem);

    padding-block:
        clamp(4rem, 8vw, 7rem);
}

.home-closing .eyebrow {
    color: var(--paper-light);
}

.home-closing h2 {
    max-width: 10ch;

    margin-bottom: 1.5rem;

    color: var(--paper-light);
}

.home-closing__grid > div:first-child > p:last-child {
    margin-bottom: 0;

    color:
        rgba(245, 240, 230, 0.78);

    font-size: 1.1rem;
}

.home-closing__action {
    display: grid;
    justify-items: start;

    min-width: 17rem;

    gap: 1.4rem;
}

.home-closing__action .status-stamp {
    color: var(--paper-light);
}

.home-closing__action small {
    color:
        rgba(245, 240, 230, 0.72);
}


/* ==========================================================================
   Homepage Responsive
   ========================================================================== */

@media (max-width: 1100px) {
    .home-hero__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(21rem, 0.8fr);

        gap: 3rem;
    }

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

    .service-file:nth-child(2) {
        border-right: 0;
    }

    .service-file:nth-child(-n + 2) {
        border-bottom:
            1px
            solid
            var(--rule-light);
    }

    .home-process__intro {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1.4fr);
    }

    .home-process__intro > p {
        grid-column: 2;
    }

    .industry-entry {
        grid-template-columns:
            3rem
            minmax(0, 1fr);
    }

    .industry-entry small {
        grid-column: 2;

        text-align: left;
    }
}

@media (max-width: 860px) {
    .home-hero__grid {
        grid-template-columns: 1fr;

        min-height: auto;
    }

    .home-hero__content {
        max-width: 44rem;
    }

    .home-hero__content h1 {
        max-width: 9ch;
    }

    .home-hero__document {
        max-width: 38rem;

        margin-inline: auto;
    }

    .home-cleanup__heading,
    .home-industries__heading,
    .home-pricing__top {
        grid-template-columns: 1fr;

        gap: 1.5rem;
    }

    .home-cleanup__heading h2,
    .home-industries__heading h2,
    .home-pricing__top h2 {
        max-width: 12ch;
    }

    .home-statement__inner {
        grid-template-columns:
            1fr
            auto;

        gap: 2rem;
    }

    .home-statement__inner > .utility {
        grid-column: 1 / -1;
    }

    .home-process__intro {
        grid-template-columns: 1fr;

        gap: 1.5rem;
    }

    .home-process__intro > p {
        grid-column: auto;
    }

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

    .home-pricing__folders {
        grid-template-columns: 1fr;

        gap: 3.5rem;
    }

    .price-folder {
        max-width: 42rem;

        margin-inline: auto;
    }

    .price-folder--featured {
        transform: none;
    }

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

    .home-proof__quote {
        padding-right: 0;

        border-right: 0;
        border-bottom:
            1px
            solid
            var(--rule-light);
    }

    .home-proof__numbers {
        padding-inline: 0;
    }

    .home-closing__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }
}

@media (max-width: 640px) {
    .home-hero::before {
        display: none;
    }

    .home-hero__grid {
        padding-block:
            3.5rem
            4.5rem;
    }

    .home-hero__content h1 {
        font-size:
            clamp(3rem, 15vw, 4.6rem);
    }

    .home-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .home-hero__actions .button {
        width: 100%;
    }

    .home-hero__text-link {
        align-self: flex-start;
    }

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

    .home-hero__facts div {
        padding:
            0.9rem
            0;

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

    .home-hero__facts div:last-child {
        border-bottom: 0;
    }

    .home-hero__document {
        width:
            calc(100% - 0.75rem);
    }

    .home-hero__document::before {
        right: -0.7rem;
        bottom: -0.7rem;
    }

    .home-hero__paper {
        min-height: 34rem;

        padding:
            1.4rem
            1.1rem;
    }

    .home-hero__paper::before {
        left: 2.2rem;
    }

    .home-hero__paper-head {
        flex-direction: column;
    }

    .receipt {
        width: 84%;
    }

    .home-hero__bottom {
        align-items: flex-start;
        flex-direction: column;

        gap: 0.6rem;
    }

    .home-hero__bottom strong {
        text-align: left;
    }

    .home-cleanup__row {
        grid-template-columns: 1fr;

        padding-block: 0.35rem;
    }

    .home-cleanup__row > * {
        padding:
            0.5rem
            0;

        border-right: 0;
    }

    .home-cleanup__row--head {
        display: none;
    }

    .home-cleanup__row > span:first-child {
        padding-top: 1rem;

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

        text-transform: uppercase;
    }

    .home-cleanup__row > span:nth-child(2)::before {
        content: "Action: ";

        color: var(--text-muted);

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

        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .home-cleanup__row strong {
        padding-bottom: 1rem;
    }

    .home-services__top {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .service-file,
    .service-file:nth-child(2) {
        border-right: 0;
        border-bottom:
            1px
            solid
            var(--rule-light);
    }

    .service-file:last-child {
        border-bottom: 0;
    }

    .service-file {
        min-height: 23rem;
    }

    .home-statement__inner {
        grid-template-columns: 1fr;

        min-height: 22rem;
    }

    .home-statement__quote {
        max-width: 11ch;
    }

    .home-process__steps li {
        grid-template-columns: 1fr;

        gap: 1.5rem;
    }

    .home-process__number {
        font-size: 3.6rem;
    }

    .industry-entry {
        grid-template-columns:
            2rem
            minmax(0, 1fr);

        gap:
            0.8rem
            1rem;

        padding-inline: 1rem;
    }

    .industry-entry strong {
        font-size: 1.25rem;
    }

    .price-folder__body {
        min-height: 0;

        padding:
            1.7rem
            1.25rem
            5.5rem;
    }

    .price-folder__body > p:not(.utility) {
        min-height: 0;
    }

    .price-folder__body h3 {
        min-height: 0;
    }

    .price-folder__body > .status-stamp {
        position: static;

        margin-bottom: 1rem;
    }

    .price-folder__body > a {
        right: 1.25rem;
        bottom: 1.5rem;
        left: 1.25rem;
    }

    .home-proof__numbers > div {
        grid-template-columns:
            5.5rem
            minmax(0, 1fr);
    }

    .home-faq summary {
        padding-right: 3.2rem;
    }

    .home-closing__action {
        min-width: 0;
    }

    .home-closing__action .button {
        width: 100%;
    }
}


/* ==========================================================================
   Homepage Print Cleanup
   ========================================================================== */

@media print {
    .home-hero,
    .home-cleanup,
    .home-services,
    .home-statement,
    .home-process,
    .home-industries,
    .home-pricing,
    .home-proof,
    .home-faq,
    .home-closing {
        break-inside: avoid;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TYPOGRAPHY REFINEMENT
   ========================================================================== */

:root {
    --font-display:
        "Archivo",
        Arial,
        sans-serif;
}

h1,
h2,
h3 {
    font-family: var(--font-display);
    font-weight: 800;

    letter-spacing: -0.022em;
}

h1 {
    font-size:
        clamp(3.35rem, 6.2vw, 6.25rem);

    line-height: 0.92;
}

h2 {
    font-size:
        clamp(2.5rem, 4.5vw, 4.4rem);

    line-height: 0.94;
}

h3 {
    font-size:
        clamp(1.55rem, 2.6vw, 2.25rem);

    line-height: 1;
}

.site-logo {
    font-family: var(--font-display);
    font-weight: 900;

    line-height: 0.82;
}

.home-hero__content h1 {
    letter-spacing: -0.028em;
}

.home-statement__quote,
.home-proof blockquote {
    font-weight: 800;

    letter-spacing: -0.03em;
}

@media (max-width: 640px) {
    .home-hero__content h1 {
        font-size:
            clamp(2.9rem, 13vw, 4.2rem);

        line-height: 0.93;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CLEANUP HEADING FIX
   ========================================================================== */

.home-cleanup__heading h2 {
    max-width: 16ch;

    font-size:
        clamp(2.45rem, 4.15vw, 4rem);

    line-height: 0.96;

    letter-spacing: -0.02em;
}

@media (max-width: 860px) {
    .home-cleanup__heading h2 {
        max-width: 15ch;
    }
}

@media (max-width: 640px) {
    .home-cleanup__heading h2 {
        max-width: 12ch;

        font-size:
            clamp(2.35rem, 11vw, 3.5rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CLEANUP PROBLEM HEADER FIX
   ========================================================================== */

.home-cleanup__row--head > *:first-child {
    padding-left: 1.25rem;
}
/* ==========================================================================
   MIND YOUR BUSINESS - SHOEBOX EDITORIAL PHOTO
   ========================================================================== */

.home-shoebox-photo {
    position: relative;

    margin: 0;

    overflow: hidden;

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--ink);
}

.home-shoebox-photo img {
    width: 100%;
    height:
        clamp(26rem, 52vw, 44rem);

    object-fit: cover;
    object-position: center 52%;

    filter:
        saturate(0.9)
        contrast(1.04);
}

.home-shoebox-photo::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.68) 0%,
            rgba(25, 27, 29, 0.26) 32%,
            rgba(25, 27, 29, 0.06) 58%,
            rgba(25, 27, 29, 0.16) 100%
        );
}

.home-shoebox-photo__caption {
    position: absolute;
    bottom:
        clamp(1.5rem, 4vw, 3.5rem);
    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(30rem, calc(100% - (var(--gutter) * 2)));

    padding:
        1.25rem
        1.35rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(25, 27, 29, 0.9);

    color: var(--paper-light);

    backdrop-filter: blur(3px);
}

.home-shoebox-photo__caption .utility {
    display: block;

    margin-bottom: 0.45rem;

    color: var(--manila-light);
}

.home-shoebox-photo__caption strong {
    display: block;

    max-width: 20ch;

    font-family: var(--font-display);
    font-size:
        clamp(1.8rem, 3.4vw, 3.2rem);
    font-weight: 800;

    letter-spacing: -0.025em;
    line-height: 0.96;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .home-shoebox-photo img {
        height: 30rem;

        object-position: 60% center;
    }

    .home-shoebox-photo__caption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        width: auto;

        padding:
            1rem
            1.05rem;
    }

    .home-shoebox-photo__caption strong {
        font-size:
            clamp(1.65rem, 8vw, 2.4rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - WORKSPACE FEATURE
   ========================================================================== */

.home-workspace-feature {
    padding-block:
        clamp(4.5rem, 8vw, 8rem);

    border-top:
        1px
        solid
        var(--rule-strong);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--paper);
}

.home-workspace-feature__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(22rem, 0.65fr);

    align-items: stretch;

    gap:
        clamp(2.5rem, 6vw, 6rem);
}

.home-workspace-feature__image {
    position: relative;

    min-height:
        clamp(32rem, 48vw, 44rem);

    overflow: hidden;

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--ink);
}

.home-workspace-feature__image img {
    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03);
}

.home-workspace-feature__figure {
    position: absolute;
    right: 1rem;
    bottom: 1rem;

    padding:
        0.55rem
        0.7rem;

    background:
        rgba(25, 27, 29, 0.9);

    color: var(--paper-light);
}

.home-workspace-feature__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding-block:
        clamp(1rem, 3vw, 2.5rem);
}

.home-workspace-feature__content h2 {
    max-width: 8ch;

    margin-bottom: 1.5rem;
}

.home-workspace-feature__content > p:not(.eyebrow) {
    max-width: 31rem;

    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);

    color: var(--text-muted);

    font-size: 1.05rem;
}

.home-workspace-feature__status {
    margin:
        0
        0
        2.5rem;

    border-top:
        3px
        solid
        var(--ink);
}

.home-workspace-feature__status div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 1rem;

    min-height: 4.25rem;

    padding:
        0.8rem
        0;

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

.home-workspace-feature__status dt {
    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;

    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.home-workspace-feature__status dd {
    margin: 0;

    color: var(--ledger-blue);

    font-weight: 800;

    text-align: right;
}

.home-workspace-feature__status div:last-child dd {
    color: var(--correction-red);
}

.home-workspace-feature__content .status-stamp {
    align-self: flex-start;
}

@media (max-width: 900px) {
    .home-workspace-feature__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }

    .home-workspace-feature__image {
        min-height:
            clamp(27rem, 65vw, 38rem);
    }

    .home-workspace-feature__content {
        max-width: 42rem;

        padding-block: 0;
    }

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

@media (max-width: 640px) {
    .home-workspace-feature {
        padding-block:
            3.5rem;
    }

    .home-workspace-feature__image {
        min-height: 25rem;
    }

    .home-workspace-feature__image img {
        object-position: 58% center;
    }

    .home-workspace-feature__figure {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;

        text-align: center;
    }

    .home-workspace-feature__status div {
        grid-template-columns: 1fr;

        gap: 0.2rem;

        padding-block: 0.9rem;
    }

    .home-workspace-feature__status dd {
        text-align: left;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TAX SEASON FEATURE
   ========================================================================== */

.home-tax-feature {
    position: relative;
    overflow: hidden;

    padding-block:
        clamp(4.5rem, 8vw, 8rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.home-tax-feature::before {
    content: "APR 15";

    position: absolute;
    top: 50%;
    left: -0.05em;

    transform:
        translateY(-50%)
        rotate(-90deg);

    color:
        rgba(184, 68, 56, 0.055);

    font-family: var(--font-display);
    font-size:
        clamp(8rem, 20vw, 18rem);
    font-weight: 900;

    letter-spacing: -0.07em;
    line-height: 0.8;
    white-space: nowrap;
}

.home-tax-feature__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(22rem, 0.72fr)
        minmax(0, 1.2fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.home-tax-feature__content {
    padding-left:
        clamp(0rem, 2vw, 2rem);
}

.home-tax-feature__content h2 {
    max-width: 10ch;

    margin-bottom: 1.5rem;
}

.home-tax-feature__content > p:not(.eyebrow) {
    max-width: 31rem;

    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);

    color: var(--text-muted);

    font-size: 1.05rem;
}

.home-tax-feature__memo {
    position: relative;

    max-width: 30rem;

    margin-bottom: 2rem;

    padding:
        1.4rem
        1.5rem;

    border:
        1px
        solid
        var(--rule-strong);

    border-left:
        5px
        solid
        var(--correction-red);

    background: var(--manila-light);

    box-shadow:
        0.4rem
        0.4rem
        0
        rgba(25, 27, 29, 0.08);

    transform: rotate(-0.8deg);
}

.home-tax-feature__memo::before {
    content: "";

    position: absolute;
    top: -0.35rem;
    left: 2.5rem;

    width: 3.5rem;
    height: 0.8rem;

    background:
        rgba(227, 212, 74, 0.72);

    transform: rotate(2deg);
}

.home-tax-feature__memo .utility {
    display: block;

    margin-bottom: 0.7rem;

    color: var(--correction-red);
}

.home-tax-feature__memo strong {
    display: block;

    font-family: var(--font-display);
    font-size:
        clamp(1.3rem, 2vw, 1.85rem);
    font-weight: 800;

    letter-spacing: -0.02em;
    line-height: 1.05;
    text-transform: uppercase;
}

.home-tax-feature__content > .status-stamp {
    color: var(--correction-red);
}

.home-tax-feature__image {
    position: relative;

    min-height:
        clamp(32rem, 48vw, 44rem);

    margin: 0;

    overflow: hidden;

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--ink);

    box-shadow:
        -0.75rem
        0.75rem
        0
        var(--manila);
}

.home-tax-feature__image img {
    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.04);
}

.home-tax-feature__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;

    padding:
        0.55rem
        0.7rem;

    background:
        rgba(25, 27, 29, 0.9);

    color: var(--paper-light);
}

@media (max-width: 900px) {
    .home-tax-feature__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }

    .home-tax-feature__content {
        max-width: 42rem;

        padding-left: 0;
    }

    .home-tax-feature__content h2 {
        max-width: 12ch;
    }

    .home-tax-feature__image {
        min-height:
            clamp(28rem, 66vw, 38rem);
    }
}

@media (max-width: 640px) {
    .home-tax-feature {
        padding-block: 3.5rem;
    }

    .home-tax-feature::before {
        display: none;
    }

    .home-tax-feature__memo {
        padding:
            1.2rem
            1.1rem;
    }

    .home-tax-feature__image {
        min-height: 26rem;

        box-shadow:
            -0.45rem
            0.45rem
            0
            var(--manila);
    }

    .home-tax-feature__image img {
        object-position: 58% center;
    }

    .home-tax-feature__image figcaption {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;

        text-align: center;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TAX IMAGE FILL FIX
   ========================================================================== */

.home-tax-feature__image {
    min-height: 0;

    aspect-ratio: 4 / 3;
}

.home-tax-feature__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

.home-tax-feature__image figcaption {
    z-index: 2;
}

@media (max-width: 900px) {
    .home-tax-feature__image {
        min-height: 0;

        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 640px) {
    .home-tax-feature__image {
        min-height: 0;

        aspect-ratio: 4 / 3;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CLIENT REVIEW FEATURE
   ========================================================================== */

.home-client-review {
    position: relative;
    overflow: hidden;

    padding-block:
        clamp(4.5rem, 8vw, 8rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--ledger-blue-dark);
    color: var(--paper-light);
}

.home-client-review::before {
    content: "REVIEWED";

    position: absolute;
    right: -0.04em;
    bottom: -0.12em;

    color:
        rgba(245, 240, 230, 0.035);

    font-family: var(--font-display);
    font-size:
        clamp(8rem, 19vw, 18rem);
    font-weight: 900;

    letter-spacing: -0.07em;
    line-height: 0.75;
    white-space: nowrap;
}

.home-client-review__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(22rem, 0.72fr)
        minmax(0, 1.18fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.home-client-review__content {
    max-width: 35rem;

    padding:
        clamp(2rem, 4vw, 3.5rem);

    border:
        1px
        solid
        rgba(245, 240, 230, 0.22);

    background: var(--paper);

    color: var(--ink);

    box-shadow:
        0.75rem
        0.75rem
        0
        var(--manila);
}

.home-client-review__content .eyebrow {
    color: var(--ledger-blue);
}

.home-client-review__content h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    color: var(--ink);
}

.home-client-review__content > p:not(.eyebrow) {
    margin-bottom:
        clamp(2rem, 4vw, 3rem);

    color: var(--text-muted);

    font-size: 1.05rem;
}

.home-client-review__note {
    position: relative;

    margin-bottom: 2.2rem;

    padding:
        1.25rem
        1.35rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background: var(--ink);

    color: var(--paper-light);
}

.home-client-review__note::after {
    content: "PLAIN ENGLISH";

    position: absolute;
    top: -0.7rem;
    right: 0.8rem;

    padding:
        0.25rem
        0.45rem;

    border:
        2px
        solid
        var(--correction-red);

    background: var(--paper);

    color: var(--correction-red);

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

    letter-spacing: 0.06em;
    text-transform: uppercase;

    transform: rotate(2deg);
}

.home-client-review__note .utility {
    display: block;

    margin-bottom: 0.65rem;

    color: var(--manila-light);
}

.home-client-review__note strong {
    display: block;

    font-family: var(--font-display);
    font-size:
        clamp(1.2rem, 2vw, 1.7rem);
    font-weight: 800;

    letter-spacing: -0.02em;
    line-height: 1.08;
    text-transform: uppercase;
}

.home-client-review__image {
    position: relative;

    margin: 0;

    aspect-ratio: 4 / 3;

    overflow: hidden;

    border:
        1px
        solid
        rgba(245, 240, 230, 0.25);

    background: var(--ink);

    box-shadow:
        -0.75rem
        0.75rem
        0
        rgba(215, 184, 112, 0.95);
}

.home-client-review__image::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 58%,
            rgba(25, 27, 29, 0.48) 100%
        );
}

.home-client-review__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.92)
        contrast(1.03);
}

.home-client-review__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;

    padding:
        0.55rem
        0.7rem;

    background:
        rgba(25, 27, 29, 0.92);

    color: var(--paper-light);
}

@media (max-width: 900px) {
    .home-client-review__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }

    .home-client-review__content {
        max-width: 42rem;
    }

    .home-client-review__image {
        width: 100%;

        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 640px) {
    .home-client-review {
        padding-block: 3.5rem;
    }

    .home-client-review::before {
        display: none;
    }

    .home-client-review__content {
        padding:
            1.5rem
            1.25rem;

        box-shadow:
            0.45rem
            0.45rem
            0
            var(--manila);
    }

    .home-client-review__content h2 {
        max-width: 12ch;
    }

    .home-client-review__note {
        padding:
            1.15rem
            1rem;
    }

    .home-client-review__image {
        box-shadow:
            -0.45rem
            0.45rem
            0
            rgba(215, 184, 112, 0.95);
    }

    .home-client-review__image img {
        object-position: 63% center;
    }

    .home-client-review__image figcaption {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;

        text-align: center;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CLIENT REVIEW REDESIGN
   ========================================================================== */

.home-client-review {
    position: relative;

    min-height:
        clamp(38rem, 62vw, 52rem);

    padding: 0;

    overflow: hidden;

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.home-client-review::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(245, 240, 230, 1) 0%,
            rgba(245, 240, 230, 0.98) 25%,
            rgba(245, 240, 230, 0.88) 38%,
            rgba(245, 240, 230, 0.48) 50%,
            rgba(245, 240, 230, 0.06) 68%,
            rgba(245, 240, 230, 0) 100%
        );
}

.home-client-review__grid {
    position: relative;

    display: block;

    width: 100%;
    max-width: none;
    min-height:
        clamp(38rem, 62vw, 52rem);

    margin: 0;
}

.home-client-review__image {
    position: absolute;
    inset: 0;
    z-index: 1;

    width: 100%;
    height: 100%;

    margin: 0;

    aspect-ratio: auto;

    overflow: hidden;

    border: 0;

    background: var(--paper);

    box-shadow: none;
}

.home-client-review__image::after {
    display: none;
}

.home-client-review__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 48%;

    filter:
        saturate(0.9)
        contrast(1.02);
}

.home-client-review__content {
    position: relative;
    z-index: 3;

    display: flex;
    flex-direction: column;
    justify-content: center;

    width:
        min(42rem, 46vw);

    min-height:
        clamp(38rem, 62vw, 52rem);

    margin-left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    padding:
        clamp(4rem, 7vw, 7rem)
        0;

    border: 0;

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

    box-shadow: none;
}

.home-client-review__content .eyebrow {
    margin-bottom: 1.1rem;

    color: var(--ledger-blue);
}

.home-client-review__content h2 {
    max-width: 13ch;

    margin-bottom: 1.6rem;

    color: var(--ink);

    font-size:
        clamp(2.8rem, 4.5vw, 4.7rem);

    line-height: 0.94;
}

.home-client-review__content > p:not(.eyebrow) {
    max-width: 35rem;

    margin-bottom: 2.5rem;

    color: var(--text);

    font-size:
        clamp(1rem, 1.4vw, 1.12rem);

    line-height: 1.65;
}

.home-client-review__note {
    position: relative;

    max-width: 32rem;

    margin-bottom: 2rem;

    padding:
        1.2rem
        1.25rem
        1.2rem
        1.25rem;

    border-top:
        2px
        solid
        var(--ink);

    border-bottom:
        1px
        solid
        var(--rule-strong);

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.94);

    color: var(--ink);

    box-shadow:
        0 0 0 1px rgba(25, 27, 29, 0.08);
}

.home-client-review__note::after {
    display: none;
}

.home-client-review__note .utility {
    display: block;

    margin-bottom: 0.55rem;

    color: var(--correction-red);
}

.home-client-review__note strong {
    display: block;

    max-width: 25ch;

    color: var(--ink);

    font-family: var(--font-display);
    font-size:
        clamp(1.2rem, 1.7vw, 1.55rem);
    font-weight: 800;

    letter-spacing: -0.015em;
    line-height: 1.08;
    text-transform: uppercase;
}

.home-client-review__content .button {
    align-self: flex-start;
}

.home-client-review__image figcaption {
    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom: 1.5rem;
    left: auto;
    z-index: 4;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.9);

    color: var(--paper-light);

    text-align: left;
}

@media (max-width: 900px) {
    .home-client-review {
        min-height: auto;
    }

    .home-client-review::before {
        background:
            linear-gradient(
                180deg,
                rgba(245, 240, 230, 1) 0%,
                rgba(245, 240, 230, 0.96) 42%,
                rgba(245, 240, 230, 0.32) 68%,
                rgba(245, 240, 230, 0) 100%
            );
    }

    .home-client-review__grid {
        min-height: 52rem;
    }

    .home-client-review__content {
        width:
            min(
                calc(100% - (var(--gutter) * 2)),
                40rem
            );

        min-height: auto;

        margin:
            0
            auto;

        padding:
            4rem
            0
            20rem;
    }

    .home-client-review__content h2 {
        max-width: 12ch;
    }

    .home-client-review__image img {
        object-position: 62% center;
    }
}

@media (max-width: 640px) {
    .home-client-review__grid {
        min-height: 50rem;
    }

    .home-client-review__content {
        padding:
            3.5rem
            0
            18rem;
    }

    .home-client-review__content h2 {
        font-size:
            clamp(2.45rem, 11vw, 3.5rem);
    }

    .home-client-review__note {
        padding-left: 1rem;
    }

    .home-client-review__image img {
        object-position: 68% center;
    }

    .home-client-review__image figcaption {
        right: var(--gutter);
        bottom: 0.8rem;
        left: var(--gutter);

        text-align: center;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - SERVICES PAGE
   ========================================================================== */


/* ==========================================================================
   Services Hero
   ========================================================================== */

.services-hero {
    position: relative;
    overflow: hidden;

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        linear-gradient(
            90deg,
            rgba(49, 95, 120, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(49, 95, 120, 0.07) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size:
        3rem 3rem;
}

.services-hero::before {
    content: "SERVICES";

    position: absolute;
    right: -0.04em;
    bottom: 3rem;

    color:
        rgba(25, 27, 29, 0.035);

    font-family: var(--font-display);
    font-size:
        clamp(7rem, 18vw, 18rem);
    font-weight: 900;

    letter-spacing: -0.07em;
    line-height: 0.75;

    pointer-events: none;
}

.services-hero__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(22rem, 0.58fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);

    min-height:
        clamp(38rem, 66vw, 50rem);

    padding-block:
        clamp(4.5rem, 8vw, 7rem);
}

.services-hero__content {
    max-width: 48rem;
}

.services-hero__content h1 {
    max-width: 11ch;

    margin-bottom: 1.7rem;

    font-size:
        clamp(3.2rem, 5.9vw, 5.8rem);

    line-height: 0.92;
}

.services-hero__intro {
    max-width: 40rem;

    margin-bottom: 2rem;

    color: var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.25rem);

    line-height: 1.6;
}

.services-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 1.3rem;
}

.services-hero__text-link {
    padding-bottom: 0.25rem;

    border-bottom:
        2px
        solid
        var(--ink);

    font-weight: 800;

    text-decoration: none;

    transition:
        color var(--ease),
        border-color var(--ease);
}

.services-hero__text-link:hover {
    border-color: var(--correction-red);

    color: var(--correction-red);
}


/* ==========================================================================
   Services Hero Docket
   ========================================================================== */

.services-hero__docket {
    position: relative;

    padding:
        clamp(1.5rem, 3vw, 2.25rem);

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--paper-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--manila);
}

.services-hero__docket::before {
    content: "";

    position: absolute;
    top: -1.15rem;
    left: 2.5rem;

    width: 5rem;
    height: 1.5rem;

    background:
        rgba(227, 212, 74, 0.72);

    transform: rotate(-2deg);
}

.services-hero__docket-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 1rem;

    padding-bottom: 1.3rem;

    border-bottom:
        3px
        solid
        var(--ink);
}

.services-hero__docket-list {
    margin: 0;
}

.services-hero__docket-list div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 1rem;

    padding:
        1rem
        0;

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

.services-hero__docket-list dt {
    font-family: var(--font-mono);
    font-size: 0.66rem;
    font-weight: 700;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.services-hero__docket-list dd {
    margin: 0;

    color: var(--ledger-blue);

    font-weight: 800;
}

.services-hero__docket-note {
    margin:
        1.5rem
        0
        0;

    padding:
        1rem;

    border-left:
        4px
        solid
        var(--correction-red);

    background:
        rgba(184, 68, 56, 0.07);
}

.services-hero__docket-note .utility {
    display: block;

    margin-bottom: 0.35rem;

    color: var(--correction-red);
}


/* ==========================================================================
   Services Jump Navigation
   ========================================================================== */

.services-jump {
    position: relative;
    z-index: 3;

    border-top:
        3px
        solid
        var(--ink);

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

.services-jump__inner {
    display: flex;
    align-items: center;

    gap:
        clamp(2rem, 5vw, 5rem);

    min-height: 4.2rem;
}

.services-jump__inner > .utility {
    flex: 0 0 auto;

    color: var(--highlighter);
}

.services-jump nav {
    display: flex;
    flex-wrap: wrap;

    gap:
        0.8rem
        2rem;
}

.services-jump a {
    color: var(--paper-light);

    font-size: 0.82rem;
    font-weight: 800;

    text-decoration: none;
}

.services-jump a:hover,
.services-jump a:focus-visible {
    color: var(--highlighter);
}


/* ==========================================================================
   Service Ledger
   ========================================================================== */

.services-ledger {
    background: var(--paper-light);
}

.services-ledger__heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(18rem, 0.55fr);

    align-items: end;

    gap:
        clamp(3rem, 8vw, 8rem);

    margin-bottom:
        clamp(3rem, 5vw, 5rem);
}

.services-ledger__heading h2 {
    max-width: 12ch;

    margin-bottom: 0;
}

.services-ledger__heading > p {
    margin-bottom: 0;

    color: var(--text-muted);

    font-size: 1.05rem;
}

.services-ledger__table {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);
}

.services-ledger__row {
    display: grid;

    grid-template-columns:
        minmax(12rem, 0.72fr)
        minmax(0, 1fr)
        minmax(10rem, 0.42fr);

    align-items: center;

    min-height: 5.5rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.services-ledger__row:last-child {
    border-bottom: 0;
}

.services-ledger__row > * {
    padding:
        1rem
        1.25rem;

    border-right:
        1px
        solid
        var(--rule);
}

.services-ledger__row > *:first-child {
    padding-left: 1.25rem;
}

.services-ledger__row > *:last-child {
    border-right: 0;
}

.services-ledger__row > strong {
    font-family: var(--font-display);
    font-size:
        clamp(1.05rem, 1.8vw, 1.4rem);

    line-height: 1;
    text-transform: uppercase;
}

.services-ledger__row > span:last-child {
    color: var(--correction-red);

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

    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.services-ledger__row--head {
    min-height: 2.9rem;

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

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

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.services-ledger__row--head > * {
    border-color: var(--rule-light);
}


/* ==========================================================================
   Service Detail Files
   ========================================================================== */

.service-detail {
    padding-block:
        clamp(5rem, 9vw, 8rem);

    border-top:
        1px
        solid
        var(--rule-strong);
}

.service-detail__grid {
    display: grid;

    grid-template-columns:
        minmax(5rem, 0.2fr)
        minmax(0, 1fr)
        minmax(18rem, 0.48fr);

    align-items: start;

    gap:
        clamp(2rem, 5vw, 5rem);
}

.service-detail__number {
    color:
        rgba(25, 27, 29, 0.12);

    font-family: var(--font-display);
    font-size:
        clamp(4rem, 8vw, 7.5rem);
    font-weight: 900;

    letter-spacing: -0.07em;
    line-height: 0.8;
}

.service-detail__content {
    max-width: 48rem;
}

.service-detail__content h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;
}

.service-detail__lead {
    max-width: 38rem;

    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);

    color: var(--text-muted);

    font-size: 1.08rem;
}

.service-detail__checklist {
    border-top:
        3px
        solid
        var(--ink);
}

.service-detail__checklist div {
    display: grid;

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

    gap: 0.5rem;

    padding:
        0.9rem
        0;

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

.service-detail__checklist span {
    color: var(--ledger-blue);

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

.service-detail__memo {
    position: relative;

    margin-top: 2rem;

    padding:
        1.6rem
        1.5rem;

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--manila-light);

    box-shadow:
        0.5rem
        0.5rem
        0
        rgba(25, 27, 29, 0.08);

    transform: rotate(-0.7deg);
}

.service-detail__memo .utility {
    display: block;

    margin-bottom: 1rem;

    color: var(--correction-red);
}

.service-detail__memo strong {
    display: block;

    margin-bottom: 1.5rem;

    font-family: var(--font-display);
    font-size:
        clamp(1.45rem, 2.4vw, 2.15rem);
    font-weight: 800;

    letter-spacing: -0.025em;
    line-height: 1.03;
    text-transform: uppercase;
}


/* ==========================================================================
   Detail Variants
   ========================================================================== */

.service-detail--bookkeeping {
    background: var(--paper);
}

.service-detail--cleanup {
    background: var(--manila-light);
}

.service-detail--cleanup .service-detail__memo {
    background: var(--paper-light);
}

.service-detail--payroll {
    background: var(--ledger-blue-dark);
    color: var(--paper-light);
}

.service-detail--payroll h2 {
    color: var(--paper-light);
}

.service-detail--payroll .eyebrow {
    color: var(--manila-light);
}

.service-detail--payroll .service-detail__number {
    color:
        rgba(245, 240, 230, 0.12);
}

.service-detail--payroll .service-detail__lead {
    color:
        rgba(245, 240, 230, 0.72);
}

.service-detail--payroll .service-detail__checklist {
    border-color: var(--paper-light);
}

.service-detail--payroll .service-detail__checklist div {
    border-color: var(--rule-light);
}

.service-detail--payroll .service-detail__checklist span {
    color: var(--highlighter);
}

.service-detail--payroll .service-detail__memo {
    background: var(--paper);
    color: var(--ink);
}

.service-detail--tax {
    background: var(--paper-light);
}


/* ==========================================================================
   Services Interruption
   ========================================================================== */

.services-interruption {
    position: relative;
    overflow: hidden;

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--correction-red);
    color: var(--paper-light);
}

.services-interruption::after {
    content: "MISC.";

    position: absolute;
    right: -0.04em;
    bottom: -0.12em;

    color:
        rgba(245, 240, 230, 0.08);

    font-family: var(--font-display);
    font-size:
        clamp(7rem, 19vw, 18rem);
    font-weight: 900;

    letter-spacing: -0.08em;
    line-height: 0.75;
}

.services-interruption__inner {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(10rem, 0.32fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(2rem, 5vw, 5rem);

    min-height:
        clamp(17rem, 28vw, 23rem);

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

.services-interruption__inner > p:nth-child(2) {
    max-width: 17ch;

    margin: 0;

    font-family: var(--font-display);
    font-size:
        clamp(2.4rem, 4.5vw, 4.8rem);
    font-weight: 800;

    letter-spacing: -0.035em;
    line-height: 0.92;
    text-transform: uppercase;
}

.services-interruption .status-stamp {
    color: var(--paper-light);
}


/* ==========================================================================
   Boundaries
   ========================================================================== */

.services-boundaries {
    background: var(--paper);
}

.services-boundaries__heading {
    margin-bottom:
        clamp(3rem, 6vw, 5rem);
}

.services-boundaries__heading h2 {
    max-width: 10ch;

    margin-bottom: 0;
}

.services-boundaries__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        4px
        solid
        var(--ink);

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

.services-boundaries__grid article {
    position: relative;

    min-height: 22rem;

    padding:
        2.5rem
        1.75rem
        2rem;

    border-right:
        1px
        solid
        var(--rule-strong);
}

.services-boundaries__grid article:last-child {
    border-right: 0;
}

.services-boundaries__grid .file-label {
    position: absolute;
    top: 0;
    left: 0;
}

.services-boundaries__grid h3 {
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
}

.services-boundaries__grid p {
    color: var(--text-muted);
}


/* ==========================================================================
   Intake
   ========================================================================== */

.services-intake {
    padding-block:
        clamp(5rem, 9vw, 8rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--manila-light);
}

.services-intake__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 8vw, 8rem);
}

.services-intake__grid h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;
}

.services-intake__grid > div:first-child > p:last-child {
    color:
        rgba(25, 27, 29, 0.72);

    font-size: 1.05rem;
}

.services-intake__list {
    border-top:
        4px
        solid
        var(--ink);
}

.services-intake__list div {
    display: grid;

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

    align-items: center;

    min-height: 4.8rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.services-intake__list span {
    color: var(--correction-red);

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

.services-intake__list strong {
    font-family: var(--font-display);
    font-size:
        clamp(1.05rem, 1.8vw, 1.45rem);

    line-height: 1;
    text-transform: uppercase;
}


/* ==========================================================================
   Pricing Handoff
   ========================================================================== */

.services-pricing {
    background: var(--paper-light);
}

.services-pricing__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(20rem, 0.52fr);

    align-items: center;

    gap:
        clamp(3rem, 8vw, 8rem);
}

.services-pricing__grid h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;
}

.services-pricing__grid > div:first-child > p:last-child {
    max-width: 38rem;

    color: var(--text-muted);

    font-size: 1.05rem;
}

.services-pricing__ticket {
    position: relative;

    padding:
        2rem
        1.75rem;

    border:
        2px
        solid
        var(--ink);

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 2.1rem,
            rgba(49, 95, 120, 0.1) 2.1rem,
            rgba(49, 95, 120, 0.1) 2.15rem
        ),
        var(--paper);

    box-shadow:
        0.6rem
        0.6rem
        0
        var(--manila);
}

.services-pricing__ticket > .utility {
    display: block;

    margin-bottom: 1.5rem;

    color: var(--correction-red);
}

.services-pricing__ticket dl {
    margin:
        0
        0
        2rem;

    border-top:
        3px
        solid
        var(--ink);
}

.services-pricing__ticket dl div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 1rem;

    padding:
        0.8rem
        0;

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

.services-pricing__ticket dt {
    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;

    text-transform: uppercase;
}

.services-pricing__ticket dd {
    margin: 0;

    font-weight: 800;
}


/* ==========================================================================
   Services Closing
   ========================================================================== */

.services-closing {
    position: relative;
    overflow: hidden;

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

.services-closing::after {
    content: "READY";

    position: absolute;
    right: -0.04em;
    bottom: -0.18em;

    color:
        rgba(245, 240, 230, 0.05);

    font-family: var(--font-display);
    font-size:
        clamp(9rem, 24vw, 23rem);
    font-weight: 900;

    letter-spacing: -0.08em;
    line-height: 0.7;
}

.services-closing__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(4rem, 8vw, 8rem);

    min-height:
        clamp(25rem, 42vw, 34rem);

    padding-block:
        clamp(4rem, 7vw, 6rem);
}

.services-closing .eyebrow {
    color: var(--manila-light);
}

.services-closing h2 {
    max-width: 11ch;

    margin-bottom: 1.4rem;

    color: var(--paper-light);
}

.services-closing__grid > div:first-child > p:last-child {
    color:
        rgba(245, 240, 230, 0.72);
}

.services-closing__action {
    display: grid;
    justify-items: start;

    gap: 1.25rem;

    min-width: 18rem;
}

.services-closing__action .status-stamp {
    color: var(--paper-light);
}

.services-closing__action > .utility {
    color:
        rgba(245, 240, 230, 0.62);
}


/* ==========================================================================
   Services Responsive
   ========================================================================== */

@media (max-width: 1000px) {
    .services-hero__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(20rem, 0.55fr);

        gap: 3rem;
    }

    .service-detail__grid {
        grid-template-columns:
            5rem
            minmax(0, 1fr);
    }

    .service-detail__memo {
        grid-column: 2;

        max-width: 32rem;
    }

    .services-boundaries__grid {
        grid-template-columns: 1fr;
    }

    .services-boundaries__grid article {
        min-height: 0;

        border-right: 0;
        border-bottom:
            1px
            solid
            var(--rule-strong);
    }

    .services-boundaries__grid article:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 860px) {
    .services-hero__grid,
    .services-ledger__heading,
    .services-intake__grid,
    .services-pricing__grid {
        grid-template-columns: 1fr;
    }

    .services-hero__grid {
        min-height: auto;
    }

    .services-hero__content {
        max-width: 44rem;
    }

    .services-hero__docket {
        max-width: 38rem;
    }

    .services-jump__inner {
        align-items: flex-start;
        flex-direction: column;

        gap: 0.9rem;

        padding-block: 1rem;
    }

    .services-interruption__inner {
        grid-template-columns:
            1fr
            auto;

        gap: 1.5rem;
    }

    .services-interruption__inner > .utility {
        grid-column: 1 / -1;
    }

    .services-closing__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }
}

@media (max-width: 640px) {
    .services-hero::before {
        display: none;
    }

    .services-hero__grid {
        padding-block:
            3.5rem;
    }

    .services-hero__content h1 {
        font-size:
            clamp(2.85rem, 12vw, 4rem);

        line-height: 0.94;
    }

    .services-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .services-hero__actions .button {
        width: 100%;
    }

    .services-hero__text-link {
        align-self: flex-start;
    }

    .services-hero__docket {
        box-shadow:
            0.45rem
            0.45rem
            0
            var(--manila);
    }

    .services-jump nav {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        width: 100%;

        gap:
            0.75rem
            1rem;
    }

    .services-ledger__row--head {
        display: none;
    }

    .services-ledger__row {
        grid-template-columns: 1fr;

        padding:
            1rem
            0;
    }

    .services-ledger__row > * {
        padding:
            0.35rem
            0;

        border-right: 0;
    }

    .services-ledger__row > *:first-child {
        padding-left: 0;
    }

    .services-ledger__row > strong {
        font-size: 1.2rem;
    }

    .service-detail__grid {
        grid-template-columns: 1fr;

        gap: 1.5rem;
    }

    .service-detail__number {
        font-size: 4rem;
    }

    .service-detail__memo {
        grid-column: auto;

        margin-top: 1rem;
    }

    .services-interruption__inner {
        grid-template-columns: 1fr;

        min-height: 20rem;
    }

    .services-interruption__inner > .utility {
        grid-column: auto;
    }

    .services-interruption__inner > p:nth-child(2) {
        max-width: 12ch;

        font-size:
            clamp(2.3rem, 10vw, 3.5rem);
    }

    .services-intake__list div {
        grid-template-columns:
            2.5rem
            minmax(0, 1fr);
    }

    .services-pricing__ticket {
        padding:
            1.6rem
            1.25rem;

        box-shadow:
            0.4rem
            0.4rem
            0
            var(--manila);
    }

    .services-closing__action {
        min-width: 0;
    }

    .services-closing__action .button {
        width: 100%;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - SERVICES HERO HEADING FIX
   ========================================================================== */

.services-hero__content h1 {
    max-width: 14ch;

    font-size:
        clamp(3rem, 5.2vw, 5.25rem);

    line-height: 0.94;

    letter-spacing: -0.025em;
}

@media (max-width: 640px) {
    .services-hero__content h1 {
        max-width: 12ch;

        font-size:
            clamp(2.75rem, 11.5vw, 3.9rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - SERVICES LEDGER HEADING FIX
   ========================================================================== */

.services-ledger__heading h2 {
    max-width: 15ch;

    font-size:
        clamp(2.45rem, 4.15vw, 4rem);

    line-height: 0.96;

    letter-spacing: -0.02em;
}

@media (max-width: 860px) {
    .services-ledger__heading h2 {
        max-width: 14ch;
    }
}

@media (max-width: 640px) {
    .services-ledger__heading h2 {
        max-width: 12ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - SERVICES BOOKKEEPING PHOTO
   ========================================================================== */

.services-bookkeeping-photo {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--ledger-blue-dark);
    color: var(--paper-light);
}

.services-bookkeeping-photo__grid {
    display: grid;

    grid-template-columns:
        minmax(20rem, 0.62fr)
        minmax(0, 1.18fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.services-bookkeeping-photo__content {
    max-width: 34rem;
}

.services-bookkeeping-photo__content .eyebrow {
    color: var(--manila-light);
}

.services-bookkeeping-photo__content h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    color: var(--paper-light);

    font-size:
        clamp(2.6rem, 4.3vw, 4.25rem);

    line-height: 0.95;
}

.services-bookkeeping-photo__content > p:not(.eyebrow) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.76);

    font-size: 1.05rem;

    line-height: 1.65;
}

.services-bookkeeping-photo__content .status-stamp {
    color: var(--highlighter);
}

.services-bookkeeping-photo__image {
    position: relative;

    margin: 0;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    border:
        1px
        solid
        rgba(245, 240, 230, 0.24);

    background: var(--ink);

    box-shadow:
        -0.7rem
        0.7rem
        0
        var(--manila);
}

.services-bookkeeping-photo__image::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(25, 27, 29, 0.45) 100%
        );
}

.services-bookkeeping-photo__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03);
}

.services-bookkeeping-photo__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;

    padding:
        0.55rem
        0.7rem;

    background:
        rgba(25, 27, 29, 0.92);

    color: var(--paper-light);
}

@media (max-width: 900px) {
    .services-bookkeeping-photo__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }

    .services-bookkeeping-photo__content {
        max-width: 42rem;
    }

    .services-bookkeeping-photo__content h2 {
        max-width: 12ch;
    }

    .services-bookkeeping-photo__image {
        width: 100%;

        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 640px) {
    .services-bookkeeping-photo {
        padding-block: 3.5rem;
    }

    .services-bookkeeping-photo__content h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .services-bookkeeping-photo__image {
        aspect-ratio: 4 / 3;

        box-shadow:
            -0.45rem
            0.45rem
            0
            var(--manila);
    }

    .services-bookkeeping-photo__image img {
        object-position: 60% center;
    }

    .services-bookkeeping-photo__image figcaption {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;

        text-align: center;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - SERVICES CATCHUP PHOTO
   ========================================================================== */

.services-catchup-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--ink);
}

.services-catchup-photo__image {
    position: relative;

    width: 100%;
    min-height:
        clamp(30rem, 52vw, 43rem);

    margin: 0;

    overflow: hidden;

    background: var(--ink);
}

.services-catchup-photo__image > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.04);
}

.services-catchup-photo__image::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.9) 0%,
            rgba(25, 27, 29, 0.78) 25%,
            rgba(25, 27, 29, 0.42) 44%,
            rgba(25, 27, 29, 0.08) 68%,
            rgba(25, 27, 29, 0.12) 100%
        );
}

.services-catchup-photo__overlay {
    position: absolute;
    top: 50%;
    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(34rem, calc(100% - (var(--gutter) * 2)));

    transform: translateY(-50%);

    color: var(--paper-light);
}

.services-catchup-photo__overlay .utility {
    margin-bottom: 1rem;

    color: var(--manila-light);
}

.services-catchup-photo__overlay h2 {
    max-width: 10ch;

    margin-bottom: 1.4rem;

    color: var(--paper-light);

    font-size:
        clamp(2.8rem, 4.8vw, 4.8rem);

    line-height: 0.93;

    letter-spacing: -0.025em;
}

.services-catchup-photo__overlay > p:not(.utility) {
    max-width: 30rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.82);

    font-size: 1.05rem;

    line-height: 1.65;
}

.services-catchup-photo__overlay .status-stamp {
    color: var(--highlighter);
}

.services-catchup-photo__image figcaption {
    position: absolute;
    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 3vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.9);

    color: var(--paper-light);
}

@media (max-width: 760px) {
    .services-catchup-photo__image {
        min-height: 38rem;
    }

    .services-catchup-photo__image > img {
        object-position: 62% center;
    }

    .services-catchup-photo__image::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.88) 0%,
                rgba(25, 27, 29, 0.72) 48%,
                rgba(25, 27, 29, 0.2) 78%,
                rgba(25, 27, 29, 0.32) 100%
            );
    }

    .services-catchup-photo__overlay {
        top: 3rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .services-catchup-photo__overlay h2 {
        max-width: 11ch;

        font-size:
            clamp(2.5rem, 11vw, 3.8rem);
    }

    .services-catchup-photo__image figcaption {
        right: var(--gutter);
        bottom: 0.9rem;
        left: var(--gutter);

        text-align: center;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - SERVICES PAYROLL PHOTO
   ========================================================================== */

.services-payroll-photo {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.services-payroll-photo__grid {
    display: grid;

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

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.services-payroll-photo__image {
    position: relative;

    margin: 0;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--ink);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--manila);
}

.services-payroll-photo__image::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 58%,
            rgba(25, 27, 29, 0.42) 100%
        );
}

.services-payroll-photo__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.03);
}

.services-payroll-photo__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;

    padding:
        0.55rem
        0.7rem;

    background:
        rgba(25, 27, 29, 0.92);

    color: var(--paper-light);
}

.services-payroll-photo__content {
    max-width: 33rem;
}

.services-payroll-photo__content h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(2.55rem, 4.2vw, 4.15rem);

    line-height: 0.95;
}

.services-payroll-photo__content > p:not(.eyebrow) {
    max-width: 30rem;

    margin-bottom:
        clamp(2.2rem, 4vw, 3rem);

    color: var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.services-payroll-photo__status {
    margin:
        0
        0
        2rem;

    border-top:
        3px
        solid
        var(--ink);
}

.services-payroll-photo__status div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 1rem;

    min-height: 4rem;

    padding:
        0.8rem
        0;

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

.services-payroll-photo__status dt {
    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.services-payroll-photo__status dd {
    margin: 0;

    color: var(--ledger-blue);

    font-weight: 800;

    text-align: right;
}

.services-payroll-photo__status div:last-child dd {
    color: var(--correction-red);
}

.services-payroll-photo__content .status-stamp {
    color: var(--correction-red);
}

@media (max-width: 900px) {
    .services-payroll-photo__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }

    .services-payroll-photo__content {
        max-width: 42rem;
    }

    .services-payroll-photo__content h2 {
        max-width: 12ch;
    }
}

@media (max-width: 640px) {
    .services-payroll-photo {
        padding-block: 3.5rem;
    }

    .services-payroll-photo__image {
        aspect-ratio: 4 / 3;

        box-shadow:
            0.45rem
            0.45rem
            0
            var(--manila);
    }

    .services-payroll-photo__image img {
        object-position: 60% center;
    }

    .services-payroll-photo__image figcaption {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;

        text-align: center;
    }

    .services-payroll-photo__content h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .services-payroll-photo__status div {
        grid-template-columns: 1fr;

        gap: 0.2rem;
    }

    .services-payroll-photo__status dd {
        text-align: left;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRICING PAGE
   ========================================================================== */


/* ==========================================================================
   Pricing Hero
   ========================================================================== */

.pricing-hero {
    position: relative;
    overflow: hidden;

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        linear-gradient(
            90deg,
            rgba(49, 95, 120, 0.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(49, 95, 120, 0.07) 1px,
            transparent 1px
        ),
        var(--paper);

    background-size:
        3rem 3rem;
}

.pricing-hero::before {
    content: "$";

    position: absolute;
    right: 1vw;
    bottom: -0.18em;

    color:
        rgba(25, 27, 29, 0.04);

    font-family: var(--font-display);
    font-size:
        clamp(14rem, 34vw, 34rem);
    font-weight: 900;

    line-height: 0.75;

    pointer-events: none;
}

.pricing-hero__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(22rem, 0.58fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);

    min-height:
        clamp(39rem, 67vw, 51rem);

    padding-block:
        clamp(4.5rem, 8vw, 7rem);
}

.pricing-hero__content {
    max-width: 49rem;
}

.pricing-hero__content h1 {
    max-width: 12ch;

    margin-bottom: 1.7rem;

    font-size:
        clamp(3rem, 5.4vw, 5.4rem);

    line-height: 0.93;

    letter-spacing: -0.025em;
}

.pricing-hero__intro {
    max-width: 39rem;

    margin-bottom: 2rem;

    color: var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.25rem);

    line-height: 1.6;
}

.pricing-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 1.3rem;
}

.pricing-hero__text-link {
    padding-bottom: 0.25rem;

    border-bottom:
        2px
        solid
        var(--ink);

    font-weight: 800;

    text-decoration: none;

    transition:
        color var(--ease),
        border-color var(--ease);
}

.pricing-hero__text-link:hover {
    border-color: var(--correction-red);

    color: var(--correction-red);
}


/* ==========================================================================
   Hero Estimate
   ========================================================================== */

.pricing-hero__estimate {
    position: relative;

    padding:
        clamp(1.5rem, 3vw, 2.25rem);

    border:
        2px
        solid
        var(--ink);

    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 2.15rem,
            rgba(49, 95, 120, 0.11) 2.15rem,
            rgba(49, 95, 120, 0.11) 2.2rem
        ),
        var(--paper-light);

    box-shadow:
        0.75rem
        0.75rem
        0
        var(--manila);
}

.pricing-hero__estimate::before {
    content: "ESTIMATE";

    position: absolute;
    top: -1rem;
    left: 2rem;

    padding:
        0.35rem
        0.65rem;

    border:
        2px
        solid
        var(--ledger-blue);

    background: var(--paper);

    color: var(--ledger-blue);

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

    letter-spacing: 0.07em;
    text-transform: uppercase;

    transform: rotate(-2deg);
}

.pricing-hero__estimate-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 1rem;

    padding-bottom: 1.3rem;

    border-bottom:
        3px
        solid
        var(--ink);
}

.pricing-hero__estimate dl {
    margin: 0;
}

.pricing-hero__estimate dl div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 1rem;

    min-height: 4.1rem;

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

.pricing-hero__estimate dt {
    font-family: var(--font-mono);
    font-size: 0.63rem;
    font-weight: 700;

    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pricing-hero__estimate dd {
    margin: 0;

    color: var(--ledger-blue);

    font-weight: 800;
}

.pricing-hero__estimate dl div:last-child dd {
    color: var(--correction-red);
}

.pricing-hero__estimate-note {
    margin:
        1.5rem
        0
        0;

    padding:
        1rem;

    border-left:
        4px
        solid
        var(--correction-red);

    background:
        rgba(184, 68, 56, 0.07);
}

.pricing-hero__estimate-note .utility {
    display: block;

    margin-bottom: 0.35rem;

    color: var(--correction-red);
}


/* ==========================================================================
   Pricing Intro
   ========================================================================== */

.pricing-intro {
    background: var(--paper-light);
}

.pricing-intro__heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(18rem, 0.55fr);

    align-items: end;

    gap:
        clamp(3rem, 8vw, 8rem);

    margin-bottom:
        clamp(3rem, 5vw, 5rem);
}

.pricing-intro__heading h2 {
    max-width: 14ch;

    margin-bottom: 0;

    font-size:
        clamp(2.45rem, 4.15vw, 4rem);

    line-height: 0.96;
}

.pricing-intro__heading > p {
    margin-bottom: 0;

    color: var(--text-muted);

    font-size: 1.05rem;
}

.pricing-intro__ledger {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);
}

.pricing-intro__row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(9rem, 0.4fr);

    align-items: center;

    min-height: 5.3rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.pricing-intro__row:last-child {
    border-bottom: 0;
}

.pricing-intro__row > * {
    padding:
        1rem
        1.25rem;

    border-right:
        1px
        solid
        var(--rule);
}

.pricing-intro__row > *:last-child {
    border-right: 0;
}

.pricing-intro__row strong {
    font-family: var(--font-display);
    font-size:
        clamp(1.05rem, 1.7vw, 1.35rem);

    line-height: 1;
    text-transform: uppercase;
}

.pricing-intro__row > span:last-child {
    color: var(--correction-red);

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

    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pricing-intro__row--head {
    min-height: 2.9rem;

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

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

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pricing-intro__row--head > * {
    border-color: var(--rule-light);
}


/* ==========================================================================
   Pricing Packages
   ========================================================================== */

.pricing-packages {
    padding-block:
        clamp(5rem, 9vw, 8rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--manila-light);
}

.pricing-packages__heading {
    margin-bottom:
        clamp(4.5rem, 8vw, 7rem);
}

.pricing-packages__heading h2 {
    max-width: 12ch;

    margin-bottom: 1.5rem;
}

.pricing-packages__heading > p:last-child {
    max-width: 42rem;

    margin-bottom: 0;

    color:
        rgba(25, 27, 29, 0.72);
}

.pricing-packages__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    align-items: start;

    gap:
        clamp(1.5rem, 3vw, 2.5rem);
}

.pricing-folder {
    position: relative;

    padding-top: 2.4rem;
}

.pricing-folder__tab {
    position: absolute;
    top: 0;
    left: 0;

    min-width: 9rem;

    padding:
        0.75rem
        1rem;

    border:
        1px
        solid
        var(--rule-strong);

    border-bottom: 0;

    background: var(--manila);

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

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pricing-folder__body {
    position: relative;

    min-height: 47rem;

    padding:
        2rem
        1.6rem;

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--paper);

    box-shadow:
        0.55rem
        0.55rem
        0
        rgba(25, 27, 29, 0.09);
}

.pricing-folder--featured {
    transform: translateY(-1.5rem);
}

.pricing-folder--featured .pricing-folder__tab {
    background: var(--ledger-blue);
    color: var(--paper-light);
}

.pricing-folder--featured .pricing-folder__body {
    border:
        3px
        solid
        var(--ledger-blue);

    box-shadow:
        0.65rem
        0.65rem
        0
        var(--correction-red);
}

.pricing-folder__popular {
    position: absolute;
    top: 1.25rem;
    right: 1.15rem;

    color: var(--correction-red);
}

.pricing-folder__head {
    min-height: 14rem;

    padding-bottom: 1.5rem;

    border-bottom:
        3px
        solid
        var(--ink);
}

.pricing-folder__head .utility {
    margin-bottom: 0.9rem;

    color: var(--ledger-blue);
}

.pricing-folder__head h3 {
    max-width: 10ch;

    margin-bottom: 1rem;

    font-size:
        clamp(1.85rem, 2.5vw, 2.5rem);

    line-height: 0.98;
}

.pricing-folder__head > p:last-child {
    margin-bottom: 0;

    color: var(--text-muted);
}

.pricing-folder__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;

    gap:
        0.35rem
        0.7rem;

    padding:
        1.5rem
        0;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.pricing-folder__price .utility {
    width: 100%;

    color: var(--correction-red);
}

.pricing-folder__price strong {
    font-family: var(--font-display);
    font-size:
        clamp(3.2rem, 5vw, 4.8rem);
    font-weight: 900;

    letter-spacing: -0.06em;
    line-height: 0.85;
}

.pricing-folder__price > span:last-child {
    color: var(--text-muted);

    font-weight: 700;
}

.pricing-folder__features {
    margin:
        1.5rem
        0
        7rem;

    padding: 0;

    list-style: none;
}

.pricing-folder__features li {
    padding:
        0.7rem
        0;

    border-bottom:
        1px
        solid
        var(--rule);

    font-size: 0.9rem;
}

.pricing-folder__features li::before {
    content: "[x]";

    margin-right: 0.65rem;

    color: var(--ledger-blue);

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

.pricing-folder__footer {
    position: absolute;
    right: 1.6rem;
    bottom: 1.6rem;
    left: 1.6rem;

    display: grid;

    gap: 1rem;
}

.pricing-folder__footer .status-stamp {
    justify-self: start;

    color: var(--correction-red);
}

.pricing-packages__disclaimer {
    max-width: 64rem;

    margin:
        3rem
        auto
        0;

    color:
        rgba(25, 27, 29, 0.62);

    text-align: center;
}


/* ==========================================================================
   Cleanup Pricing
   ========================================================================== */

.pricing-cleanup {
    position: relative;
    overflow: hidden;

    padding-block:
        clamp(5rem, 9vw, 8rem);

    background: var(--ledger-blue-dark);
    color: var(--paper-light);
}

.pricing-cleanup::before {
    content: "PAST DUE";

    position: absolute;
    right: -0.05em;
    bottom: -0.12em;

    color:
        rgba(245, 240, 230, 0.045);

    font-family: var(--font-display);
    font-size:
        clamp(8rem, 21vw, 20rem);
    font-weight: 900;

    letter-spacing: -0.08em;
    line-height: 0.75;
}

.pricing-cleanup__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(20rem, 0.52fr);

    align-items: center;

    gap:
        clamp(3rem, 8vw, 8rem);
}

.pricing-cleanup .eyebrow {
    color: var(--manila-light);
}

.pricing-cleanup h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    color: var(--paper-light);
}

.pricing-cleanup__content > p:not(.eyebrow) {
    max-width: 39rem;

    margin-bottom: 2.5rem;

    color:
        rgba(245, 240, 230, 0.74);

    font-size: 1.05rem;
}

.pricing-cleanup__note {
    max-width: 36rem;

    padding:
        1.3rem
        1.4rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(25, 27, 29, 0.22);
}

.pricing-cleanup__note .utility {
    display: block;

    margin-bottom: 0.65rem;

    color: var(--highlighter);
}

.pricing-cleanup__note strong {
    display: block;

    font-family: var(--font-display);
    font-size:
        clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 800;

    line-height: 1.08;
    text-transform: uppercase;
}

.pricing-cleanup__estimate {
    padding:
        1.8rem
        1.6rem;

    border:
        1px
        solid
        rgba(245, 240, 230, 0.35);

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

    box-shadow:
        0.65rem
        0.65rem
        0
        var(--manila);
}

.pricing-cleanup__estimate-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 1rem;

    padding-bottom: 1.2rem;

    border-bottom:
        3px
        solid
        var(--ink);
}

.pricing-cleanup__estimate dl {
    margin:
        0
        0
        2rem;
}

.pricing-cleanup__estimate dl div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 1rem;

    padding:
        0.85rem
        0;

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

.pricing-cleanup__estimate dt {
    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 700;

    text-transform: uppercase;
}

.pricing-cleanup__estimate dd {
    margin: 0;

    font-weight: 800;
}


/* ==========================================================================
   Pricing Factors
   ========================================================================== */

.pricing-factors {
    background: var(--paper-light);
}

.pricing-factors__heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(18rem, 0.55fr);

    align-items: end;

    gap:
        clamp(3rem, 8vw, 8rem);

    margin-bottom:
        clamp(3rem, 6vw, 5rem);
}

.pricing-factors__heading h2 {
    max-width: 12ch;

    margin-bottom: 0;
}

.pricing-factors__heading > p {
    margin-bottom: 0;

    color: var(--text-muted);
}

.pricing-factors__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        4px
        solid
        var(--ink);

    border-left:
        1px
        solid
        var(--ink);
}

.pricing-factors__grid article {
    min-height: 17rem;

    padding:
        1.75rem;

    border-right:
        1px
        solid
        var(--ink);

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

.pricing-factors__grid article > span {
    display: block;

    margin-bottom: 2.5rem;

    color: var(--correction-red);

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

.pricing-factors__grid h3 {
    max-width: 12ch;

    margin-bottom: 1rem;
}

.pricing-factors__grid p {
    margin-bottom: 0;

    color: var(--text-muted);
}


/* ==========================================================================
   Pricing Scope
   ========================================================================== */

.pricing-scope {
    padding-block:
        clamp(5rem, 9vw, 8rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--manila-light);
}

.pricing-scope__heading {
    margin-bottom:
        clamp(3rem, 6vw, 5rem);
}

.pricing-scope__heading h2 {
    max-width: 12ch;

    margin-bottom: 0;
}

.pricing-scope__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border:
        2px
        solid
        var(--ink);

    background: var(--paper);
}

.pricing-scope__column {
    position: relative;

    padding:
        3.5rem
        2rem
        2rem;

    border-right:
        1px
        solid
        var(--ink);
}

.pricing-scope__column:last-child {
    border-right: 0;
}

.pricing-scope__label {
    position: absolute;
    top: 0;
    left: 0;

    padding:
        0.7rem
        1rem;

    background: var(--ledger-blue);
    color: var(--paper-light);

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

    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pricing-scope__column--warning .pricing-scope__label {
    background: var(--correction-red);
}

.pricing-scope__column ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.pricing-scope__column li {
    padding:
        0.9rem
        0;

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

.pricing-scope__column li:last-child {
    border-bottom: 0;
}

.pricing-scope__column li::before {
    content: "[x]";

    margin-right: 0.7rem;

    color: var(--ledger-blue);

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

.pricing-scope__column--warning li::before {
    content: "[!]";

    color: var(--correction-red);
}


/* ==========================================================================
   Pricing Statement
   ========================================================================== */

.pricing-statement {
    position: relative;
    overflow: hidden;

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--highlighter);
}

.pricing-statement::before {
    content: "$0.00";

    position: absolute;
    right: -0.03em;
    bottom: -0.18em;

    color:
        rgba(25, 27, 29, 0.07);

    font-family: var(--font-display);
    font-size:
        clamp(8rem, 23vw, 21rem);
    font-weight: 900;

    letter-spacing: -0.08em;
    line-height: 0.7;
}

.pricing-statement__inner {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(10rem, 0.32fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(2rem, 5vw, 5rem);

    min-height:
        clamp(18rem, 30vw, 24rem);

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

.pricing-statement__inner > p:nth-child(2) {
    max-width: 17ch;

    margin: 0;

    font-family: var(--font-display);
    font-size:
        clamp(2.5rem, 4.5vw, 4.7rem);
    font-weight: 800;

    letter-spacing: -0.035em;
    line-height: 0.92;
    text-transform: uppercase;
}


/* ==========================================================================
   Pricing FAQ
   ========================================================================== */

.pricing-faq {
    background: var(--paper);
}

.pricing-faq__heading {
    margin-bottom:
        clamp(3rem, 5vw, 4.5rem);
}

.pricing-faq__heading h2 {
    margin-bottom: 0;
}

.pricing-faq__list {
    border-top:
        4px
        solid
        var(--ink);
}

.pricing-faq details {
    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.pricing-faq summary {
    position: relative;

    padding:
        1.6rem
        4rem
        1.6rem
        0;

    font-family: var(--font-display);
    font-size:
        clamp(1.3rem, 2.5vw, 1.95rem);
    font-weight: 800;

    line-height: 1.05;
    text-transform: uppercase;

    cursor: pointer;

    list-style: none;
}

.pricing-faq summary::-webkit-details-marker {
    display: none;
}

.pricing-faq summary::after {
    content: "+";

    position: absolute;
    top: 50%;
    right: 0;

    width: 2.25rem;
    height: 2.25rem;

    display: grid;
    place-items: center;

    transform: translateY(-50%);

    border:
        2px
        solid
        var(--ink);

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

.pricing-faq details[open] summary::after {
    content: "-";

    background: var(--highlighter);
}

.pricing-faq details p {
    max-width: 48rem;

    margin-bottom: 0;

    padding:
        0
        0
        1.8rem;

    color: var(--text-muted);
}


/* ==========================================================================
   Pricing Closing
   ========================================================================== */

.pricing-closing {
    position: relative;
    overflow: hidden;

    background: var(--correction-red);
    color: var(--paper-light);
}

.pricing-closing::after {
    content: "QUOTE";

    position: absolute;
    right: -0.03em;
    bottom: -0.16em;

    color:
        rgba(245, 240, 230, 0.07);

    font-family: var(--font-display);
    font-size:
        clamp(9rem, 24vw, 23rem);
    font-weight: 900;

    letter-spacing: -0.08em;
    line-height: 0.7;
}

.pricing-closing__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(4rem, 8vw, 8rem);

    min-height:
        clamp(25rem, 42vw, 34rem);

    padding-block:
        clamp(4rem, 7vw, 6rem);
}

.pricing-closing .eyebrow {
    color: var(--paper-light);
}

.pricing-closing h2 {
    max-width: 12ch;

    margin-bottom: 1.4rem;

    color: var(--paper-light);
}

.pricing-closing__grid > div:first-child > p:last-child {
    max-width: 40rem;

    color:
        rgba(245, 240, 230, 0.78);
}

.pricing-closing__action {
    display: grid;
    justify-items: start;

    gap: 1.25rem;

    min-width: 17rem;
}

.pricing-closing__action .status-stamp {
    color: var(--paper-light);
}

.pricing-closing__action .utility {
    color:
        rgba(245, 240, 230, 0.7);
}


/* ==========================================================================
   Pricing Responsive
   ========================================================================== */

@media (max-width: 1000px) {
    .pricing-packages__grid {
        grid-template-columns: 1fr;

        gap: 4rem;
    }

    .pricing-folder {
        width:
            min(100%, 45rem);

        margin-inline: auto;
    }

    .pricing-folder--featured {
        transform: none;
    }

    .pricing-folder__body {
        min-height: 0;
    }

    .pricing-folder__head {
        min-height: 0;
    }

    .pricing-folder__features {
        margin-bottom: 7rem;
    }
}

@media (max-width: 860px) {
    .pricing-hero__grid,
    .pricing-intro__heading,
    .pricing-cleanup__grid,
    .pricing-factors__heading {
        grid-template-columns: 1fr;
    }

    .pricing-hero__grid {
        min-height: auto;
    }

    .pricing-hero__content {
        max-width: 44rem;
    }

    .pricing-hero__estimate {
        max-width: 38rem;
    }

    .pricing-factors__grid,
    .pricing-scope__grid {
        grid-template-columns: 1fr;
    }

    .pricing-scope__column {
        border-right: 0;
        border-bottom:
            1px
            solid
            var(--ink);
    }

    .pricing-scope__column:last-child {
        border-bottom: 0;
    }

    .pricing-statement__inner {
        grid-template-columns:
            1fr
            auto;
    }

    .pricing-statement__inner > .utility {
        grid-column: 1 / -1;
    }

    .pricing-closing__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }
}

@media (max-width: 640px) {
    .pricing-hero::before {
        display: none;
    }

    .pricing-hero__grid {
        padding-block: 3.5rem;
    }

    .pricing-hero__content h1 {
        max-width: 11ch;

        font-size:
            clamp(2.8rem, 12vw, 4rem);
    }

    .pricing-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .pricing-hero__actions .button {
        width: 100%;
    }

    .pricing-hero__text-link {
        align-self: flex-start;
    }

    .pricing-hero__estimate {
        box-shadow:
            0.45rem
            0.45rem
            0
            var(--manila);
    }

    .pricing-intro__row--head {
        display: none;
    }

    .pricing-intro__row {
        grid-template-columns: 1fr;

        padding:
            1rem
            0;
    }

    .pricing-intro__row > * {
        padding:
            0.35rem
            0;

        border-right: 0;
    }

    .pricing-folder__body {
        padding:
            1.7rem
            1.25rem
            7rem;
    }

    .pricing-folder__footer {
        right: 1.25rem;
        bottom: 1.4rem;
        left: 1.25rem;
    }

    .pricing-cleanup__estimate {
        padding:
            1.5rem
            1.2rem;

        box-shadow:
            0.45rem
            0.45rem
            0
            var(--manila);
    }

    .pricing-factors__grid {
        border-left: 0;
    }

    .pricing-factors__grid article {
        min-height: 0;

        padding:
            1.5rem
            0;

        border-right: 0;
    }

    .pricing-factors__grid article > span {
        margin-bottom: 1rem;
    }

    .pricing-scope__column {
        padding:
            3.5rem
            1.25rem
            1.5rem;
    }

    .pricing-statement__inner {
        grid-template-columns: 1fr;

        min-height: 21rem;
    }

    .pricing-statement__inner > .utility {
        grid-column: auto;
    }

    .pricing-statement__inner > p:nth-child(2) {
        max-width: 12ch;

        font-size:
            clamp(2.3rem, 10vw, 3.5rem);
    }

    .pricing-closing__action {
        min-width: 0;
    }

    .pricing-closing__action .button {
        width: 100%;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRICING ESTIMATE PHOTO
   ========================================================================== */

.pricing-estimate-photo {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.pricing-estimate-photo__grid {
    display: grid;

    grid-template-columns:
        minmax(20rem, 0.68fr)
        minmax(0, 1.18fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.pricing-estimate-photo__content {
    max-width: 35rem;
}

.pricing-estimate-photo__content h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(2.55rem, 4.2vw, 4.2rem);

    line-height: 0.95;
}

.pricing-estimate-photo__content > p:not(.eyebrow) {
    max-width: 31rem;

    margin-bottom:
        2.2rem;

    color: var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.pricing-estimate-photo__note {
    max-width: 31rem;

    margin-bottom: 2rem;

    padding:
        1.2rem
        1.25rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background: var(--manila-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.08);
}

.pricing-estimate-photo__note .utility {
    display: block;

    margin-bottom: 0.55rem;

    color: var(--correction-red);
}

.pricing-estimate-photo__note strong {
    display: block;

    font-family: var(--font-display);
    font-size:
        clamp(1.2rem, 1.8vw, 1.6rem);
    font-weight: 800;

    letter-spacing: -0.015em;
    line-height: 1.08;
    text-transform: uppercase;
}

.pricing-estimate-photo__content > .status-stamp {
    color: var(--correction-red);
}

.pricing-estimate-photo__image {
    position: relative;

    margin: 0;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    border:
        1px
        solid
        var(--rule-strong);

    background: var(--ink);

    box-shadow:
        -0.7rem
        0.7rem
        0
        var(--manila);
}

.pricing-estimate-photo__image::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 58%,
            rgba(25, 27, 29, 0.42) 100%
        );
}

.pricing-estimate-photo__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03);
}

.pricing-estimate-photo__image figcaption {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;

    padding:
        0.55rem
        0.7rem;

    background:
        rgba(25, 27, 29, 0.92);

    color: var(--paper-light);
}

@media (max-width: 900px) {
    .pricing-estimate-photo__grid {
        grid-template-columns: 1fr;

        gap: 3rem;
    }

    .pricing-estimate-photo__content {
        max-width: 42rem;
    }

    .pricing-estimate-photo__content h2 {
        max-width: 12ch;
    }
}

@media (max-width: 640px) {
    .pricing-estimate-photo {
        padding-block: 3.5rem;
    }

    .pricing-estimate-photo__content h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .pricing-estimate-photo__image {
        aspect-ratio: 4 / 3;

        box-shadow:
            -0.45rem
            0.45rem
            0
            var(--manila);
    }

    .pricing-estimate-photo__image img {
        object-position: 60% center;
    }

    .pricing-estimate-photo__image figcaption {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;

        text-align: center;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRICING CLEANUP PHOTO
   ========================================================================== */

.pricing-cleanup-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background: var(--ink);
}

.pricing-cleanup-photo__image {
    position: relative;

    width: 100%;
    min-height:
        clamp(31rem, 54vw, 45rem);

    margin: 0;

    overflow: hidden;

    background: var(--ink);
}

.pricing-cleanup-photo__image > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.04);
}

.pricing-cleanup-photo__image::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.08) 0%,
            rgba(25, 27, 29, 0.1) 42%,
            rgba(25, 27, 29, 0.48) 61%,
            rgba(25, 27, 29, 0.82) 78%,
            rgba(25, 27, 29, 0.94) 100%
        );
}

.pricing-cleanup-photo__overlay {
    position: absolute;
    top: 50%;
    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(34rem, 42vw);

    transform: translateY(-50%);

    color: var(--paper-light);
}

.pricing-cleanup-photo__overlay .utility {
    margin-bottom: 1rem;

    color: var(--manila-light);
}

.pricing-cleanup-photo__overlay h2 {
    max-width: 10ch;

    margin-bottom: 1.4rem;

    color: var(--paper-light);

    font-size:
        clamp(2.8rem, 4.7vw, 4.7rem);

    line-height: 0.93;

    letter-spacing: -0.025em;
}

.pricing-cleanup-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.82);

    font-size: 1.05rem;

    line-height: 1.65;
}

.pricing-cleanup-photo__status {
    max-width: 29rem;

    padding:
        1.15rem
        0
        1.15rem
        1.2rem;

    border-top:
        2px
        solid
        rgba(245, 240, 230, 0.7);

    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.32);

    border-left:
        5px
        solid
        var(--highlighter);
}

.pricing-cleanup-photo__status .utility {
    display: block;

    margin-bottom: 0.55rem;

    color: var(--highlighter);
}

.pricing-cleanup-photo__status strong {
    display: block;

    max-width: 22ch;

    font-family: var(--font-display);
    font-size:
        clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 800;

    letter-spacing: -0.015em;
    line-height: 1.08;
    text-transform: uppercase;
}

.pricing-cleanup-photo__image figcaption {
    position: absolute;
    bottom:
        clamp(1rem, 3vw, 2rem);
    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.9);

    color: var(--paper-light);
}

@media (max-width: 800px) {
    .pricing-cleanup-photo__image {
        min-height: 40rem;
    }

    .pricing-cleanup-photo__image > img {
        object-position: 42% center;
    }

    .pricing-cleanup-photo__image::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.82) 0%,
                rgba(25, 27, 29, 0.68) 48%,
                rgba(25, 27, 29, 0.2) 76%,
                rgba(25, 27, 29, 0.38) 100%
            );
    }

    .pricing-cleanup-photo__overlay {
        top: 3rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .pricing-cleanup-photo__overlay h2 {
        max-width: 11ch;

        font-size:
            clamp(2.5rem, 11vw, 3.8rem);
    }

    .pricing-cleanup-photo__image figcaption {
        right: var(--gutter);
        bottom: 0.9rem;
        left: var(--gutter);

        text-align: center;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CLEANUP FINDING BACKGROUND FIX
   ========================================================================== */

.pricing-cleanup-photo__status {
    padding:
        1.2rem
        1.35rem;

    border-top:
        2px
        solid
        var(--ink);

    border-right:
        1px
        solid
        rgba(25, 27, 29, 0.18);

    border-bottom:
        1px
        solid
        var(--ink);

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.95);

    color: var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.14);
}

.pricing-cleanup-photo__status .utility {
    color: var(--correction-red);
}

.pricing-cleanup-photo__status strong {
    color: var(--ink);
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRICING PLAN REVIEW
   ========================================================================== */

.pricing-plan-review {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.pricing-plan-review__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(20rem, 0.75fr);

    align-items: stretch;

    gap: 0;
}

.pricing-plan-review__image {
    position: relative;

    min-height:
        clamp(30rem, 43vw, 40rem);

    margin: 0;

    overflow: hidden;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--ink);
}

.pricing-plan-review__image::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 60%,
            rgba(25, 27, 29, 0.52) 100%
        );
}

.pricing-plan-review__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03);
}

.pricing-plan-review__image figcaption {
    position: absolute;
    bottom: 1.1rem;
    left: 1.1rem;
    z-index: 2;

    max-width:
        calc(100% - 2.2rem);

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

.pricing-plan-review__content {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(2.5rem, 5vw, 4.5rem);

    border-top:
        2px
        solid
        var(--ink);

    border-right:
        2px
        solid
        var(--ink);

    border-bottom:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.75rem
        0.75rem
        0
        var(--ledger-blue);
}

.pricing-plan-review__content::before {
    content: "SERVICE PLAN";

    position: absolute;
    top: 0;
    right: 0;

    padding:
        0.55rem
        0.8rem;

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.08em;
}

.pricing-plan-review__content .eyebrow {
    max-width: 22rem;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.pricing-plan-review__content h2 {
    max-width: 11ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.65rem, 4.5vw, 4.35rem);

    line-height: 0.94;
}

.pricing-plan-review__content > p:not(.eyebrow) {
    max-width: 30rem;

    margin-bottom: 2rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.pricing-plan-review__memo {
    max-width: 29rem;

    margin-bottom: 1.8rem;

    padding:
        1.2rem
        1.3rem;

    border-top:
        1px
        solid
        var(--rule-strong);

    border-right:
        1px
        solid
        var(--rule-strong);

    border-bottom:
        1px
        solid
        var(--rule-strong);

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);

    box-shadow:
        0.3rem
        0.3rem
        0
        rgba(25, 27, 29, 0.1);
}

.pricing-plan-review__memo .utility {
    display: block;

    margin-bottom: 0.55rem;

    color:
        var(--ledger-blue);
}

.pricing-plan-review__memo strong {
    display: block;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    letter-spacing:
        -0.015em;

    line-height: 1.08;

    text-transform: uppercase;
}

.pricing-plan-review__content > .status-stamp {
    align-self: flex-start;

    color:
        var(--correction-red);
}

@media (max-width: 900px) {
    .pricing-plan-review__grid {
        grid-template-columns:
            1fr;
    }

    .pricing-plan-review__image {
        min-height:
            clamp(25rem, 65vw, 34rem);
    }

    .pricing-plan-review__content {
        border-top: 0;

        border-left:
            2px
            solid
            var(--ink);

        box-shadow:
            0.55rem
            0.55rem
            0
            var(--ledger-blue);
    }

    .pricing-plan-review__content h2 {
        max-width: 13ch;
    }
}

@media (max-width: 640px) {
    .pricing-plan-review {
        padding-block:
            3.5rem;
    }

    .pricing-plan-review__image {
        min-height: 23rem;
    }

    .pricing-plan-review__image img {
        object-position:
            43%
            center;
    }

    .pricing-plan-review__content {
        padding:
            2.4rem
            1.4rem;
    }

    .pricing-plan-review__content::before {
        position: static;

        align-self: flex-start;

        margin-bottom: 1.4rem;
    }

    .pricing-plan-review__content h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRICING PLAN REVIEW REDESIGN
   ========================================================================== */

.pricing-plan-review {
    padding: 0;

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.pricing-plan-review__grid {
    position: relative;

    display: block;

    width: 100%;
    max-width: none;

    min-height:
        clamp(34rem, 56vw, 46rem);

    padding: 0;

    overflow: hidden;
}

.pricing-plan-review__image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
    min-height: 0;

    margin: 0;

    border: 0;

    background:
        var(--ink);
}

.pricing-plan-review__image img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.04)
        brightness(0.92);
}

.pricing-plan-review__image::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.04) 0%,
            rgba(25, 27, 29, 0.06) 42%,
            rgba(25, 27, 29, 0.35) 59%,
            rgba(25, 27, 29, 0.78) 76%,
            rgba(25, 27, 29, 0.94) 100%
        );
}

.pricing-plan-review__image figcaption {
    position: absolute;
    bottom:
        clamp(1rem, 2.5vw, 2rem);

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 3;

    max-width:
        calc(100% - 2rem);

    padding:
        0.55rem
        0.75rem;

    border: 0;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

.pricing-plan-review__content {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 4;

    display: block;

    width:
        min(34rem, 42vw);

    padding: 0;

    transform:
        translateY(-50%);

    border: 0;

    background:
        transparent;

    box-shadow: none;

    color:
        var(--paper-light);
}

.pricing-plan-review__content::before {
    content: none;
}

.pricing-plan-review__content .eyebrow {
    max-width: 30rem;

    margin-bottom: 1rem;

    color:
        var(--manila-light);
}

.pricing-plan-review__content h2 {
    max-width: 13ch;

    margin-bottom: 1.4rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.9rem, 5vw, 4.8rem);

    line-height: 0.93;

    letter-spacing:
        -0.025em;
}

.pricing-plan-review__content > p:not(.eyebrow) {
    max-width: 32rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.62;
}

.pricing-plan-review__memo {
    max-width: 30rem;

    margin-bottom: 1.8rem;

    padding:
        1.15rem
        1.3rem;

    border-top:
        1px
        solid
        rgba(25, 27, 29, 0.28);

    border-right:
        1px
        solid
        rgba(25, 27, 29, 0.28);

    border-bottom:
        1px
        solid
        rgba(25, 27, 29, 0.28);

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.95);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);

    color:
        var(--ink);
}

.pricing-plan-review__memo .utility {
    display: block;

    margin-bottom: 0.55rem;

    color:
        var(--ledger-blue);
}

.pricing-plan-review__memo strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.7vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.pricing-plan-review__content > .status-stamp {
    display: inline-block;

    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .pricing-plan-review__grid {
        min-height: 44rem;
    }

    .pricing-plan-review__image img {
        object-position:
            40%
            center;
    }

    .pricing-plan-review__image::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.78) 0%,
                rgba(25, 27, 29, 0.66) 48%,
                rgba(25, 27, 29, 0.18) 75%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .pricing-plan-review__content {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .pricing-plan-review__content h2 {
        max-width: 15ch;

        font-size:
            clamp(2.55rem, 10vw, 3.8rem);
    }

    .pricing-plan-review__image figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .pricing-plan-review__grid {
        min-height: 48rem;
    }

    .pricing-plan-review__content {
        top: 2rem;
    }

    .pricing-plan-review__content h2 {
        max-width: 12ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRICING PLAN TRANSITION TIGHTENING
   ========================================================================== */

.section {
    padding-bottom:
        clamp(1.5rem, 2.5vw, 2.25rem);
}

.pricing-scope {
    padding-top:
        clamp(1.5rem, 2.5vw, 2.25rem);
}

@media (max-width: 640px) {
    .section {
        padding-bottom: 1.25rem;
    }

    .pricing-scope {
        padding-top: 1.25rem;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - INDUSTRIES PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.industries-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.5rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.industries-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(19rem, 0.72fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.industries-hero__content {
    max-width: 52rem;
}

.industries-hero__content h1 {
    max-width: 13ch;

    margin-bottom: 1.6rem;

    font-size:
        clamp(3.2rem, 6vw, 6.1rem);

    line-height: 0.92;

    letter-spacing: -0.03em;
}

.industries-hero__intro {
    max-width: 42rem;

    margin-bottom: 2rem;

    color: var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.industries-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap:
        1rem
        1.4rem;
}

.industries-hero__text-link {
    font-family: var(--font-mono);
    font-size: 0.85rem;
    font-weight: 500;

    text-decoration-thickness: 2px;
    text-underline-offset: 0.25rem;
}

.industries-hero__index {
    position: relative;

    padding:
        1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.industries-hero__index::before {
    content: "INDUSTRY";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.industries-hero__index-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.industries-hero__index-list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.industries-hero__index-list li {
    display: grid;

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

    align-items: center;

    gap: 0.8rem;

    padding-block:
        0.8rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-size:
        clamp(1rem, 1.4vw, 1.2rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

.industries-hero__index-list li span {
    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.76rem;
    font-weight: 500;
}

.industries-hero__index-note {
    margin:
        1.25rem
        0
        0;

    padding:
        1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--paper-light);

    font-weight: 700;
}

.industries-hero__index-note .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--ledger-blue);
}

/* --------------------------------------------------------------------------
   Reality Check
   -------------------------------------------------------------------------- */

.industries-reality {
    background:
        var(--manila-light);
}

.industries-reality__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1fr);

    gap:
        clamp(3rem, 7vw, 7rem);

    align-items: end;

    margin-bottom:
        clamp(3rem, 5vw, 4.5rem);
}

.industries-reality h2 {
    max-width: 12ch;

    font-size:
        clamp(2.7rem, 4.8vw, 4.7rem);

    line-height: 0.94;
}

.industries-reality__copy {
    max-width: 38rem;
}

.industries-reality__copy p {
    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.industries-reality__copy p + p {
    margin-top: 1rem;
}

.industries-reality__ledger {
    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.5rem
        0.5rem
        0
        rgba(25, 27, 29, 0.1);
}

.industries-reality__row {
    display: grid;

    grid-template-columns:
        0.7fr
        1fr
        1fr;

    gap: 1rem;

    padding:
        1rem
        1.2rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.industries-reality__row:last-child {
    border-bottom: 0;
}

.industries-reality__row--head {
    background:
        var(--ink);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}

.industries-reality__row strong {
    font-family:
        var(--font-display);

    font-weight: 800;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Industry Files Intro
   -------------------------------------------------------------------------- */

.industries-files {
    border-top:
        4px
        solid
        var(--ink);

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

.industries-files__heading {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-bottom:
        2px
        solid
        var(--ink);
}

.industries-files__heading h2 {
    max-width: 16ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.8rem, 5vw, 4.9rem);

    line-height: 0.94;
}

.industries-files__heading > p:last-child {
    max-width: 44rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

/* --------------------------------------------------------------------------
   Individual Industry Files
   -------------------------------------------------------------------------- */

.industry-file {
    position: relative;

    padding-block:
        clamp(4rem, 7vw, 6.5rem);

    border-bottom:
        2px
        solid
        var(--ink);
}

.industry-file__grid {
    display: grid;

    grid-template-columns:
        5.5rem
        minmax(0, 1fr)
        minmax(16rem, 0.58fr);

    align-items: center;

    gap:
        clamp(2rem, 5vw, 5rem);
}

.industry-file__number {
    align-self: start;

    padding-top: 0.2rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(3.8rem, 6vw, 6.5rem);

    font-weight: 900;

    line-height: 0.8;

    letter-spacing: -0.06em;
}

.industry-file__content {
    max-width: 44rem;
}

.industry-file__content h3 {
    max-width: 18ch;

    margin-bottom: 1.3rem;

    font-size:
        clamp(2.1rem, 3.5vw, 3.45rem);

    line-height: 0.96;
}

.industry-file__content > p:not(.eyebrow) {
    max-width: 40rem;

    margin-bottom: 1.5rem;

    color:
        var(--text-muted);

    font-size: 1.04rem;

    line-height: 1.65;
}

.industry-file__list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        0.55rem
        1.4rem;

    margin: 0;
    padding: 0;

    list-style: none;
}

.industry-file__list li {
    position: relative;

    padding-left: 1.15rem;

    font-weight: 700;

    line-height: 1.4;
}

.industry-file__list li::before {
    content: "";

    position: absolute;
    top: 0.58em;
    left: 0;

    width: 0.42rem;
    height: 0.42rem;

    background:
        var(--correction-red);
}

.industry-file__memo {
    position: relative;

    padding:
        1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        rgba(25, 27, 29, 0.12);
}

.industry-file__memo .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--ledger-blue);
}

.industry-file__memo strong {
    display: block;

    margin-bottom: 1.2rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.35rem, 2vw, 1.85rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

.industry-file--restaurant {
    background:
        var(--paper-light);
}

.industry-file--restaurant .industry-file__number {
    color:
        var(--correction-red);
}

.industry-file--contractors {
    background:
        var(--manila-light);
}

.industry-file--contractors .industry-file__number {
    color:
        var(--ledger-blue);
}

.industry-file--professional {
    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.industry-file--professional .eyebrow,
.industry-file--professional .industry-file__number {
    color:
        var(--highlighter);
}

.industry-file--professional .industry-file__content > p:not(.eyebrow) {
    color:
        rgba(245, 240, 230, 0.82);
}

.industry-file--professional .industry-file__list li::before {
    background:
        var(--highlighter);
}

.industry-file--professional .industry-file__memo {
    background:
        var(--paper-light);

    color:
        var(--ink);
}

.industry-file--creative {
    background:
        var(--paper-light);
}

.industry-file--creative .industry-file__number {
    color:
        var(--correction-red);
}

.industry-file--creative .industry-file__memo {
    transform:
        rotate(-1deg);
}

.industry-file--retail {
    background:
        var(--manila-light);
}

.industry-file--retail .industry-file__number {
    color:
        var(--ledger-blue);
}

.industry-file--retail .industry-file__memo {
    box-shadow:
        -0.45rem
        0.45rem
        0
        var(--highlighter);
}

/* --------------------------------------------------------------------------
   "Other" Statement
   -------------------------------------------------------------------------- */

.industries-statement {
    padding-block:
        clamp(4rem, 7vw, 6rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);

    color:
        var(--ink);
}

.industries-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(11rem, 0.45fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.industries-statement__inner > p:nth-child(2) {
    max-width: 17ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.6rem, 5vw, 4.8rem);

    font-weight: 900;

    letter-spacing: -0.03em;

    line-height: 0.92;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Everybody Else
   -------------------------------------------------------------------------- */

.industries-other {
    background:
        var(--paper-light);
}

.industries-other__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.72fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.industries-other h2 {
    max-width: 18ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.6rem, 4.7vw, 4.5rem);

    line-height: 0.95;
}

.industries-other__grid > div:first-child > p:last-child {
    max-width: 44rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.industries-other__checklist {
    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.industries-other__checklist > div {
    display: grid;

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

    gap:
        0.15rem
        1rem;

    padding:
        1.25rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.industries-other__checklist > div:last-child {
    border-bottom: 0;
}

.industries-other__checklist span {
    grid-row:
        1 / span 2;

    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.8rem;
    font-weight: 500;
}

.industries-other__checklist strong {
    font-family:
        var(--font-display);

    font-size:
        clamp(1.2rem, 2vw, 1.55rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

.industries-other__checklist small {
    color:
        var(--text-muted);

    font-family:
        var(--font-mono);
}

/* --------------------------------------------------------------------------
   Good Fit
   -------------------------------------------------------------------------- */

.industries-fit {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);

    color:
        var(--paper-light);
}

.industries-fit__heading {
    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);
}

.industries-fit__heading .eyebrow {
    color:
        var(--highlighter);
}

.industries-fit__heading h2 {
    max-width: 14ch;

    font-size:
        clamp(2.7rem, 4.8vw, 4.6rem);

    line-height: 0.94;
}

.industries-fit__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px
        solid
        rgba(245, 240, 230, 0.35);

    border-left:
        1px
        solid
        rgba(245, 240, 230, 0.35);
}

.industries-fit__grid article {
    min-height: 16rem;

    padding:
        clamp(1.5rem, 3vw, 2.5rem);

    border-right:
        1px
        solid
        rgba(245, 240, 230, 0.35);

    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.35);
}

.industries-fit__grid .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.industries-fit__grid h3 {
    max-width: 18ch;

    margin-bottom: 1rem;

    color:
        var(--paper-light);

    font-size:
        clamp(1.6rem, 2.5vw, 2.25rem);

    line-height: 1;
}

.industries-fit__grid p {
    max-width: 29rem;

    color:
        rgba(245, 240, 230, 0.72);

    line-height: 1.6;
}

/* --------------------------------------------------------------------------
   Services Handoff
   -------------------------------------------------------------------------- */

.industries-services {
    background:
        var(--manila-light);
}

.industries-services__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.62fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.industries-services h2 {
    max-width: 16ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.6rem, 4.6vw, 4.45rem);

    line-height: 0.95;
}

.industries-services__grid > div:first-child > p:last-child {
    max-width: 42rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.industries-services__routing {
    padding:
        1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.industries-services__routing > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.industries-services__routing dl {
    margin:
        0
        0
        1.5rem;
}

.industries-services__routing dl > div {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 1rem;

    padding-block:
        0.75rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.industries-services__routing dt {
    font-family:
        var(--font-mono);

    font-size: 0.75rem;
    font-weight: 500;

    text-transform: uppercase;
}

.industries-services__routing dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    text-align: right;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Closing CTA
   -------------------------------------------------------------------------- */

.industries-closing {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.industries-closing__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.industries-closing .eyebrow {
    color:
        var(--paper-light);
}

.industries-closing h2 {
    max-width: 16ch;

    margin-bottom: 1.4rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 5vw, 4.9rem);

    line-height: 0.93;
}

.industries-closing__grid > div:first-child > p:last-child {
    max-width: 42rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.industries-closing__action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1rem;
}

.industries-closing__action .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

.industries-closing__action .utility {
    color:
        rgba(245, 240, 230, 0.78);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .industries-hero__grid,
    .industries-reality__grid,
    .industries-other__grid,
    .industries-services__grid {
        grid-template-columns: 1fr;
    }

    .industries-hero__content h1 {
        max-width: 14ch;
    }

    .industries-hero__index {
        max-width: 42rem;
    }

    .industry-file__grid {
        grid-template-columns:
            4rem
            minmax(0, 1fr);
    }

    .industry-file__memo {
        grid-column:
            2;
    }

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

    .industries-statement__inner .status-stamp {
        justify-self: start;
    }

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

@media (max-width: 700px) {
    .industries-hero {
        padding-top: 4rem;
    }

    .industries-hero__content h1 {
        max-width: 12ch;

        font-size:
            clamp(3rem, 13vw, 4.6rem);
    }

    .industries-hero__index {
        margin-top: 1rem;

        box-shadow:
            0.45rem
            0.45rem
            0
            var(--ledger-blue);
    }

    .industries-hero__index-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .industries-reality__row {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .industries-reality__row--head {
        display: none;
    }

    .industries-reality__row span:first-child {
        color:
            var(--correction-red);

        font-family:
            var(--font-mono);

        font-size: 0.78rem;
        font-weight: 500;

        text-transform: uppercase;
    }

    .industry-file__grid {
        grid-template-columns: 1fr;

        gap: 1.75rem;
    }

    .industry-file__number {
        font-size: 4.2rem;
    }

    .industry-file__memo {
        grid-column: auto;
    }

    .industry-file__list {
        grid-template-columns: 1fr;
    }

    .industry-file--creative .industry-file__memo {
        transform: none;
    }

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

    .industries-closing__action {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .industries-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .industries-hero__actions .button {
        width: 100%;
    }

    .industries-hero__text-link {
        padding-block: 0.5rem;
    }

    .industries-hero__index-list li {
        grid-template-columns:
            2.25rem
            minmax(0, 1fr);
    }

    .industries-files__heading h2,
    .industries-other h2,
    .industries-services h2,
    .industries-closing h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .industries-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .industries-services__routing dl > div {
        grid-template-columns: 1fr;
    }

    .industries-services__routing dd {
        text-align: left;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - INDUSTRIES FIT HEADING FIX
   ========================================================================== */

.industries-fit__heading h2 {
    color: var(--paper-light);
}
/* ==========================================================================
   MIND YOUR BUSINESS - INDUSTRIES OTHER HEADING FIX
   ========================================================================== */

.industries-other__grid {
    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(18rem, 0.62fr);

    gap:
        clamp(3rem, 6vw, 6rem);
}

.industries-other h2 {
    max-width: 20ch;

    font-size:
        clamp(2.45rem, 4vw, 3.9rem);

    line-height: 0.96;
}

@media (max-width: 980px) {
    .industries-other__grid {
        grid-template-columns: 1fr;
    }

    .industries-other h2 {
        max-width: 18ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - INDUSTRIES FILES SPACING FIX
   ========================================================================== */

.industries-files__heading {
    padding-top:
        clamp(4rem, 7vw, 6rem);

    padding-bottom:
        clamp(2.5rem, 4vw, 3.5rem);
}

.industry-file--restaurant {
    padding-top:
        clamp(2.75rem, 4.5vw, 4rem);
}
/* ==========================================================================
   MIND YOUR BUSINESS - INDUSTRIES RESTAURANT PHOTO
   ========================================================================== */

.industries-restaurant-photo {
    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.industries-restaurant-photo__figure {
    position: relative;

    width: 100%;
    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.industries-restaurant-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.04)
        brightness(0.94);
}

.industries-restaurant-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.04) 0%,
            rgba(25, 27, 29, 0.08) 42%,
            rgba(25, 27, 29, 0.34) 58%,
            rgba(25, 27, 29, 0.78) 76%,
            rgba(25, 27, 29, 0.94) 100%
        );
}

.industries-restaurant-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(34rem, 42vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.industries-restaurant-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--manila-light);
}

.industries-restaurant-photo__overlay h2 {
    max-width: 11ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 4.8vw, 4.7rem);

    line-height: 0.93;

    letter-spacing:
        -0.025em;
}

.industries-restaurant-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.industries-restaurant-photo__note {
    max-width: 29rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.95);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.industries-restaurant-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.industries-restaurant-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.2rem, 1.9vw, 1.6rem);

    font-weight: 800;

    line-height: 1.07;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.industries-restaurant-photo__figure figcaption {
    position: absolute;

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .industries-restaurant-photo__figure {
        min-height: 44rem;
    }

    .industries-restaurant-photo__figure > img {
        object-position:
            40%
            center;
    }

    .industries-restaurant-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.78) 0%,
                rgba(25, 27, 29, 0.65) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .industries-restaurant-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .industries-restaurant-photo__overlay h2 {
        max-width: 13ch;

        font-size:
            clamp(2.5rem, 10vw, 3.8rem);
    }

    .industries-restaurant-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .industries-restaurant-photo__figure {
        min-height: 48rem;
    }

    .industries-restaurant-photo__overlay {
        top: 2rem;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - INDUSTRIES CONTRACTOR PHOTO
   ========================================================================== */

.industries-contractor-photo {
    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.industries-contractor-photo__figure {
    position: relative;

    width: 100%;
    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.industries-contractor-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.04)
        brightness(0.94);
}

.industries-contractor-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.94) 0%,
            rgba(25, 27, 29, 0.8) 24%,
            rgba(25, 27, 29, 0.42) 43%,
            rgba(25, 27, 29, 0.1) 62%,
            rgba(25, 27, 29, 0.04) 100%
        );
}

.industries-contractor-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(34rem, 42vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.industries-contractor-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--manila-light);
}

.industries-contractor-photo__overlay h2 {
    max-width: 13ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 4.7vw, 4.6rem);

    line-height: 0.93;

    letter-spacing:
        -0.025em;
}

.industries-contractor-photo__overlay > p:not(.utility) {
    max-width: 30rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.industries-contractor-photo__note {
    max-width: 29rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.95);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.industries-contractor-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--ledger-blue);
}

.industries-contractor-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.2rem, 1.9vw, 1.6rem);

    font-weight: 800;

    line-height: 1.07;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.industries-contractor-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .industries-contractor-photo__figure {
        min-height: 44rem;
    }

    .industries-contractor-photo__figure > img {
        object-position:
            58%
            center;
    }

    .industries-contractor-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.8) 0%,
                rgba(25, 27, 29, 0.67) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .industries-contractor-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .industries-contractor-photo__overlay h2 {
        max-width: 14ch;

        font-size:
            clamp(2.5rem, 10vw, 3.8rem);
    }

    .industries-contractor-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .industries-contractor-photo__figure {
        min-height: 48rem;
    }

    .industries-contractor-photo__overlay {
        top: 2rem;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - INDUSTRIES RETAIL PHOTO
   ========================================================================== */

.industries-retail-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.industries-retail-photo__figure {
    position: relative;

    width: 100%;
    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.industries-retail-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03)
        brightness(0.94);
}

.industries-retail-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.04) 0%,
            rgba(25, 27, 29, 0.08) 44%,
            rgba(25, 27, 29, 0.32) 60%,
            rgba(25, 27, 29, 0.66) 76%,
            rgba(25, 27, 29, 0.88) 100%
        );
}

.industries-retail-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    padding:
        clamp(2rem, 4vw, 3.2rem);

    transform:
        translateY(-50%);

    border-top:
        1px
        solid
        rgba(245, 240, 230, 0.5);

    border-right:
        1px
        solid
        rgba(245, 240, 230, 0.3);

    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.5);

    border-left:
        6px
        solid
        var(--highlighter);

    background:
        rgba(49, 95, 120, 0.9);

    box-shadow:
        0.55rem
        0.55rem
        0
        rgba(25, 27, 29, 0.32);

    color:
        var(--paper-light);
}

.industries-retail-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.industries-retail-photo__overlay h2 {
    max-width: 13ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.65rem, 4.5vw, 4.45rem);

    line-height: 0.93;

    letter-spacing:
        -0.025em;
}

.industries-retail-photo__overlay > p:not(.utility) {
    max-width: 30rem;

    margin-bottom: 1.8rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.industries-retail-photo__note {
    max-width: 30rem;

    padding-top: 1rem;

    border-top:
        2px
        solid
        rgba(245, 240, 230, 0.68);
}

.industries-retail-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--highlighter);
}

.industries-retail-photo__note strong {
    display: block;

    max-width: 24ch;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.9vw, 1.6rem);

    font-weight: 800;

    line-height: 1.07;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.industries-retail-photo__figure figcaption {
    position: absolute;

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .industries-retail-photo__figure {
        min-height: 46rem;
    }

    .industries-retail-photo__figure > img {
        object-position:
            40%
            center;
    }

    .industries-retail-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.66) 0%,
                rgba(25, 27, 29, 0.46) 54%,
                rgba(25, 27, 29, 0.18) 75%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .industries-retail-photo__overlay {
        top: 2.5rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        padding:
            1.8rem;

        transform: none;
    }

    .industries-retail-photo__overlay h2 {
        max-width: 14ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .industries-retail-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .industries-retail-photo__figure {
        min-height: 50rem;
    }

    .industries-retail-photo__overlay {
        top: 2rem;

        padding:
            1.5rem;
    }

    .industries-retail-photo__overlay h2 {
        max-width: 12ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ABOUT PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.about-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.25rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.about-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(19rem, 0.7fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-hero__content {
    max-width: 52rem;
}

.about-hero__content h1 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(3.3rem, 6vw, 6rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.about-hero__intro {
    max-width: 39rem;

    margin-bottom: 2rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.08rem, 1.55vw, 1.22rem);

    line-height: 1.65;
}

.about-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap:
        1rem
        1.4rem;
}

.about-hero__text-link {
    font-family:
        var(--font-mono);

    font-size: 0.85rem;
    font-weight: 500;

    text-decoration-thickness: 2px;
    text-underline-offset: 0.25rem;
}

.about-hero__file {
    position: relative;

    padding:
        1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.about-hero__file::before {
    content: "PERSONNEL";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.about-hero__file-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.about-hero__file dl {
    margin: 0;
}

.about-hero__file dl > div {
    display: grid;

    grid-template-columns:
        minmax(8rem, 0.75fr)
        minmax(0, 1fr);

    gap: 1rem;

    padding-block:
        0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.about-hero__file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.06em;

    text-transform: uppercase;
}

.about-hero__file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    text-align: right;

    text-transform: uppercase;
}

.about-hero__file-note {
    margin:
        1.25rem
        0
        0;

    padding:
        1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--paper-light);

    font-weight: 700;
}

.about-hero__file-note .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--correction-red);
}

/* --------------------------------------------------------------------------
   Origin
   -------------------------------------------------------------------------- */

.about-origin {
    background:
        var(--manila-light);
}

.about-origin__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(20rem, 0.84fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-origin h2 {
    max-width: 17ch;

    font-size:
        clamp(2.65rem, 4.6vw, 4.45rem);

    line-height: 0.95;
}

.about-origin__copy {
    max-width: 39rem;

    padding-top: 2rem;

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

.about-origin__copy p {
    color:
        var(--text-muted);

    font-size: 1.06rem;

    line-height: 1.68;
}

.about-origin__copy p + p {
    margin-top: 1.15rem;
}

.about-origin__copy p:nth-child(2) {
    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.45rem, 2.2vw, 2rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Policy Statement
   -------------------------------------------------------------------------- */

.about-statement {
    padding-block:
        clamp(3.75rem, 7vw, 5.75rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);
}

.about-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(10rem, 0.42fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.about-statement__inner > p:nth-child(2) {
    max-width: 16ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.65rem, 5vw, 4.8rem);

    font-weight: 900;

    line-height: 0.92;

    letter-spacing:
        -0.03em;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Philosophy
   -------------------------------------------------------------------------- */

.about-philosophy {
    background:
        var(--paper-light);
}

.about-philosophy__heading {
    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);
}

.about-philosophy__heading h2 {
    max-width: 16ch;

    font-size:
        clamp(2.7rem, 4.8vw, 4.65rem);

    line-height: 0.94;
}

.about-philosophy__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        2px
        solid
        var(--ink);

    border-left:
        2px
        solid
        var(--ink);
}

.about-philosophy__grid article {
    position: relative;

    min-height: 19rem;

    padding:
        clamp(1.75rem, 4vw, 3rem);

    border-right:
        2px
        solid
        var(--ink);

    border-bottom:
        2px
        solid
        var(--ink);

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

.about-philosophy__grid article:nth-child(2),
.about-philosophy__grid article:nth-child(3) {
    background:
        var(--manila-light);
}

.about-philosophy__number {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;

    color:
        rgba(25, 27, 29, 0.09);

    font-family:
        var(--font-display);

    font-size:
        clamp(4rem, 8vw, 7rem);

    font-weight: 900;

    line-height: 0.8;

    letter-spacing:
        -0.07em;
}

.about-philosophy__grid .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.about-philosophy__grid h3 {
    position: relative;
    z-index: 1;

    max-width: 16ch;

    margin-bottom: 1rem;

    font-size:
        clamp(1.7rem, 2.8vw, 2.45rem);

    line-height: 0.98;
}

.about-philosophy__grid p:last-child {
    position: relative;
    z-index: 1;

    max-width: 30rem;

    color:
        var(--text-muted);

    line-height: 1.62;
}

/* --------------------------------------------------------------------------
   No Judgment
   -------------------------------------------------------------------------- */

.about-judgment {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.about-judgment__grid {
    display: grid;

    grid-template-columns:
        minmax(13rem, 0.42fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-judgment__label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1.25rem;

    padding-top: 0.6rem;
}

.about-judgment__label .utility {
    color:
        var(--highlighter);
}

.about-judgment__label .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

.about-judgment__content {
    max-width: 48rem;
}

.about-judgment__content h2 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    color:
        var(--paper-light);

    font-size:
        clamp(3rem, 5.4vw, 5.3rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.about-judgment__content p {
    max-width: 41rem;

    color:
        rgba(245, 240, 230, 0.84);

    font-size:
        1.08rem;

    line-height: 1.66;
}

.about-judgment__content p + p {
    margin-top: 1rem;
}

/* --------------------------------------------------------------------------
   How We Work
   -------------------------------------------------------------------------- */

.about-work {
    background:
        var(--paper-light);
}

.about-work__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1.08fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-work__intro {
    position: sticky;
    top: 2rem;
}

.about-work__intro h2 {
    max-width: 14ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.55rem, 4.4vw, 4.25rem);

    line-height: 0.95;
}

.about-work__intro > p:last-child {
    max-width: 34rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.about-work__ledger {
    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        rgba(25, 27, 29, 0.11);
}

.about-work__row {
    display: grid;

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

    gap: 1.2rem;

    padding:
        clamp(1.35rem, 3vw, 2rem);

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.about-work__row:last-child {
    border-bottom: 0;
}

.about-work__row > span {
    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.8rem;
    font-weight: 500;
}

.about-work__row strong {
    display: block;

    margin-bottom: 0.45rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.35rem, 2.1vw, 1.8rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

.about-work__row p {
    max-width: 34rem;

    color:
        var(--text-muted);

    line-height: 1.58;
}

/* --------------------------------------------------------------------------
   What We Are Not
   -------------------------------------------------------------------------- */

.about-not {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);

    color:
        var(--paper-light);
}

.about-not__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.65fr)
        minmax(0, 1fr);

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-not .eyebrow {
    color:
        var(--highlighter);
}

.about-not h2 {
    max-width: 11ch;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 4.8vw, 4.6rem);

    line-height: 0.94;
}

.about-not__list {
    border-top:
        1px
        solid
        rgba(245, 240, 230, 0.36);
}

.about-not__list article {
    display: grid;

    grid-template-columns:
        8rem
        minmax(11rem, 0.58fr)
        minmax(0, 1fr);

    gap:
        1.5rem;

    align-items: start;

    padding-block:
        1.7rem;

    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.36);
}

.about-not__list .utility {
    color:
        var(--highlighter);
}

.about-not__list h3 {
    color:
        var(--paper-light);

    font-size:
        clamp(1.5rem, 2.3vw, 2rem);

    line-height: 1;
}

.about-not__list p {
    max-width: 31rem;

    color:
        rgba(245, 240, 230, 0.72);

    line-height: 1.58;
}

/* --------------------------------------------------------------------------
   Professional Boundaries
   -------------------------------------------------------------------------- */

.about-boundaries {
    background:
        var(--manila-light);
}

.about-boundaries__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(19rem, 0.72fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-boundaries h2 {
    max-width: 16ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.6rem, 4.6vw, 4.4rem);

    line-height: 0.95;
}

.about-boundaries__grid > div:first-child > p:last-child {
    max-width: 42rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.about-boundaries__files {
    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.about-boundaries__files > div {
    padding:
        1.15rem
        1.25rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.about-boundaries__files > div:last-child {
    border-bottom: 0;
}

.about-boundaries__files .utility {
    display: block;

    margin-bottom: 0.4rem;

    color:
        var(--correction-red);
}

.about-boundaries__files strong {
    display: block;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Big Statement
   -------------------------------------------------------------------------- */

.about-big-statement {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.about-big-statement__inner .utility {
    display: block;

    margin-bottom: 1.5rem;

    color:
        rgba(245, 240, 230, 0.78);
}

.about-big-statement__inner > p:last-child {
    max-width: 18ch;

    margin: 0;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(3rem, 6vw, 6rem);

    font-weight: 900;

    line-height: 0.91;

    letter-spacing:
        -0.035em;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Fit
   -------------------------------------------------------------------------- */

.about-fit {
    background:
        var(--paper-light);
}

.about-fit__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.62fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-fit__content h2 {
    max-width: 17ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.55rem, 4.5vw, 4.35rem);

    line-height: 0.95;
}

.about-fit__content > p:last-child {
    max-width: 43rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.about-fit__memo {
    position: relative;

    padding:
        1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        -0.55rem
        0.55rem
        0
        var(--highlighter);
}

.about-fit__memo > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.about-fit__memo ul {
    margin:
        0
        0
        1.4rem;

    padding: 0;

    list-style: none;
}

.about-fit__memo li {
    position: relative;

    padding:
        0.8rem
        0
        0.8rem
        1.35rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.12;

    text-transform: uppercase;
}

.about-fit__memo li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color:
        var(--correction-red);

    font-family:
        var(--font-mono);
}

/* --------------------------------------------------------------------------
   Closing CTA
   -------------------------------------------------------------------------- */

.about-closing {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.about-closing__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.about-closing .eyebrow {
    color:
        var(--highlighter);
}

.about-closing h2 {
    max-width: 16ch;

    margin-bottom: 1.4rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 5vw, 4.9rem);

    line-height: 0.93;
}

.about-closing__grid > div:first-child > p:last-child {
    max-width: 42rem;

    color:
        rgba(245, 240, 230, 0.84);

    font-size: 1.05rem;

    line-height: 1.65;
}

.about-closing__action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1rem;
}

.about-closing__action .status-stamp {
    max-width: 15rem;

    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

.about-closing__action .utility {
    color:
        rgba(245, 240, 230, 0.75);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .about-hero__grid,
    .about-origin__grid,
    .about-work__grid,
    .about-not__grid,
    .about-boundaries__grid,
    .about-fit__grid {
        grid-template-columns: 1fr;
    }

    .about-hero__file {
        max-width: 43rem;
    }

    .about-origin__copy {
        padding-top: 0;
        border-top: 0;
    }

    .about-work__intro {
        position: static;
    }

    .about-not__list {
        max-width: 50rem;
    }

    .about-closing__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .about-statement__inner {
        grid-template-columns: 1fr;
    }

    .about-statement__inner .status-stamp {
        justify-self: start;
    }

    .about-philosophy__grid {
        grid-template-columns: 1fr;
    }

    .about-judgment__grid {
        grid-template-columns: 1fr;

        gap: 2rem;
    }

    .about-not__list article {
        grid-template-columns: 1fr;

        gap: 0.65rem;
    }
}

@media (max-width: 600px) {
    .about-hero {
        padding-top: 4rem;
    }

    .about-hero__content h1 {
        max-width: 10ch;

        font-size:
            clamp(3rem, 13vw, 4.6rem);
    }

    .about-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .about-hero__actions .button {
        width: 100%;
    }

    .about-hero__text-link {
        padding-block: 0.5rem;
    }

    .about-hero__file-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .about-hero__file dl > div {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .about-hero__file dd {
        text-align: left;
    }

    .about-philosophy__grid article {
        min-height: 0;
    }

    .about-work__row {
        grid-template-columns:
            2.5rem
            minmax(0, 1fr);
    }

    .about-origin h2,
    .about-philosophy__heading h2,
    .about-work__intro h2,
    .about-not h2,
    .about-boundaries h2,
    .about-fit__content h2,
    .about-closing h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .about-judgment__content h2 {
        font-size:
            clamp(2.7rem, 12vw, 4rem);
    }

    .about-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.45rem, 11vw, 3.5rem);
    }

    .about-big-statement__inner > p:last-child {
        font-size:
            clamp(2.8rem, 12vw, 4.2rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ABOUT BOOKKEEPER PHOTO
   ========================================================================== */

.about-bookkeeper-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.about-bookkeeper-photo__figure {
    position: relative;

    width: 100%;
    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.about-bookkeeper-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03)
        brightness(0.94);
}

.about-bookkeeper-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.92) 0%,
            rgba(25, 27, 29, 0.78) 24%,
            rgba(25, 27, 29, 0.42) 43%,
            rgba(25, 27, 29, 0.12) 62%,
            rgba(25, 27, 29, 0.04) 100%
        );
}

.about-bookkeeper-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.about-bookkeeper-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--manila-light);
}

.about-bookkeeper-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.75rem, 4.6vw, 4.5rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.about-bookkeeper-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.about-bookkeeper-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.95);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.about-bookkeeper-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.about-bookkeeper-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.about-bookkeeper-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .about-bookkeeper-photo__figure {
        min-height: 44rem;
    }

    .about-bookkeeper-photo__figure > img {
        object-position:
            62%
            center;
    }

    .about-bookkeeper-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.8) 0%,
                rgba(25, 27, 29, 0.66) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .about-bookkeeper-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .about-bookkeeper-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .about-bookkeeper-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .about-bookkeeper-photo__figure {
        min-height: 48rem;
    }

    .about-bookkeeper-photo__overlay {
        top: 2rem;
    }

    .about-bookkeeper-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ABOUT CLIENT CONVERSATION
   ========================================================================== */

.about-client-conversation {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.about-client-conversation__figure {
    position: relative;

    width: 100%;
    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

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

.about-client-conversation__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.02);
}

.about-client-conversation__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(245, 240, 230, 0.98) 0%,
            rgba(245, 240, 230, 0.94) 24%,
            rgba(245, 240, 230, 0.76) 40%,
            rgba(245, 240, 230, 0.28) 56%,
            rgba(245, 240, 230, 0.04) 72%,
            rgba(245, 240, 230, 0) 100%
        );
}

.about-client-conversation__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--ink);
}

.about-client-conversation__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.about-client-conversation__overlay h2 {
    max-width: 13ch;

    margin-bottom: 1.35rem;

    color:
        var(--ink);

    font-size:
        clamp(2.75rem, 4.6vw, 4.5rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.about-client-conversation__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.about-client-conversation__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-top:
        1px
        solid
        rgba(25, 27, 29, 0.18);

    border-right:
        1px
        solid
        rgba(25, 27, 29, 0.18);

    border-bottom:
        1px
        solid
        rgba(25, 27, 29, 0.18);

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(215, 184, 112, 0.94);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.14);
}

.about-client-conversation__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.about-client-conversation__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.about-client-conversation__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .about-client-conversation__figure {
        min-height: 46rem;
    }

    .about-client-conversation__figure > img {
        object-position:
            62%
            center;
    }

    .about-client-conversation__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(245, 240, 230, 0.98) 0%,
                rgba(245, 240, 230, 0.94) 38%,
                rgba(245, 240, 230, 0.7) 54%,
                rgba(245, 240, 230, 0.12) 76%,
                rgba(245, 240, 230, 0) 100%
            );
    }

    .about-client-conversation__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .about-client-conversation__overlay h2 {
        max-width: 14ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .about-client-conversation__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .about-client-conversation__figure {
        min-height: 50rem;
    }

    .about-client-conversation__overlay {
        top: 2rem;
    }

    .about-client-conversation__overlay h2 {
        max-width: 12ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ABOUT OFFICE PHOTO
   ========================================================================== */

.about-office-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.about-office-photo__figure {
    position: relative;

    width: 100%;
    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.about-office-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.04)
        brightness(0.94);
}

.about-office-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.02) 0%,
            rgba(25, 27, 29, 0.05) 40%,
            rgba(25, 27, 29, 0.28) 57%,
            rgba(25, 27, 29, 0.72) 75%,
            rgba(25, 27, 29, 0.94) 100%
        );
}

.about-office-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(36rem, 44vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.about-office-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--manila-light);
}

.about-office-photo__overlay h2 {
    max-width: 15ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.6rem, 4.3vw, 4.2rem);

    line-height: 0.95;

    letter-spacing:
        -0.025em;
}

.about-office-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.about-office-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.96);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.about-office-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--ledger-blue);
}

.about-office-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.about-office-photo__figure figcaption {
    position: absolute;

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .about-office-photo__figure {
        min-height: 46rem;
    }

    .about-office-photo__figure > img {
        object-position:
            42%
            center;
    }

    .about-office-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.8) 0%,
                rgba(25, 27, 29, 0.66) 46%,
                rgba(25, 27, 29, 0.2) 75%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .about-office-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .about-office-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .about-office-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .about-office-photo__figure {
        min-height: 50rem;
    }

    .about-office-photo__overlay {
        top: 2rem;
    }

    .about-office-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ABOUT OFFICE COPY READABILITY FIX
   ========================================================================== */

.about-office-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    padding:
        0.8rem
        1rem;

    background:
        rgba(25, 27, 29, 0.78);

    color:
        var(--paper-light);

    box-shadow:
        0.3rem
        0.3rem
        0
        rgba(25, 27, 29, 0.14);

    line-height: 1.65;
}
/* ==========================================================================
   MIND YOUR BUSINESS - RESOURCES PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.resources-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.25rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.resources-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(19rem, 0.72fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-hero__content {
    max-width: 53rem;
}

.resources-hero__content h1 {
    max-width: 13ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(3.2rem, 5.8vw, 5.9rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.resources-hero__intro {
    max-width: 42rem;

    margin-bottom: 2rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.resources-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap:
        1rem
        1.4rem;
}

.resources-hero__text-link {
    font-family:
        var(--font-mono);

    font-size: 0.85rem;
    font-weight: 500;

    text-decoration-thickness: 2px;
    text-underline-offset: 0.25rem;
}

.resources-hero__index {
    position: relative;

    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.resources-hero__index::before {
    content: "REFERENCE";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.resources-hero__index-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.resources-hero__index-list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.resources-hero__index-list li {
    display: grid;

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

    align-items: center;

    gap: 0.8rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-size:
        clamp(1rem, 1.4vw, 1.18rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

.resources-hero__index-list li span {
    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.76rem;
    font-weight: 500;
}

.resources-hero__index-note {
    margin:
        1.25rem
        0
        0;

    padding: 1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--paper-light);

    font-weight: 700;

    line-height: 1.5;
}

.resources-hero__index-note .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--ledger-blue);
}

/* --------------------------------------------------------------------------
   Quick Reference
   -------------------------------------------------------------------------- */

.resources-quick {
    background:
        var(--manila-light);
}

.resources-quick__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.7fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-quick__intro {
    position: sticky;
    top: 2rem;
}

.resources-quick__intro h2 {
    max-width: 15ch;

    font-size:
        clamp(2.65rem, 4.6vw, 4.45rem);

    line-height: 0.95;
}

.resources-quick__list {
    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        rgba(25, 27, 29, 0.1);
}

.resources-quick__list article {
    display: grid;

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

    gap: 1.25rem;

    padding:
        clamp(1.35rem, 3vw, 2rem);

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.resources-quick__list article:last-child {
    border-bottom: 0;
}

.resources-quick__number {
    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.8rem;
    font-weight: 500;
}

.resources-quick__list strong {
    display: block;

    margin-bottom: 0.4rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.3rem, 2vw, 1.75rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

.resources-quick__list p {
    max-width: 33rem;

    color:
        var(--text-muted);

    line-height: 1.58;
}

/* --------------------------------------------------------------------------
   Statement
   -------------------------------------------------------------------------- */

.resources-statement {
    padding-block:
        clamp(3.8rem, 7vw, 5.8rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);

    color:
        var(--ink);
}

.resources-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(11rem, 0.42fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.resources-statement__inner > p:nth-child(2) {
    max-width: 15ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.7rem, 5vw, 4.9rem);

    font-weight: 900;

    line-height: 0.92;

    letter-spacing:
        -0.03em;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Resource Library
   -------------------------------------------------------------------------- */

.resources-library {
    padding-bottom:
        clamp(4.5rem, 8vw, 7rem);

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

.resources-library__heading {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-bottom:
        2px
        solid
        var(--ink);
}

.resources-library__heading h2 {
    max-width: 17ch;

    margin-bottom: 1.35rem;

    font-size:
        clamp(2.75rem, 4.8vw, 4.7rem);

    line-height: 0.94;
}

.resources-library__heading > p:last-child {
    max-width: 45rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-library__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 1.5rem;

    padding-top:
        clamp(2.5rem, 5vw, 4rem);
}

.resource-file {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 23rem;

    padding:
        clamp(1.5rem, 3vw, 2.25rem);

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.4rem
        0.4rem
        0
        rgba(25, 27, 29, 0.1);
}

.resource-file::before {
    content: "";

    position: absolute;
    top: -1rem;
    left: 1.3rem;

    width: 7rem;
    height: 1rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);
}

.resource-file--featured {
    grid-column:
        1 / -1;

    min-height: 0;

    padding:
        clamp(2rem, 4vw, 3rem);

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--highlighter);
}

.resource-file--featured::before {
    width: 9rem;

    background:
        var(--highlighter);
}

.resource-file__meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    gap: 1rem;

    margin-bottom: 1.4rem;
}

.resource-file--featured .resource-file__meta .utility {
    color:
        var(--highlighter);
}

.resource-file--featured .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

.resource-file h3 {
    max-width: 18ch;

    margin-bottom: 1rem;

    font-size:
        clamp(1.8rem, 3vw, 2.75rem);

    line-height: 0.98;
}

.resource-file--featured h3 {
    max-width: 20ch;

    color:
        var(--paper-light);

    font-size:
        clamp(2.3rem, 4vw, 3.8rem);
}

.resource-file > p {
    max-width: 38rem;

    margin-bottom: 1.4rem;

    color:
        var(--text-muted);

    line-height: 1.62;
}

.resource-file--featured > p {
    max-width: 45rem;

    color:
        rgba(245, 240, 230, 0.82);
}

.resource-file__contents {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        0.55rem
        1.5rem;

    max-width: 43rem;

    margin:
        0
        0
        1.5rem;

    padding: 0;

    list-style: none;
}

.resource-file__contents li {
    position: relative;

    padding-left: 1.15rem;

    font-weight: 700;
}

.resource-file__contents li::before {
    content: "";

    position: absolute;
    top: 0.55em;
    left: 0;

    width: 0.42rem;
    height: 0.42rem;

    background:
        var(--highlighter);
}

.resource-file__link {
    display: inline-block;

    align-self: flex-start;

    margin-top: auto;
    padding-top: 1rem;

    border-top:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-mono);

    font-size: 0.82rem;
    font-weight: 500;

    text-decoration-thickness: 2px;
    text-underline-offset: 0.25rem;
}

.resource-file--featured .resource-file__link {
    border-color:
        rgba(245, 240, 230, 0.35);

    color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Month-End Checklist
   -------------------------------------------------------------------------- */

.resources-checklist {
    border-top:
        4px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.resources-checklist__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.68fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-checklist__intro {
    position: sticky;
    top: 2rem;
}

.resources-checklist__intro h2 {
    max-width: 13ch;

    margin-bottom: 1.3rem;

    font-size:
        clamp(2.7rem, 4.7vw, 4.5rem);

    line-height: 0.94;
}

.resources-checklist__intro > p {
    max-width: 34rem;

    margin-bottom: 1.5rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-checklist__steps {
    margin: 0;
    padding: 0;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    list-style: none;

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.resources-checklist__steps li {
    display: grid;

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

    gap: 1.25rem;

    padding:
        clamp(1.35rem, 3vw, 2rem);

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.resources-checklist__steps li:last-child {
    border-bottom: 0;
}

.resources-checklist__steps li > span {
    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.8rem;
    font-weight: 500;
}

.resources-checklist__steps strong {
    display: block;

    margin-bottom: 0.4rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.3rem, 2vw, 1.7rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

.resources-checklist__steps p {
    max-width: 34rem;

    color:
        var(--text-muted);

    line-height: 1.58;
}

/* --------------------------------------------------------------------------
   Document Request
   -------------------------------------------------------------------------- */

.resources-documents {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.resources-documents__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(19rem, 0.68fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-documents h2 {
    max-width: 16ch;

    margin-bottom: 1.3rem;

    font-size:
        clamp(2.65rem, 4.6vw, 4.45rem);

    line-height: 0.95;
}

.resources-documents__grid > div:first-child > p:last-child {
    max-width: 39rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-documents__sheet {
    position: relative;

    padding: 1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.65rem
        0.65rem
        0
        var(--ledger-blue);
}

.resources-documents__sheet::before {
    content: "REQUEST";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.resources-documents__sheet-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.resources-documents__sheet ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.resources-documents__sheet li {
    position: relative;

    padding:
        0.8rem
        0
        0.8rem
        1.4rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

.resources-documents__sheet li::before {
    content: "□";

    position: absolute;
    left: 0;

    color:
        var(--correction-red);

    font-family:
        var(--font-mono);
}

.resources-documents__note {
    margin:
        1.2rem
        0
        0;

    padding:
        1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-weight: 800;

    text-transform: uppercase;
}

.resources-documents__note .utility {
    display: block;

    margin-bottom: 0.4rem;

    color:
        var(--ledger-blue);
}

/* --------------------------------------------------------------------------
   Cleanup Guide
   -------------------------------------------------------------------------- */

.resources-cleanup {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.resources-cleanup__grid {
    display: grid;

    grid-template-columns:
        minmax(13rem, 0.4fr)
        minmax(0, 1fr);

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-cleanup__label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1.2rem;
}

.resources-cleanup__label .utility {
    color:
        var(--highlighter);
}

.resources-cleanup__label .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

.resources-cleanup__content {
    max-width: 52rem;
}

.resources-cleanup__content h2 {
    max-width: 14ch;

    margin-bottom: 1.3rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 5vw, 4.9rem);

    line-height: 0.93;
}

.resources-cleanup__content > p:not(.resources-cleanup__aside) {
    max-width: 42rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.84);

    font-size: 1.06rem;

    line-height: 1.65;
}

.resources-cleanup__sequence {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    margin-bottom: 2rem;

    border-top:
        1px
        solid
        rgba(245, 240, 230, 0.35);

    border-left:
        1px
        solid
        rgba(245, 240, 230, 0.35);
}

.resources-cleanup__sequence > div {
    display: grid;

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

    gap: 0.8rem;

    padding:
        1.25rem;

    border-right:
        1px
        solid
        rgba(245, 240, 230, 0.35);

    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.35);
}

.resources-cleanup__sequence span {
    color:
        var(--highlighter);

    font-family:
        var(--font-mono);

    font-weight: 500;
}

.resources-cleanup__sequence strong {
    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

.resources-cleanup__aside {
    max-width: 43rem;

    margin: 0;

    padding:
        1.1rem
        1.2rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(25, 27, 29, 0.32);

    color:
        var(--paper-light);

    line-height: 1.55;
}

.resources-cleanup__aside strong {
    font-family:
        var(--font-display);

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Year-End
   -------------------------------------------------------------------------- */

.resources-year-end {
    background:
        var(--manila-light);
}

.resources-year-end__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(19rem, 0.68fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-year-end h2 {
    max-width: 13ch;

    margin-bottom: 1.3rem;

    font-size:
        clamp(2.8rem, 5vw, 4.8rem);

    line-height: 0.93;
}

.resources-year-end__grid > div:first-child > p:last-child {
    max-width: 40rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-year-end__check {
    padding:
        1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--correction-red);
}

.resources-year-end__check > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.resources-year-end__check > div {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

    padding-block:
        0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.resources-year-end__check > div strong {
    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

.resources-year-end__check > div span {
    color:
        var(--correction-red);

    font-family:
        var(--font-display);

    font-size: 1.4rem;

    font-weight: 900;
}

.resources-year-end__check > p {
    margin:
        1.25rem
        0
        0;

    padding:
        1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);

    font-weight: 700;

    line-height: 1.5;
}

.resources-year-end__check > p .utility {
    display: block;

    margin-bottom: 0.4rem;

    color:
        var(--correction-red);
}

/* --------------------------------------------------------------------------
   Reports Guide
   -------------------------------------------------------------------------- */

.resources-reports {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);

    color:
        var(--paper-light);
}

.resources-reports__heading {
    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);
}

.resources-reports__heading .eyebrow {
    color:
        var(--highlighter);
}

.resources-reports__heading h2 {
    max-width: 16ch;

    color:
        var(--paper-light);

    font-size:
        clamp(2.75rem, 4.8vw, 4.7rem);

    line-height: 0.94;
}

.resources-reports__grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top:
        1px
        solid
        rgba(245, 240, 230, 0.34);

    border-left:
        1px
        solid
        rgba(245, 240, 230, 0.34);
}

.resources-reports__grid article {
    min-height: 17rem;

    padding:
        clamp(1.5rem, 3vw, 2.5rem);

    border-right:
        1px
        solid
        rgba(245, 240, 230, 0.34);

    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.34);
}

.resources-reports__grid .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.resources-reports__grid h3 {
    max-width: 18ch;

    margin-bottom: 1rem;

    color:
        var(--paper-light);

    font-size:
        clamp(1.55rem, 2.5vw, 2.2rem);

    line-height: 1;
}

.resources-reports__grid p {
    max-width: 30rem;

    color:
        rgba(245, 240, 230, 0.72);

    line-height: 1.6;
}

/* --------------------------------------------------------------------------
   Disclaimer
   -------------------------------------------------------------------------- */

.resources-disclaimer {
    padding-block:
        clamp(4rem, 7vw, 6rem);

    background:
        var(--highlighter);
}

.resources-disclaimer__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-disclaimer h2 {
    max-width: 14ch;

    font-size:
        clamp(2.55rem, 4.4vw, 4.2rem);

    line-height: 0.95;
}

.resources-disclaimer__grid > div:last-child {
    padding-top: 1.8rem;

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

.resources-disclaimer__grid > div:last-child p {
    max-width: 40rem;

    line-height: 1.65;
}

.resources-disclaimer__grid > div:last-child p + p {
    margin-top: 1rem;
}

/* --------------------------------------------------------------------------
   Services Hand-Off
   -------------------------------------------------------------------------- */

.resources-handoff {
    background:
        var(--paper-light);
}

.resources-handoff__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.62fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-handoff h2 {
    max-width: 16ch;

    margin-bottom: 1.3rem;

    font-size:
        clamp(2.6rem, 4.6vw, 4.4rem);

    line-height: 0.95;
}

.resources-handoff__grid > div:first-child > p:last-child {
    max-width: 41rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-handoff__routing {
    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.resources-handoff__routing > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.resources-handoff__routing dl {
    margin:
        0
        0
        1.5rem;
}

.resources-handoff__routing dl > div {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 1rem;

    padding-block:
        0.75rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.resources-handoff__routing dt {
    font-family:
        var(--font-mono);

    font-size: 0.75rem;
    font-weight: 500;

    text-transform: uppercase;
}

.resources-handoff__routing dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    text-align: right;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Closing CTA
   -------------------------------------------------------------------------- */

.resources-closing {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.resources-closing__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.resources-closing .eyebrow {
    color:
        var(--paper-light);
}

.resources-closing h2 {
    max-width: 14ch;

    margin-bottom: 1.3rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.85rem, 5vw, 4.9rem);

    line-height: 0.93;
}

.resources-closing__grid > div:first-child > p:last-child {
    max-width: 42rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-closing__action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1rem;
}

.resources-closing__action .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

.resources-closing__action .utility {
    color:
        rgba(245, 240, 230, 0.78);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .resources-hero__grid,
    .resources-quick__grid,
    .resources-checklist__grid,
    .resources-documents__grid,
    .resources-year-end__grid,
    .resources-disclaimer__grid,
    .resources-handoff__grid {
        grid-template-columns: 1fr;
    }

    .resources-hero__index {
        max-width: 43rem;
    }

    .resources-quick__intro,
    .resources-checklist__intro {
        position: static;
    }

    .resources-cleanup__grid {
        grid-template-columns: 1fr;

        gap: 2rem;
    }

    .resources-closing__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .resources-statement__inner {
        grid-template-columns: 1fr;
    }

    .resources-statement__inner .status-stamp {
        justify-self: start;
    }

    .resources-library__grid,
    .resources-reports__grid {
        grid-template-columns: 1fr;
    }

    .resource-file--featured {
        grid-column: auto;
    }

    .resources-cleanup__sequence {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .resources-hero {
        padding-top: 4rem;
    }

    .resources-hero__content h1 {
        max-width: 12ch;

        font-size:
            clamp(3rem, 13vw, 4.6rem);
    }

    .resources-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .resources-hero__actions .button {
        width: 100%;
    }

    .resources-hero__text-link {
        padding-block: 0.5rem;
    }

    .resources-hero__index-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .resources-hero__index-list li {
        grid-template-columns:
            2.25rem
            minmax(0, 1fr);
    }

    .resources-quick__list article,
    .resources-checklist__steps li {
        grid-template-columns:
            2.5rem
            minmax(0, 1fr);
    }

    .resource-file__contents {
        grid-template-columns: 1fr;
    }

    .resources-documents__sheet-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .resources-handoff__routing dl > div {
        grid-template-columns: 1fr;
    }

    .resources-handoff__routing dd {
        text-align: left;
    }

    .resources-quick__intro h2,
    .resources-library__heading h2,
    .resources-checklist__intro h2,
    .resources-documents h2,
    .resources-year-end h2,
    .resources-reports__heading h2,
    .resources-disclaimer h2,
    .resources-handoff h2,
    .resources-closing h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .resources-cleanup__content h2 {
        font-size:
            clamp(2.6rem, 12vw, 3.8rem);
    }

    .resources-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.45rem, 11vw, 3.5rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - RESOURCES MONTHLY PHOTO
   ========================================================================== */

.resources-monthly-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.resources-monthly-photo__figure {
    position: relative;

    width: 100%;
    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.resources-monthly-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03)
        brightness(0.94);
}

.resources-monthly-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.94) 0%,
            rgba(25, 27, 29, 0.8) 24%,
            rgba(25, 27, 29, 0.44) 43%,
            rgba(25, 27, 29, 0.12) 62%,
            rgba(25, 27, 29, 0.04) 100%
        );
}

.resources-monthly-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.resources-monthly-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.resources-monthly-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.7rem, 4.55vw, 4.45rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.resources-monthly-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-monthly-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.96);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.resources-monthly-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.resources-monthly-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.resources-monthly-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .resources-monthly-photo__figure {
        min-height: 46rem;
    }

    .resources-monthly-photo__figure > img {
        object-position:
            62%
            center;
    }

    .resources-monthly-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.8) 0%,
                rgba(25, 27, 29, 0.66) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .resources-monthly-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .resources-monthly-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .resources-monthly-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .resources-monthly-photo__figure {
        min-height: 50rem;
    }

    .resources-monthly-photo__overlay {
        top: 2rem;
    }

    .resources-monthly-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - RESOURCES DOCUMENTS PHOTO
   ========================================================================== */

.resources-documents-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.resources-documents-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.resources-documents-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03)
        brightness(0.94);
}

.resources-documents-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.03) 0%,
            rgba(25, 27, 29, 0.06) 40%,
            rgba(25, 27, 29, 0.32) 57%,
            rgba(25, 27, 29, 0.76) 74%,
            rgba(25, 27, 29, 0.94) 100%
        );
}

.resources-documents-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.resources-documents-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.resources-documents-photo__overlay h2 {
    max-width: 13ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.7rem, 4.55vw, 4.45rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.resources-documents-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        rgba(245, 240, 230, 0.88);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-documents-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.96);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.resources-documents-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.resources-documents-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.resources-documents-photo__figure figcaption {
    position: absolute;

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .resources-documents-photo__figure {
        min-height: 46rem;
    }

    .resources-documents-photo__figure > img {
        object-position:
            40%
            center;
    }

    .resources-documents-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.8) 0%,
                rgba(25, 27, 29, 0.66) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .resources-documents-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .resources-documents-photo__overlay h2 {
        max-width: 14ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .resources-documents-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .resources-documents-photo__figure {
        min-height: 50rem;
    }

    .resources-documents-photo__overlay {
        top: 2rem;
    }

    .resources-documents-photo__overlay h2 {
        max-width: 12ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - RESOURCES DOCUMENTS COPY WHITE FIX
   ========================================================================== */

.resources-documents-photo__overlay > p:not(.utility) {
    color: #ffffff;
}
/* ==========================================================================
   MIND YOUR BUSINESS - RESOURCES YEAR END PHOTO
   ========================================================================== */

.resources-year-end-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.resources-year-end-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

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

.resources-year-end-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.02)
        brightness(0.98);
}

.resources-year-end-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(245, 240, 230, 0.98) 0%,
            rgba(245, 240, 230, 0.94) 25%,
            rgba(245, 240, 230, 0.78) 41%,
            rgba(245, 240, 230, 0.36) 57%,
            rgba(245, 240, 230, 0.08) 72%,
            rgba(245, 240, 230, 0) 100%
        );
}

.resources-year-end-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(36rem, 44vw);

    transform:
        translateY(-50%);

    color:
        var(--ink);
}

.resources-year-end-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.resources-year-end-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--ink);

    font-size:
        clamp(2.65rem, 4.45vw, 4.35rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.resources-year-end-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        var(--ink);

    font-size: 1.05rem;

    line-height: 1.65;
}

.resources-year-end-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(49, 95, 120, 0.96);

    color:
        var(--paper-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.resources-year-end-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--highlighter);
}

.resources-year-end-photo__note strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.resources-year-end-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .resources-year-end-photo__figure {
        min-height: 47rem;
    }

    .resources-year-end-photo__figure > img {
        object-position:
            62%
            center;
    }

    .resources-year-end-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(245, 240, 230, 0.98) 0%,
                rgba(245, 240, 230, 0.95) 39%,
                rgba(245, 240, 230, 0.72) 55%,
                rgba(245, 240, 230, 0.14) 76%,
                rgba(245, 240, 230, 0) 100%
            );
    }

    .resources-year-end-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .resources-year-end-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .resources-year-end-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .resources-year-end-photo__figure {
        min-height: 51rem;
    }

    .resources-year-end-photo__overlay {
        top: 2rem;
    }

    .resources-year-end-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CONTACT PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.contact-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.25rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.contact-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(19rem, 0.72fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.contact-hero__content {
    max-width: 53rem;
}

.contact-hero__content h1 {
    max-width: 11ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(3.3rem, 6vw, 6rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.contact-hero__intro {
    max-width: 42rem;

    margin-bottom: 2rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.contact-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap:
        1rem
        1.4rem;
}

.contact-hero__text-link {
    font-family:
        var(--font-mono);

    font-size: 0.85rem;
    font-weight: 500;

    text-decoration-thickness: 2px;
    text-underline-offset: 0.25rem;
}

.contact-hero__file {
    position: relative;

    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.contact-hero__file::before {
    content: "INTAKE";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.contact-hero__file-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.contact-hero__file dl {
    margin: 0;
}

.contact-hero__file dl > div {
    display: grid;

    grid-template-columns:
        minmax(7rem, 0.75fr)
        minmax(0, 1fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.contact-hero__file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.06em;

    text-transform: uppercase;
}

.contact-hero__file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.08;

    text-align: right;

    text-transform: uppercase;
}

.contact-hero__file-note {
    margin:
        1.25rem
        0
        0;

    padding: 1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--paper-light);

    font-weight: 700;

    line-height: 1.5;
}

.contact-hero__file-note .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--correction-red);
}

/* --------------------------------------------------------------------------
   Reassurance
   -------------------------------------------------------------------------- */

.contact-reassurance {
    background:
        var(--manila-light);
}

.contact-reassurance__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.contact-reassurance h2 {
    max-width: 16ch;

    font-size:
        clamp(2.7rem, 4.7vw, 4.55rem);

    line-height: 0.95;
}

.contact-reassurance__copy {
    max-width: 40rem;

    padding-top: 1.8rem;

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

.contact-reassurance__copy p {
    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.66;
}

.contact-reassurance__copy p + p {
    margin-top: 1rem;
}

/* --------------------------------------------------------------------------
   Intake Heading
   -------------------------------------------------------------------------- */

.contact-intake {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.contact-intake__heading {
    margin-bottom:
        clamp(3rem, 6vw, 5rem);

    padding-bottom:
        clamp(2rem, 4vw, 3rem);

    border-bottom:
        2px
        solid
        var(--ink);
}

.contact-intake__heading h2 {
    max-width: 14ch;

    margin-bottom: 1.3rem;

    font-size:
        clamp(2.8rem, 5vw, 4.8rem);

    line-height: 0.93;
}

.contact-intake__heading > p:last-child {
    max-width: 43rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.contact-intake__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.48fr);

    align-items: start;

    gap:
        clamp(2.5rem, 5vw, 4.5rem);
}

/* --------------------------------------------------------------------------
   Form Shell
   -------------------------------------------------------------------------- */

.contact-form-wrap {
    min-width: 0;
}

.contact-form {
    position: relative;

    padding:
        clamp(1.5rem, 3vw, 2.4rem);

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.contact-form::before {
    content: "INQUIRY";

    position: absolute;
    top: -2rem;
    left: 1.25rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.contact-form__header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

    margin-bottom:
        1.75rem;

    padding-bottom:
        1.25rem;

    border-bottom:
        2px
        solid
        var(--ink);
}

.contact-form__row {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 1.25rem;
}

.contact-form__field {
    margin-bottom: 1.35rem;
}

.contact-form__field label,
.contact-form__fieldset legend {
    display: block;

    margin-bottom: 0.55rem;

    font-family:
        var(--font-mono);

    font-size: 0.76rem;
    font-weight: 500;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

.contact-form__field label span {
    color:
        var(--correction-red);
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select,
.contact-form textarea {
    width: 100%;

    border:
        2px
        solid
        var(--ink);

    border-radius: 0;

    background:
        var(--paper-light);

    color:
        var(--ink);

    font:
        inherit;

    line-height: 1.4;

    outline: 0;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select {
    min-height: 3.15rem;

    padding:
        0.75rem
        0.85rem;
}

.contact-form textarea {
    min-height: 11rem;

    padding:
        0.85rem;

    resize: vertical;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    border-color:
        var(--ledger-blue);

    box-shadow:
        0
        0
        0
        3px
        rgba(49, 95, 120, 0.2);
}

.contact-form textarea::placeholder,
.contact-form input::placeholder {
    color:
        rgba(25, 27, 29, 0.52);
}

/* --------------------------------------------------------------------------
   Service Options
   -------------------------------------------------------------------------- */

.contact-form__fieldset {
    margin:
        0
        0
        1.5rem;

    padding:
        1.25rem;

    border:
        2px
        solid
        var(--ink);

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

.contact-form__fieldset legend {
    width: auto;

    padding-inline: 0.4rem;

    background:
        var(--manila-light);
}

.contact-form__options {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        0.75rem;
}

.contact-form__options label {
    display: flex;
    align-items: flex-start;

    gap: 0.75rem;

    min-height: 3.5rem;

    padding:
        0.85rem;

    border:
        1px
        solid
        var(--rule-strong);

    background:
        var(--manila-light);

    cursor: pointer;
}

.contact-form__options input {
    flex: 0 0 auto;

    width: 1.1rem;
    height: 1.1rem;

    margin-top: 0.1rem;

    accent-color:
        var(--correction-red);
}

.contact-form__options span {
    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Consent + Submit
   -------------------------------------------------------------------------- */

.contact-form__consent {
    display: flex;
    align-items: flex-start;

    gap: 0.8rem;

    margin:
        0.5rem
        0
        1.5rem;

    padding:
        1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--paper-light);

    line-height: 1.5;
}

.contact-form__consent input {
    flex: 0 0 auto;

    width: 1.1rem;
    height: 1.1rem;

    margin-top: 0.15rem;

    accent-color:
        var(--correction-red);
}

.contact-form__submit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap:
        1rem
        1.4rem;

    padding-top: 1.5rem;

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

.contact-form__submit .utility {
    max-width: 28rem;

    color:
        var(--text-muted);

    line-height: 1.45;
}

/* --------------------------------------------------------------------------
   Intake Notes
   -------------------------------------------------------------------------- */

.contact-intake__notes {
    display: grid;

    gap: 1.25rem;
}

.contact-intake__note {
    padding:
        1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.1);
}

.contact-intake__note--primary {
    background:
        var(--ledger-blue);

    color:
        var(--paper-light);

    box-shadow:
        0.4rem
        0.4rem
        0
        var(--highlighter);
}

.contact-intake__note .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--correction-red);
}

.contact-intake__note--primary .utility {
    color:
        var(--highlighter);
}

.contact-intake__note h3 {
    max-width: 17ch;

    margin-bottom: 1rem;

    font-size:
        clamp(1.45rem, 2.3vw, 2rem);

    line-height: 1;
}

.contact-intake__note--primary h3 {
    color:
        var(--paper-light);
}

.contact-intake__note p {
    color:
        var(--text-muted);

    line-height: 1.58;
}

.contact-intake__note--primary p {
    color:
        rgba(245, 240, 230, 0.8);
}

.contact-intake__note ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.contact-intake__note li {
    position: relative;

    padding:
        0.7rem
        0
        0.7rem
        1.3rem;

    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.3);

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.12;

    text-transform: uppercase;
}

.contact-intake__note li::before {
    content: "✓";

    position: absolute;
    left: 0;

    color:
        var(--highlighter);

    font-family:
        var(--font-mono);
}

.contact-intake__note .status-stamp {
    margin-top: 1rem;
}

/* --------------------------------------------------------------------------
   Statement
   -------------------------------------------------------------------------- */

.contact-statement {
    padding-block:
        clamp(3.8rem, 7vw, 5.8rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);

    color:
        var(--ink);
}

.contact-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(11rem, 0.42fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.contact-statement__inner > p:nth-child(2) {
    max-width: 14ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.8rem, 5vw, 4.9rem);

    font-weight: 900;

    line-height: 0.92;

    letter-spacing:
        -0.03em;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   What Happens Next
   -------------------------------------------------------------------------- */

.contact-next {
    background:
        var(--manila-light);
}

.contact-next__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.68fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.contact-next__intro {
    position: sticky;
    top: 2rem;
}

.contact-next__intro h2 {
    max-width: 15ch;

    margin-bottom: 1.3rem;

    font-size:
        clamp(2.65rem, 4.6vw, 4.45rem);

    line-height: 0.95;
}

.contact-next__intro > p:last-child {
    max-width: 34rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.65;
}

.contact-next__steps {
    margin: 0;
    padding: 0;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    list-style: none;

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.contact-next__steps li {
    display: grid;

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

    gap: 1.2rem;

    padding:
        clamp(1.35rem, 3vw, 2rem);

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.contact-next__steps li:last-child {
    border-bottom: 0;
}

.contact-next__steps li > span {
    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.8rem;
    font-weight: 500;
}

.contact-next__steps strong {
    display: block;

    margin-bottom: 0.45rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.3rem, 2vw, 1.75rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

.contact-next__steps p {
    max-width: 34rem;

    color:
        var(--text-muted);

    line-height: 1.58;
}

/* --------------------------------------------------------------------------
   Contact Details
   -------------------------------------------------------------------------- */

.contact-details {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.contact-details__heading {
    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);
}

.contact-details__heading h2 {
    max-width: 15ch;

    font-size:
        clamp(2.7rem, 4.8vw, 4.65rem);

    line-height: 0.94;
}

.contact-details__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    border-top:
        2px
        solid
        var(--ink);

    border-left:
        2px
        solid
        var(--ink);
}

.contact-details__grid article {
    min-height: 18rem;

    padding:
        clamp(1.5rem, 3vw, 2.35rem);

    border-right:
        2px
        solid
        var(--ink);

    border-bottom:
        2px
        solid
        var(--ink);

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

.contact-details__grid article:nth-child(2) {
    background:
        var(--manila-light);
}

.contact-details__grid .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.contact-details__grid h3 {
    margin-bottom: 1rem;

    font-size:
        clamp(1.45rem, 2.3vw, 2rem);

    line-height: 1;
}

.contact-details__grid a,
.contact-details__value {
    display: inline-block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.45rem);

    font-weight: 800;

    line-height: 1.2;
}

.contact-details__grid p:not(.contact-details__value) {
    color:
        var(--text-muted);

    line-height: 1.58;
}

/* --------------------------------------------------------------------------
   FAQ
   -------------------------------------------------------------------------- */

.contact-faq {
    background:
        var(--ink);

    color:
        var(--paper-light);
}

.contact-faq__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.68fr)
        minmax(0, 1fr);

    gap:
        clamp(3rem, 7vw, 7rem);
}

.contact-faq .eyebrow {
    color:
        var(--highlighter);
}

.contact-faq h2 {
    max-width: 16ch;

    color:
        var(--paper-light);

    font-size:
        clamp(2.65rem, 4.6vw, 4.45rem);

    line-height: 0.95;
}

.contact-faq__list {
    border-top:
        1px
        solid
        rgba(245, 240, 230, 0.35);
}

.contact-faq__list details {
    border-bottom:
        1px
        solid
        rgba(245, 240, 230, 0.35);
}

.contact-faq__list summary {
    position: relative;

    padding:
        1.35rem
        3rem
        1.35rem
        0;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.25rem, 2vw, 1.65rem);

    font-weight: 800;

    line-height: 1.12;

    text-transform: uppercase;

    cursor: pointer;

    list-style: none;
}

.contact-faq__list summary::-webkit-details-marker {
    display: none;
}

.contact-faq__list summary::after {
    content: "+";

    position: absolute;
    top: 1.15rem;
    right: 0;

    color:
        var(--highlighter);

    font-family:
        var(--font-mono);

    font-size: 1.6rem;
}

.contact-faq__list details[open] summary::after {
    content: "−";
}

.contact-faq__list details p {
    max-width: 39rem;

    padding:
        0
        2rem
        1.5rem
        0;

    color:
        rgba(245, 240, 230, 0.74);

    line-height: 1.62;
}

/* --------------------------------------------------------------------------
   Closing CTA
   -------------------------------------------------------------------------- */

.contact-closing {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.contact-closing__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.contact-closing .eyebrow {
    color:
        var(--paper-light);
}

.contact-closing h2 {
    max-width: 17ch;

    margin-bottom: 1.3rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.75rem, 4.9vw, 4.75rem);

    line-height: 0.93;
}

.contact-closing__grid > div:first-child > p:last-child {
    max-width: 41rem;

    color:
        rgba(245, 240, 230, 0.86);

    font-size: 1.05rem;

    line-height: 1.65;
}

.contact-closing__action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1rem;
}

.contact-closing__action .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

.contact-closing__action .utility {
    max-width: 19rem;

    color:
        rgba(245, 240, 230, 0.8);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .contact-hero__grid,
    .contact-reassurance__grid,
    .contact-intake__grid,
    .contact-next__grid,
    .contact-faq__grid {
        grid-template-columns: 1fr;
    }

    .contact-hero__file {
        max-width: 43rem;
    }

    .contact-reassurance__copy {
        padding-top: 0;

        border-top: 0;
    }

    .contact-intake__notes {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .contact-next__intro {
        position: static;
    }

    .contact-closing__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .contact-statement__inner {
        grid-template-columns: 1fr;
    }

    .contact-statement__inner .status-stamp {
        justify-self: start;
    }

    .contact-details__grid {
        grid-template-columns: 1fr;
    }

    .contact-intake__notes {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .contact-hero {
        padding-top: 4rem;
    }

    .contact-hero__content h1 {
        max-width: 10ch;

        font-size:
            clamp(3rem, 13vw, 4.6rem);
    }

    .contact-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-hero__actions .button {
        width: 100%;
    }

    .contact-hero__text-link {
        padding-block: 0.5rem;
    }

    .contact-hero__file-head,
    .contact-form__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-hero__file dl > div {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .contact-hero__file dd {
        text-align: left;
    }

    .contact-form__row,
    .contact-form__options {
        grid-template-columns: 1fr;
    }

    .contact-form__submit {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-form__submit .button {
        width: 100%;
    }

    .contact-next__steps li {
        grid-template-columns:
            2.5rem
            minmax(0, 1fr);
    }

    .contact-reassurance h2,
    .contact-intake__heading h2,
    .contact-next__intro h2,
    .contact-details__heading h2,
    .contact-faq h2,
    .contact-closing h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .contact-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.45rem, 11vw, 3.5rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CONTACT EMAIL FINAL FIX
   ========================================================================== */

.contact-details__grid article:first-child a {
    display: block;

    width: 100%;
    max-width: 100%;

    white-space: normal;

    overflow-wrap: anywhere;
    word-break: break-word;

    font-size:
        clamp(1rem, 1.55vw, 1.25rem);

    line-height: 1.3;
}
/* ==========================================================================
   MIND YOUR BUSINESS - CONTACT EMAIL POLISH
   ========================================================================== */

.contact-details__grid article:first-child a {
    display: block;

    width: 100%;
    max-width: 100%;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;

    font-size:
        clamp(0.9rem, 1.3vw, 1.05rem);

    line-height: 1.35;

    letter-spacing:
        -0.015em;
}
/* ==========================================================================
   MIND YOUR BUSINESS - CONTACT INTAKE PHOTO
   ========================================================================== */

.contact-intake-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.contact-intake-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.contact-intake-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03)
        brightness(0.94);
}

.contact-intake-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.94) 0%,
            rgba(25, 27, 29, 0.8) 24%,
            rgba(25, 27, 29, 0.44) 43%,
            rgba(25, 27, 29, 0.12) 62%,
            rgba(25, 27, 29, 0.04) 100%
        );
}

.contact-intake-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.contact-intake-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.contact-intake-photo__overlay h2 {
    max-width: 13ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.75rem, 4.6vw, 4.5rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.contact-intake-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        #ffffff;

    font-size: 1.05rem;

    line-height: 1.65;
}

.contact-intake-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.96);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.contact-intake-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.contact-intake-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.contact-intake-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .contact-intake-photo__figure {
        min-height: 46rem;
    }

    .contact-intake-photo__figure > img {
        object-position:
            62%
            center;
    }

    .contact-intake-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.82) 0%,
                rgba(25, 27, 29, 0.68) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .contact-intake-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .contact-intake-photo__overlay h2 {
        max-width: 14ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .contact-intake-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .contact-intake-photo__figure {
        min-height: 50rem;
    }

    .contact-intake-photo__overlay {
        top: 2rem;
    }

    .contact-intake-photo__overlay h2 {
        max-width: 12ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CONTACT DOCUMENT PHOTO
   ========================================================================== */

.contact-document-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.contact-document-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.contact-document-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03)
        brightness(0.94);
}

.contact-document-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.03) 0%,
            rgba(25, 27, 29, 0.06) 40%,
            rgba(25, 27, 29, 0.32) 57%,
            rgba(25, 27, 29, 0.76) 74%,
            rgba(25, 27, 29, 0.94) 100%
        );
}

.contact-document-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.contact-document-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.contact-document-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.65rem, 4.45vw, 4.35rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.contact-document-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        #ffffff;

    font-size: 1.05rem;

    line-height: 1.65;
}

.contact-document-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.96);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.contact-document-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.contact-document-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.contact-document-photo__figure figcaption {
    position: absolute;

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .contact-document-photo__figure {
        min-height: 47rem;
    }

    .contact-document-photo__figure > img {
        object-position:
            40%
            center;
    }

    .contact-document-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.82) 0%,
                rgba(25, 27, 29, 0.68) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .contact-document-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .contact-document-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .contact-document-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .contact-document-photo__figure {
        min-height: 51rem;
    }

    .contact-document-photo__overlay {
        top: 2rem;
    }

    .contact-document-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - CONTACT FOLLOWUP PHOTO
   ========================================================================== */

.contact-followup-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.contact-followup-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

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

.contact-followup-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.02)
        brightness(0.98);
}

.contact-followup-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(245, 240, 230, 0.98) 0%,
            rgba(245, 240, 230, 0.94) 25%,
            rgba(245, 240, 230, 0.78) 41%,
            rgba(245, 240, 230, 0.34) 58%,
            rgba(245, 240, 230, 0.08) 74%,
            rgba(245, 240, 230, 0) 100%
        );
}

.contact-followup-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--ink);
}

.contact-followup-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.contact-followup-photo__overlay h2 {
    max-width: 13ch;

    margin-bottom: 1.35rem;

    color:
        var(--ink);

    font-size:
        clamp(2.7rem, 4.55vw, 4.45rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.contact-followup-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        var(--ink);

    font-size: 1.05rem;

    line-height: 1.65;
}

.contact-followup-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(49, 95, 120, 0.96);

    color:
        var(--paper-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.contact-followup-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--highlighter);
}

.contact-followup-photo__note strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.contact-followup-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .contact-followup-photo__figure {
        min-height: 47rem;
    }

    .contact-followup-photo__figure > img {
        object-position:
            62%
            center;
    }

    .contact-followup-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(245, 240, 230, 0.98) 0%,
                rgba(245, 240, 230, 0.95) 39%,
                rgba(245, 240, 230, 0.72) 55%,
                rgba(245, 240, 230, 0.14) 76%,
                rgba(245, 240, 230, 0) 100%
            );
    }

    .contact-followup-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .contact-followup-photo__overlay h2 {
        max-width: 14ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .contact-followup-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .contact-followup-photo__figure {
        min-height: 51rem;
    }

    .contact-followup-photo__overlay {
        top: 2rem;
    }

    .contact-followup-photo__overlay h2 {
        max-width: 12ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRIVACY PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.privacy-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.25rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.privacy-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(19rem, 0.7fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.privacy-hero__content {
    max-width: 54rem;
}

.privacy-hero__content h1 {
    max-width: 13ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(3.2rem, 5.8vw, 5.8rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.privacy-hero__intro {
    max-width: 42rem;

    margin-bottom: 1.4rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.privacy-hero__updated {
    display: inline-block;

    margin: 0;

    padding:
        0.5rem
        0.7rem;

    border:
        1px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.privacy-hero__file {
    position: relative;

    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.privacy-hero__file::before {
    content: "POLICY";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--manila);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.privacy-hero__file-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.privacy-hero__file dl {
    margin: 0;
}

.privacy-hero__file dl > div {
    display: grid;

    grid-template-columns:
        minmax(7rem, 0.7fr)
        minmax(0, 1fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.privacy-hero__file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

.privacy-hero__file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.08;

    text-align: right;

    text-transform: uppercase;
}

.privacy-hero__file-note {
    margin:
        1.25rem
        0
        0;

    padding: 1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--paper-light);

    line-height: 1.55;
}

.privacy-hero__file-note .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--correction-red);
}

/* --------------------------------------------------------------------------
   Summary
   -------------------------------------------------------------------------- */

.privacy-summary {
    background:
        var(--manila-light);
}

.privacy-summary__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.privacy-summary h2 {
    max-width: 16ch;

    font-size:
        clamp(2.7rem, 4.7vw, 4.55rem);

    line-height: 0.95;
}

.privacy-summary__memo {
    padding:
        clamp(1.5rem, 3vw, 2rem);

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.privacy-summary__memo > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.privacy-summary__memo p {
    max-width: 38rem;

    color:
        var(--text-muted);

    line-height: 1.65;
}

.privacy-summary__memo p + p {
    margin-top: 1rem;
}

.privacy-summary__memo .status-stamp {
    margin-top: 1.25rem;
}

/* --------------------------------------------------------------------------
   Policy Index
   -------------------------------------------------------------------------- */

.privacy-index {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);

    color:
        var(--paper-light);
}

.privacy-index__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap:
        0;

    padding-block:
        0.8rem;
}

.privacy-index__inner > .utility {
    margin-right: 1.25rem;

    color:
        var(--highlighter);
}

.privacy-index a {
    padding:
        0.65rem
        0.85rem;

    border-left:
        1px
        solid
        rgba(245, 240, 230, 0.25);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase;
}

.privacy-index a:hover,
.privacy-index a:focus-visible {
    background:
        var(--highlighter);

    color:
        var(--ink);
}

/* --------------------------------------------------------------------------
   Main Policy Sections
   -------------------------------------------------------------------------- */

.privacy-section {
    border-bottom:
        2px
        solid
        var(--ink);

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

.privacy-section--manila {
    background:
        var(--manila-light);
}

.privacy-section__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.7fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.privacy-section__heading {
    position: relative;
}

.privacy-section__number {
    display: block;

    margin-bottom: 1.25rem;

    color:
        var(--correction-red);

    font-family:
        var(--font-display);

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

    font-weight: 900;

    line-height: 0.8;

    opacity: 0.9;
}

.privacy-section__heading h2 {
    max-width: 15ch;

    font-size:
        clamp(2.55rem, 4.4vw, 4.2rem);

    line-height: 0.95;
}

.privacy-section__content {
    max-width: 50rem;

    padding-top: 0.25rem;
}

.privacy-section__content > p {
    max-width: 46rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.7;
}

.privacy-section__content > p + p {
    margin-top: 1.15rem;
}

.privacy-section__content h3 {
    margin:
        2rem
        0
        0.8rem;

    font-size:
        clamp(1.35rem, 2vw, 1.75rem);

    line-height: 1.05;
}

.privacy-section__content ul {
    margin:
        0
        0
        1.75rem;

    padding: 0;

    border-top:
        1px
        solid
        var(--rule-strong);

    list-style: none;
}

.privacy-section__content li {
    position: relative;

    padding:
        0.8rem
        0
        0.8rem
        1.5rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    line-height: 1.45;
}

.privacy-section__content li::before {
    content: "■";

    position: absolute;
    left: 0;

    color:
        var(--correction-red);

    font-size: 0.55rem;
}

.privacy-section__note {
    margin-top: 1.75rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);

    box-shadow:
        0.3rem
        0.3rem
        0
        rgba(25, 27, 29, 0.1);
}

.privacy-section__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.privacy-section__note strong {
    display: block;

    max-width: 39rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.12;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Purpose Grid
   -------------------------------------------------------------------------- */

.privacy-purpose-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    margin-block: 2rem;

    border-top:
        1px
        solid
        var(--ink);

    border-left:
        1px
        solid
        var(--ink);
}

.privacy-purpose-list article {
    min-height: 9rem;

    padding:
        1.2rem;

    border-right:
        1px
        solid
        var(--ink);

    border-bottom:
        1px
        solid
        var(--ink);

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

.privacy-purpose-list .utility {
    display: block;

    margin-bottom: 0.75rem;

    color:
        var(--correction-red);
}

.privacy-purpose-list strong {
    font-family:
        var(--font-display);

    font-size:
        clamp(1.2rem, 2vw, 1.6rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Statement
   -------------------------------------------------------------------------- */

.privacy-statement {
    padding-block:
        clamp(3.8rem, 7vw, 5.8rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);

    color:
        var(--ink);
}

.privacy-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(11rem, 0.4fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.privacy-statement__inner > p:nth-child(2) {
    max-width: 16ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.7rem, 4.9vw, 4.75rem);

    font-weight: 900;

    line-height: 0.93;

    letter-spacing:
        -0.03em;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Routing Sheet
   -------------------------------------------------------------------------- */

.privacy-routing {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.privacy-routing > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.privacy-routing dl {
    margin: 0;
}

.privacy-routing dl > div {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 1rem;

    padding-block: 0.8rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.privacy-routing dl > div:last-child {
    border-bottom: 0;
}

.privacy-routing dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    text-transform: uppercase;
}

.privacy-routing dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    text-align: right;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Dark Technology Section
   -------------------------------------------------------------------------- */

.privacy-section--dark {
    background:
        var(--ink);

    color:
        var(--paper-light);
}

.privacy-section--dark .privacy-section__number {
    color:
        var(--highlighter);
}

.privacy-section--dark .eyebrow {
    color:
        var(--highlighter);
}

.privacy-section--dark h2 {
    color:
        var(--paper-light);
}

.privacy-section--dark .privacy-section__content > p {
    color:
        rgba(245, 240, 230, 0.78);
}

.privacy-section__note--dark {
    border-left-color:
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.08);

    box-shadow: none;
}

.privacy-section__note--dark .utility {
    color:
        var(--highlighter);
}

.privacy-section__note--dark strong {
    color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Provider Sheet
   -------------------------------------------------------------------------- */

.privacy-provider-sheet {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.privacy-provider-sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.privacy-provider-sheet > div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(9rem, 0.55fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.privacy-provider-sheet > div:last-child {
    border-bottom: 0;
}

.privacy-provider-sheet strong {
    font-family:
        var(--font-display);

    font-weight: 800;

    text-transform: uppercase;
}

.privacy-provider-sheet span:not(.utility) {
    font-family:
        var(--font-mono);

    text-align: right;
}

/* --------------------------------------------------------------------------
   Security Grid
   -------------------------------------------------------------------------- */

.privacy-security-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    margin-top: 2rem;

    border-top:
        1px
        solid
        var(--ink);

    border-left:
        1px
        solid
        var(--ink);
}

.privacy-security-grid article {
    min-height: 9rem;

    padding: 1.2rem;

    border-right:
        1px
        solid
        var(--ink);

    border-bottom:
        1px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.privacy-security-grid .utility {
    display: block;

    margin-bottom: 0.7rem;

    color:
        var(--correction-red);
}

.privacy-security-grid strong {
    display: block;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.2rem, 2vw, 1.6rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Blue Visitor Choices
   -------------------------------------------------------------------------- */

.privacy-section--blue {
    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.privacy-section--blue .privacy-section__number {
    color:
        var(--highlighter);
}

.privacy-section--blue .eyebrow {
    color:
        var(--highlighter);
}

.privacy-section--blue h2 {
    color:
        var(--paper-light);
}

.privacy-section--blue .privacy-section__content > p {
    color:
        rgba(245, 240, 230, 0.86);
}

.privacy-section--blue .status-stamp {
    margin-top: 1.5rem;

    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Children
   -------------------------------------------------------------------------- */

.privacy-children {
    background:
        var(--paper-light);
}

.privacy-children__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.privacy-children h2 {
    max-width: 16ch;

    font-size:
        clamp(2.6rem, 4.5vw, 4.3rem);

    line-height: 0.95;
}

.privacy-children__grid > div:last-child {
    padding-top: 1.8rem;

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

.privacy-children__grid > div:last-child p {
    max-width: 40rem;

    color:
        var(--text-muted);

    line-height: 1.68;
}

.privacy-children__grid > div:last-child p + p {
    margin-top: 1rem;
}

/* --------------------------------------------------------------------------
   Policy Changes
   -------------------------------------------------------------------------- */

.privacy-changes {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.privacy-changes__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.62fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.privacy-changes h2 {
    max-width: 15ch;

    margin-top: 0.8rem;

    font-size:
        clamp(2.6rem, 4.5vw, 4.3rem);

    line-height: 0.95;
}

.privacy-changes__sheet {
    position: relative;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--correction-red);
}

.privacy-changes__sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.privacy-changes__sheet ul {
    margin:
        0
        0
        1.25rem;

    padding: 0;

    list-style: none;
}

.privacy-changes__sheet li {
    position: relative;

    padding:
        0.75rem
        0
        0.75rem
        1.4rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

.privacy-changes__sheet li::before {
    content: "□";

    position: absolute;
    left: 0;

    color:
        var(--correction-red);

    font-family:
        var(--font-mono);
}

/* --------------------------------------------------------------------------
   Privacy Contact
   -------------------------------------------------------------------------- */

.privacy-contact {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.privacy-contact__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.6fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.privacy-contact .eyebrow {
    color:
        var(--paper-light);
}

.privacy-contact h2 {
    max-width: 13ch;

    margin-bottom: 1.2rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.75rem, 4.8vw, 4.6rem);

    line-height: 0.94;
}

.privacy-contact__grid > div:first-child > p:last-child {
    max-width: 40rem;

    color:
        rgba(245, 240, 230, 0.86);

    line-height: 1.65;
}

.privacy-contact__card {
    padding:
        1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    color:
        var(--ink);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--highlighter);
}

.privacy-contact__card .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--correction-red);
}

.privacy-contact__card strong {
    display: block;

    margin-bottom: 0.8rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.4rem, 2.3vw, 2rem);

    font-weight: 800;

    line-height: 1;

    text-transform: uppercase;
}

.privacy-contact__card a {
    display: block;

    max-width: 100%;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

    font-size:
        clamp(0.95rem, 1.5vw, 1.2rem);

    font-weight: 800;

    line-height: 1.3;

    overflow-wrap: anywhere;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .privacy-hero__grid,
    .privacy-summary__grid,
    .privacy-section__grid,
    .privacy-children__grid,
    .privacy-changes__grid,
    .privacy-contact__grid {
        grid-template-columns: 1fr;
    }

    .privacy-hero__file {
        max-width: 43rem;
    }

    .privacy-section__content {
        max-width: none;
    }

    .privacy-children__grid > div:last-child {
        padding-top: 0;

        border-top: 0;
    }
}

@media (max-width: 760px) {
    .privacy-index__inner {
        display: grid;

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

    .privacy-index__inner > .utility {
        grid-column:
            1 / -1;

        margin:
            0
            0
            0.5rem;
    }

    .privacy-index a {
        border:
            1px
            solid
            rgba(245, 240, 230, 0.25);
    }

    .privacy-statement__inner {
        grid-template-columns: 1fr;
    }

    .privacy-statement__inner .status-stamp {
        justify-self: start;
    }

    .privacy-purpose-list,
    .privacy-security-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .privacy-hero {
        padding-top: 4rem;
    }

    .privacy-hero__content h1 {
        max-width: 12ch;

        font-size:
            clamp(3rem, 13vw, 4.6rem);
    }

    .privacy-hero__file-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .privacy-hero__file dl > div,
    .privacy-routing dl > div,
    .privacy-provider-sheet > div {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .privacy-hero__file dd,
    .privacy-routing dd,
    .privacy-provider-sheet span:not(.utility) {
        text-align: left;
    }

    .privacy-index__inner {
        grid-template-columns: 1fr;
    }

    .privacy-section__number {
        font-size:
            clamp(2.75rem, 15vw, 4.25rem);
    }

    .privacy-summary h2,
    .privacy-section__heading h2,
    .privacy-children h2,
    .privacy-changes h2,
    .privacy-contact h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .privacy-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.45rem, 11vw, 3.5rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRIVACY EMAIL POLISH
   ========================================================================== */

.privacy-contact__card a {
    display: block;

    width: 100%;
    max-width: 100%;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;

    font-size:
        clamp(0.82rem, 1.15vw, 0.98rem);

    line-height: 1.35;

    letter-spacing:
        -0.015em;
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRIVACY RECORDS PHOTO
   ========================================================================== */

.privacy-records-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.privacy-records-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 54vw, 45rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.privacy-records-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.03)
        brightness(0.94);
}

.privacy-records-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.95) 0%,
            rgba(25, 27, 29, 0.83) 24%,
            rgba(25, 27, 29, 0.5) 43%,
            rgba(25, 27, 29, 0.17) 61%,
            rgba(25, 27, 29, 0.04) 100%
        );
}

.privacy-records-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.privacy-records-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.privacy-records-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.65rem, 4.4vw, 4.3rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.privacy-records-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        #ffffff;

    font-size: 1.05rem;

    line-height: 1.65;
}

.privacy-records-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.96);

    color:
        var(--ink);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.privacy-records-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.privacy-records-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.18rem, 1.8vw, 1.55rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.privacy-records-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .privacy-records-photo__figure {
        min-height: 46rem;
    }

    .privacy-records-photo__figure > img {
        object-position:
            62%
            center;
    }

    .privacy-records-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.84) 0%,
                rgba(25, 27, 29, 0.68) 48%,
                rgba(25, 27, 29, 0.18) 76%,
                rgba(25, 27, 29, 0.42) 100%
            );
    }

    .privacy-records-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .privacy-records-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .privacy-records-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .privacy-records-photo__figure {
        min-height: 50rem;
    }

    .privacy-records-photo__overlay {
        top: 2rem;
    }

    .privacy-records-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - PRIVACY DIGITAL INQUIRY PHOTO
   ========================================================================== */

.privacy-digital-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.privacy-digital-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 54vw, 45rem);

    margin: 0;

    overflow: hidden;

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

.privacy-digital-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.02)
        brightness(0.97);
}

.privacy-digital-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            270deg,
            rgba(245, 240, 230, 0.98) 0%,
            rgba(245, 240, 230, 0.95) 24%,
            rgba(245, 240, 230, 0.8) 40%,
            rgba(245, 240, 230, 0.38) 57%,
            rgba(245, 240, 230, 0.08) 73%,
            rgba(245, 240, 230, 0) 100%
        );
}

.privacy-digital-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--ink);
}

.privacy-digital-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.privacy-digital-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--ink);

    font-size:
        clamp(2.65rem, 4.4vw, 4.3rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.privacy-digital-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        var(--ink);

    font-size: 1.05rem;

    line-height: 1.65;
}

.privacy-digital-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(49, 95, 120, 0.97);

    color:
        var(--paper-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.16);
}

.privacy-digital-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--highlighter);
}

.privacy-digital-photo__note strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.privacy-digital-photo__figure figcaption {
    position: absolute;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .privacy-digital-photo__figure {
        min-height: 47rem;
    }

    .privacy-digital-photo__figure > img {
        object-position:
            42%
            center;
    }

    .privacy-digital-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(245, 240, 230, 0.98) 0%,
                rgba(245, 240, 230, 0.95) 39%,
                rgba(245, 240, 230, 0.7) 55%,
                rgba(245, 240, 230, 0.14) 76%,
                rgba(245, 240, 230, 0) 100%
            );
    }

    .privacy-digital-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .privacy-digital-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .privacy-digital-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .privacy-digital-photo__figure {
        min-height: 51rem;
    }

    .privacy-digital-photo__overlay {
        top: 2rem;
    }

    .privacy-digital-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.terms-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.25rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.terms-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(19rem, 0.7fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-hero__content {
    max-width: 55rem;
}

.terms-hero__content h1 {
    max-width: 13ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(3.2rem, 5.8vw, 5.8rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.terms-hero__intro {
    max-width: 42rem;

    margin-bottom: 1.4rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.terms-hero__updated {
    display: inline-block;

    margin: 0;

    padding:
        0.5rem
        0.7rem;

    border:
        1px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.terms-hero__file {
    position: relative;

    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--correction-red);
}

.terms-hero__file::before {
    content: "AGREEMENT";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.terms-hero__file-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.terms-hero__file dl {
    margin: 0;
}

.terms-hero__file dl > div {
    display: grid;

    grid-template-columns:
        minmax(7rem, 0.7fr)
        minmax(0, 1fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.terms-hero__file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

.terms-hero__file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.08;

    text-align: right;

    text-transform: uppercase;
}

.terms-hero__warning {
    margin-top: 1.25rem;

    padding: 1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);
}

.terms-hero__warning .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--correction-red);
}

.terms-hero__warning p {
    margin: 0;

    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Summary
   -------------------------------------------------------------------------- */

.terms-summary {
    background:
        var(--manila-light);
}

.terms-summary__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-summary h2 {
    max-width: 16ch;

    font-size:
        clamp(2.7rem, 4.7vw, 4.55rem);

    line-height: 0.95;
}

.terms-summary__memo {
    position: relative;

    padding:
        clamp(1.5rem, 3vw, 2rem);

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.terms-summary__memo::before {
    content: "AGREEMENT NOTE";

    position: absolute;
    top: -1px;
    right: 1.2rem;

    padding:
        0.45rem
        0.7rem;

    transform:
        translateY(-50%);

    background:
        var(--highlighter);

    color:
        var(--ink);

    font-family:
        var(--font-mono);

    font-size: 0.65rem;
    font-weight: 500;

    letter-spacing: 0.08em;
}

.terms-summary__memo > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.terms-summary__memo p {
    max-width: 38rem;

    color:
        var(--text-muted);

    line-height: 1.65;
}

.terms-summary__memo p + p {
    margin-top: 1rem;
}

.terms-summary__memo .status-stamp {
    margin-top: 1.25rem;
}

/* --------------------------------------------------------------------------
   Agreement Index
   -------------------------------------------------------------------------- */

.terms-index {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.terms-index__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 0;

    padding-block:
        0.8rem;
}

.terms-index__inner > .utility {
    margin-right: 1.25rem;

    color:
        var(--highlighter);
}

.terms-index a {
    padding:
        0.65rem
        0.85rem;

    border-left:
        1px
        solid
        rgba(245, 240, 230, 0.28);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase;
}

.terms-index a:hover,
.terms-index a:focus-visible {
    background:
        var(--highlighter);

    color:
        var(--ink);
}

/* --------------------------------------------------------------------------
   Main Agreement Sections
   -------------------------------------------------------------------------- */

.terms-section {
    border-bottom:
        2px
        solid
        var(--ink);

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

.terms-section--manila {
    background:
        var(--manila-light);
}

.terms-section__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.7fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-section__number {
    display: block;

    margin-bottom: 1.25rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

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

    font-weight: 900;

    line-height: 0.8;
}

.terms-section__heading h2 {
    max-width: 15ch;

    font-size:
        clamp(2.55rem, 4.4vw, 4.2rem);

    line-height: 0.95;
}

.terms-section__content {
    max-width: 50rem;

    padding-top: 0.25rem;
}

.terms-section__content > p {
    max-width: 46rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.7;
}

.terms-section__content > p + p {
    margin-top: 1.15rem;
}

.terms-section__content h3 {
    margin:
        2rem
        0
        0.8rem;

    font-size:
        clamp(1.35rem, 2vw, 1.75rem);

    line-height: 1.05;
}

.terms-section__content ul {
    margin:
        0
        0
        1.75rem;

    padding: 0;

    border-top:
        1px
        solid
        var(--rule-strong);

    list-style: none;
}

.terms-section__content li {
    position: relative;

    padding:
        0.8rem
        0
        0.8rem
        1.5rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    line-height: 1.45;
}

.terms-section__content li::before {
    content: "■";

    position: absolute;
    left: 0;

    color:
        var(--ledger-blue);

    font-size: 0.55rem;
}

.terms-section__note {
    margin-top: 1.75rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);

    box-shadow:
        0.3rem
        0.3rem
        0
        rgba(25, 27, 29, 0.1);
}

.terms-section__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.terms-section__note strong {
    display: block;

    max-width: 39rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.12;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Statement
   -------------------------------------------------------------------------- */

.terms-statement {
    padding-block:
        clamp(3.8rem, 7vw, 5.8rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.terms-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(11rem, 0.4fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.terms-statement__inner > .utility {
    color:
        var(--paper-light);
}

.terms-statement__inner > p:nth-child(2) {
    max-width: 14ch;

    margin: 0;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(2.7rem, 4.9vw, 4.75rem);

    font-weight: 900;

    line-height: 0.93;

    letter-spacing:
        -0.03em;

    text-transform: uppercase;
}

.terms-statement .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Engagement File
   -------------------------------------------------------------------------- */

.terms-engagement-file {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.terms-engagement-file > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.terms-engagement-file dl {
    margin: 0;
}

.terms-engagement-file dl > div {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.terms-engagement-file dl > div:last-child {
    border-bottom: 0;
}

.terms-engagement-file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    text-transform: uppercase;
}

.terms-engagement-file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    text-align: right;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Dark Accuracy Section
   -------------------------------------------------------------------------- */

.terms-section--dark {
    background:
        var(--ink);

    color:
        var(--paper-light);
}

.terms-section--dark .terms-section__number {
    color:
        var(--highlighter);
}

.terms-section--dark .eyebrow {
    color:
        var(--highlighter);
}

.terms-section--dark h2 {
    color:
        var(--paper-light);
}

.terms-section--dark .terms-section__content > p {
    color:
        rgba(245, 240, 230, 0.82);
}

.terms-section__note--dark {
    border-left-color:
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.08);

    box-shadow: none;
}

.terms-section__note--dark .utility {
    color:
        var(--highlighter);
}

.terms-section__note--dark strong {
    color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Relationship Status Grid
   -------------------------------------------------------------------------- */

.terms-status-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin-top: 2rem;

    border-top:
        1px
        solid
        var(--ink);

    border-left:
        1px
        solid
        var(--ink);
}

.terms-status-grid article {
    min-height: 10rem;

    padding: 1.2rem;

    border-right:
        1px
        solid
        var(--ink);

    border-bottom:
        1px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.terms-status-grid .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--correction-red);
}

.terms-status-grid strong {
    display: block;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Third-Party Sheet
   -------------------------------------------------------------------------- */

.terms-third-party-sheet {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.terms-third-party-sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.terms-third-party-sheet > div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(9rem, 0.55fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.terms-third-party-sheet > div:last-child {
    border-bottom: 0;
}

.terms-third-party-sheet strong {
    font-family:
        var(--font-display);

    font-weight: 800;

    text-transform: uppercase;
}

.terms-third-party-sheet span:not(.utility) {
    font-family:
        var(--font-mono);

    text-align: right;
}

/* --------------------------------------------------------------------------
   Blue Disclaimer Section
   -------------------------------------------------------------------------- */

.terms-section--blue {
    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.terms-section--blue .terms-section__number {
    color:
        var(--highlighter);
}

.terms-section--blue .eyebrow {
    color:
        var(--highlighter);
}

.terms-section--blue h2 {
    color:
        var(--paper-light);
}

.terms-section--blue .terms-section__content > p {
    color:
        rgba(245, 240, 230, 0.86);
}

.terms-disclaimer-stamp {
    display: inline-block;

    margin-top: 1.75rem;

    padding:
        1rem
        1.25rem;

    border:
        2px
        solid
        var(--paper-light);

    transform:
        rotate(-1deg);

    background:
        rgba(25, 27, 29, 0.14);
}

.terms-disclaimer-stamp .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--highlighter);
}

.terms-disclaimer-stamp strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.25rem, 2vw, 1.7rem);

    font-weight: 900;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Legal Review Box
   -------------------------------------------------------------------------- */

.terms-review-box {
    margin-top: 2rem;

    padding:
        1.4rem;

    border:
        3px
        solid
        var(--correction-red);

    background:
        var(--paper-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--highlighter);
}

.terms-review-box .utility {
    display: block;

    margin-bottom: 0.75rem;

    color:
        var(--correction-red);
}

.terms-review-box strong {
    display: block;

    max-width: 38rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.35rem, 2.25vw, 1.9rem);

    font-weight: 900;

    line-height: 1.05;

    text-transform: uppercase;
}

.terms-review-box p {
    margin:
        1rem
        0
        0;

    color:
        var(--text-muted);

    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Change Sheet
   -------------------------------------------------------------------------- */

.terms-change-sheet {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.5rem
        0.5rem
        0
        var(--correction-red);
}

.terms-change-sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.terms-change-sheet ul {
    margin:
        0
        0
        1.25rem;

    padding: 0;

    border-top: 0;

    list-style: none;
}

.terms-change-sheet li {
    position: relative;

    padding:
        0.75rem
        0
        0.75rem
        1.5rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

.terms-change-sheet li::before {
    content: "□";

    position: absolute;
    left: 0;

    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.85rem;
}

/* --------------------------------------------------------------------------
   Jurisdiction
   -------------------------------------------------------------------------- */

.terms-jurisdiction {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);
}

.terms-jurisdiction__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.65fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-jurisdiction h2 {
    max-width: 12ch;

    margin-top: 0.8rem;

    font-size:
        clamp(2.8rem, 5vw, 4.7rem);

    line-height: 0.94;
}

.terms-jurisdiction__sheet {
    padding:
        1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.terms-jurisdiction__sheet .utility {
    display: block;

    margin-bottom: 0.75rem;

    color:
        var(--correction-red);
}

.terms-jurisdiction__sheet p {
    margin:
        0
        0
        1.2rem;

    color:
        var(--text-muted);

    line-height: 1.6;
}

.terms-jurisdiction__sheet strong {
    display: block;

    padding:
        0.85rem
        1rem;

    border:
        2px
        dashed
        var(--correction-red);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.4rem, 2vw, 1.8rem);

    font-weight: 900;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Contact
   -------------------------------------------------------------------------- */

.terms-contact {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    background:
        var(--ink);

    color:
        var(--paper-light);
}

.terms-contact__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.62fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-contact .eyebrow {
    color:
        var(--highlighter);
}

.terms-contact h2 {
    max-width: 13ch;

    margin-bottom: 1.2rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.75rem, 4.8vw, 4.6rem);

    line-height: 0.94;
}

.terms-contact__grid > div:first-child > p:last-child {
    max-width: 40rem;

    color:
        rgba(245, 240, 230, 0.82);

    line-height: 1.65;
}

.terms-contact__card {
    padding:
        1.35rem;

    border:
        2px
        solid
        var(--paper-light);

    background:
        var(--manila-light);

    color:
        var(--ink);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.terms-contact__card .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--correction-red);
}

.terms-contact__card strong {
    display: block;

    margin-bottom: 0.8rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.4rem, 2.3vw, 2rem);

    font-weight: 800;

    line-height: 1;

    text-transform: uppercase;
}

.terms-contact__card a {
    display: block;

    width: 100%;
    max-width: 100%;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

    font-size:
        clamp(0.82rem, 1.15vw, 0.98rem);

    font-weight: 800;

    line-height: 1.35;

    letter-spacing:
        -0.015em;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .terms-hero__grid,
    .terms-summary__grid,
    .terms-section__grid,
    .terms-jurisdiction__grid,
    .terms-contact__grid {
        grid-template-columns: 1fr;
    }

    .terms-hero__file {
        max-width: 43rem;
    }

    .terms-section__content {
        max-width: none;
    }

    .terms-status-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .terms-index__inner {
        display: grid;

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

    .terms-index__inner > .utility {
        grid-column:
            1 / -1;

        margin:
            0
            0
            0.5rem;
    }

    .terms-index a {
        border:
            1px
            solid
            rgba(245, 240, 230, 0.25);
    }

    .terms-statement__inner {
        grid-template-columns: 1fr;
    }

    .terms-statement__inner .status-stamp {
        justify-self: start;
    }
}

@media (max-width: 600px) {
    .terms-hero {
        padding-top: 4rem;
    }

    .terms-hero__content h1 {
        max-width: 12ch;

        font-size:
            clamp(3rem, 13vw, 4.6rem);
    }

    .terms-hero__file-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .terms-hero__file dl > div,
    .terms-engagement-file dl > div,
    .terms-third-party-sheet > div {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .terms-hero__file dd,
    .terms-engagement-file dd,
    .terms-third-party-sheet span:not(.utility) {
        text-align: left;
    }

    .terms-index__inner {
        grid-template-columns: 1fr;
    }

    .terms-section__number {
        font-size:
            clamp(2.75rem, 15vw, 4.25rem);
    }

    .terms-summary h2,
    .terms-section__heading h2,
    .terms-jurisdiction h2,
    .terms-contact h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .terms-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.45rem, 11vw, 3.5rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.terms-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.25rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.terms-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(19rem, 0.7fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-hero__content {
    max-width: 55rem;
}

.terms-hero__content h1 {
    max-width: 13ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(3.2rem, 5.8vw, 5.8rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.terms-hero__intro {
    max-width: 42rem;

    margin-bottom: 1.4rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.terms-hero__updated {
    display: inline-block;

    margin: 0;

    padding:
        0.5rem
        0.7rem;

    border:
        1px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.terms-hero__file {
    position: relative;

    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--correction-red);
}

.terms-hero__file::before {
    content: "AGREEMENT";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.1em;
}

.terms-hero__file-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.terms-hero__file dl {
    margin: 0;
}

.terms-hero__file dl > div {
    display: grid;

    grid-template-columns:
        minmax(7rem, 0.7fr)
        minmax(0, 1fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.terms-hero__file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

.terms-hero__file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.08;

    text-align: right;

    text-transform: uppercase;
}

.terms-hero__warning {
    margin-top: 1.25rem;

    padding: 1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);
}

.terms-hero__warning .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--correction-red);
}

.terms-hero__warning p {
    margin: 0;

    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Summary
   -------------------------------------------------------------------------- */

.terms-summary {
    background:
        var(--manila-light);
}

.terms-summary__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-summary h2 {
    max-width: 16ch;

    font-size:
        clamp(2.7rem, 4.7vw, 4.55rem);

    line-height: 0.95;
}

.terms-summary__memo {
    position: relative;

    padding:
        clamp(1.5rem, 3vw, 2rem);

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.terms-summary__memo::before {
    content: "AGREEMENT NOTE";

    position: absolute;
    top: -1px;
    right: 1.2rem;

    padding:
        0.45rem
        0.7rem;

    transform:
        translateY(-50%);

    background:
        var(--highlighter);

    color:
        var(--ink);

    font-family:
        var(--font-mono);

    font-size: 0.65rem;
    font-weight: 500;

    letter-spacing: 0.08em;
}

.terms-summary__memo > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.terms-summary__memo p {
    max-width: 38rem;

    color:
        var(--text-muted);

    line-height: 1.65;
}

.terms-summary__memo p + p {
    margin-top: 1rem;
}

.terms-summary__memo .status-stamp {
    margin-top: 1.25rem;
}

/* --------------------------------------------------------------------------
   Agreement Index
   -------------------------------------------------------------------------- */

.terms-index {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.terms-index__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 0;

    padding-block:
        0.8rem;
}

.terms-index__inner > .utility {
    margin-right: 1.25rem;

    color:
        var(--highlighter);
}

.terms-index a {
    padding:
        0.65rem
        0.85rem;

    border-left:
        1px
        solid
        rgba(245, 240, 230, 0.28);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase;
}

.terms-index a:hover,
.terms-index a:focus-visible {
    background:
        var(--highlighter);

    color:
        var(--ink);
}

/* --------------------------------------------------------------------------
   Main Agreement Sections
   -------------------------------------------------------------------------- */

.terms-section {
    border-bottom:
        2px
        solid
        var(--ink);

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

.terms-section--manila {
    background:
        var(--manila-light);
}

.terms-section__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.7fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-section__number {
    display: block;

    margin-bottom: 1.25rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

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

    font-weight: 900;

    line-height: 0.8;
}

.terms-section__heading h2 {
    max-width: 15ch;

    font-size:
        clamp(2.55rem, 4.4vw, 4.2rem);

    line-height: 0.95;
}

.terms-section__content {
    max-width: 50rem;

    padding-top: 0.25rem;
}

.terms-section__content > p {
    max-width: 46rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.7;
}

.terms-section__content > p + p {
    margin-top: 1.15rem;
}

.terms-section__content h3 {
    margin:
        2rem
        0
        0.8rem;

    font-size:
        clamp(1.35rem, 2vw, 1.75rem);

    line-height: 1.05;
}

.terms-section__content ul {
    margin:
        0
        0
        1.75rem;

    padding: 0;

    border-top:
        1px
        solid
        var(--rule-strong);

    list-style: none;
}

.terms-section__content li {
    position: relative;

    padding:
        0.8rem
        0
        0.8rem
        1.5rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    line-height: 1.45;
}

.terms-section__content li::before {
    content: "■";

    position: absolute;
    left: 0;

    color:
        var(--ledger-blue);

    font-size: 0.55rem;
}

.terms-section__note {
    margin-top: 1.75rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);

    box-shadow:
        0.3rem
        0.3rem
        0
        rgba(25, 27, 29, 0.1);
}

.terms-section__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.terms-section__note strong {
    display: block;

    max-width: 39rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.12;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Statement
   -------------------------------------------------------------------------- */

.terms-statement {
    padding-block:
        clamp(3.8rem, 7vw, 5.8rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.terms-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(11rem, 0.4fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.terms-statement__inner > .utility {
    color:
        var(--paper-light);
}

.terms-statement__inner > p:nth-child(2) {
    max-width: 14ch;

    margin: 0;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(2.7rem, 4.9vw, 4.75rem);

    font-weight: 900;

    line-height: 0.93;

    letter-spacing:
        -0.03em;

    text-transform: uppercase;
}

.terms-statement .status-stamp {
    color:
        var(--paper-light);

    border-color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Engagement File
   -------------------------------------------------------------------------- */

.terms-engagement-file {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.terms-engagement-file > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.terms-engagement-file dl {
    margin: 0;
}

.terms-engagement-file dl > div {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.terms-engagement-file dl > div:last-child {
    border-bottom: 0;
}

.terms-engagement-file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    text-transform: uppercase;
}

.terms-engagement-file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    text-align: right;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Dark Accuracy Section
   -------------------------------------------------------------------------- */

.terms-section--dark {
    background:
        var(--ink);

    color:
        var(--paper-light);
}

.terms-section--dark .terms-section__number {
    color:
        var(--highlighter);
}

.terms-section--dark .eyebrow {
    color:
        var(--highlighter);
}

.terms-section--dark h2 {
    color:
        var(--paper-light);
}

.terms-section--dark .terms-section__content > p {
    color:
        rgba(245, 240, 230, 0.82);
}

.terms-section__note--dark {
    border-left-color:
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.08);

    box-shadow: none;
}

.terms-section__note--dark .utility {
    color:
        var(--highlighter);
}

.terms-section__note--dark strong {
    color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Relationship Status Grid
   -------------------------------------------------------------------------- */

.terms-status-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin-top: 2rem;

    border-top:
        1px
        solid
        var(--ink);

    border-left:
        1px
        solid
        var(--ink);
}

.terms-status-grid article {
    min-height: 10rem;

    padding: 1.2rem;

    border-right:
        1px
        solid
        var(--ink);

    border-bottom:
        1px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.terms-status-grid .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--correction-red);
}

.terms-status-grid strong {
    display: block;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Third-Party Sheet
   -------------------------------------------------------------------------- */

.terms-third-party-sheet {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.terms-third-party-sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.terms-third-party-sheet > div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(9rem, 0.55fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.terms-third-party-sheet > div:last-child {
    border-bottom: 0;
}

.terms-third-party-sheet strong {
    font-family:
        var(--font-display);

    font-weight: 800;

    text-transform: uppercase;
}

.terms-third-party-sheet span:not(.utility) {
    font-family:
        var(--font-mono);

    text-align: right;
}

/* --------------------------------------------------------------------------
   Blue Disclaimer Section
   -------------------------------------------------------------------------- */

.terms-section--blue {
    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.terms-section--blue .terms-section__number {
    color:
        var(--highlighter);
}

.terms-section--blue .eyebrow {
    color:
        var(--highlighter);
}

.terms-section--blue h2 {
    color:
        var(--paper-light);
}

.terms-section--blue .terms-section__content > p {
    color:
        rgba(245, 240, 230, 0.86);
}

.terms-disclaimer-stamp {
    display: inline-block;

    margin-top: 1.75rem;

    padding:
        1rem
        1.25rem;

    border:
        2px
        solid
        var(--paper-light);

    transform:
        rotate(-1deg);

    background:
        rgba(25, 27, 29, 0.14);
}

.terms-disclaimer-stamp .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--highlighter);
}

.terms-disclaimer-stamp strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.25rem, 2vw, 1.7rem);

    font-weight: 900;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Legal Review Box
   -------------------------------------------------------------------------- */

.terms-review-box {
    margin-top: 2rem;

    padding:
        1.4rem;

    border:
        3px
        solid
        var(--correction-red);

    background:
        var(--paper-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--highlighter);
}

.terms-review-box .utility {
    display: block;

    margin-bottom: 0.75rem;

    color:
        var(--correction-red);
}

.terms-review-box strong {
    display: block;

    max-width: 38rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.35rem, 2.25vw, 1.9rem);

    font-weight: 900;

    line-height: 1.05;

    text-transform: uppercase;
}

.terms-review-box p {
    margin:
        1rem
        0
        0;

    color:
        var(--text-muted);

    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Change Sheet
   -------------------------------------------------------------------------- */

.terms-change-sheet {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.5rem
        0.5rem
        0
        var(--correction-red);
}

.terms-change-sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.terms-change-sheet ul {
    margin:
        0
        0
        1.25rem;

    padding: 0;

    border-top: 0;

    list-style: none;
}

.terms-change-sheet li {
    position: relative;

    padding:
        0.75rem
        0
        0.75rem
        1.5rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

.terms-change-sheet li::before {
    content: "□";

    position: absolute;
    left: 0;

    color:
        var(--correction-red);

    font-family:
        var(--font-mono);

    font-size: 0.85rem;
}

/* --------------------------------------------------------------------------
   Jurisdiction
   -------------------------------------------------------------------------- */

.terms-jurisdiction {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);
}

.terms-jurisdiction__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.65fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-jurisdiction h2 {
    max-width: 12ch;

    margin-top: 0.8rem;

    font-size:
        clamp(2.8rem, 5vw, 4.7rem);

    line-height: 0.94;
}

.terms-jurisdiction__sheet {
    padding:
        1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.terms-jurisdiction__sheet .utility {
    display: block;

    margin-bottom: 0.75rem;

    color:
        var(--correction-red);
}

.terms-jurisdiction__sheet p {
    margin:
        0
        0
        1.2rem;

    color:
        var(--text-muted);

    line-height: 1.6;
}

.terms-jurisdiction__sheet strong {
    display: block;

    padding:
        0.85rem
        1rem;

    border:
        2px
        dashed
        var(--correction-red);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.4rem, 2vw, 1.8rem);

    font-weight: 900;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Contact
   -------------------------------------------------------------------------- */

.terms-contact {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    background:
        var(--ink);

    color:
        var(--paper-light);
}

.terms-contact__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.62fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.terms-contact .eyebrow {
    color:
        var(--highlighter);
}

.terms-contact h2 {
    max-width: 13ch;

    margin-bottom: 1.2rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.75rem, 4.8vw, 4.6rem);

    line-height: 0.94;
}

.terms-contact__grid > div:first-child > p:last-child {
    max-width: 40rem;

    color:
        rgba(245, 240, 230, 0.82);

    line-height: 1.65;
}

.terms-contact__card {
    padding:
        1.35rem;

    border:
        2px
        solid
        var(--paper-light);

    background:
        var(--manila-light);

    color:
        var(--ink);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.terms-contact__card .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--correction-red);
}

.terms-contact__card strong {
    display: block;

    margin-bottom: 0.8rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.4rem, 2.3vw, 2rem);

    font-weight: 800;

    line-height: 1;

    text-transform: uppercase;
}

.terms-contact__card a {
    display: block;

    width: 100%;
    max-width: 100%;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

    font-size:
        clamp(0.82rem, 1.15vw, 0.98rem);

    font-weight: 800;

    line-height: 1.35;

    letter-spacing:
        -0.015em;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .terms-hero__grid,
    .terms-summary__grid,
    .terms-section__grid,
    .terms-jurisdiction__grid,
    .terms-contact__grid {
        grid-template-columns: 1fr;
    }

    .terms-hero__file {
        max-width: 43rem;
    }

    .terms-section__content {
        max-width: none;
    }

    .terms-status-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .terms-index__inner {
        display: grid;

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

    .terms-index__inner > .utility {
        grid-column:
            1 / -1;

        margin:
            0
            0
            0.5rem;
    }

    .terms-index a {
        border:
            1px
            solid
            rgba(245, 240, 230, 0.25);
    }

    .terms-statement__inner {
        grid-template-columns: 1fr;
    }

    .terms-statement__inner .status-stamp {
        justify-self: start;
    }
}

@media (max-width: 600px) {
    .terms-hero {
        padding-top: 4rem;
    }

    .terms-hero__content h1 {
        max-width: 12ch;

        font-size:
            clamp(3rem, 13vw, 4.6rem);
    }

    .terms-hero__file-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .terms-hero__file dl > div,
    .terms-engagement-file dl > div,
    .terms-third-party-sheet > div {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .terms-hero__file dd,
    .terms-engagement-file dd,
    .terms-third-party-sheet span:not(.utility) {
        text-align: left;
    }

    .terms-index__inner {
        grid-template-columns: 1fr;
    }

    .terms-section__number {
        font-size:
            clamp(2.75rem, 15vw, 4.25rem);
    }

    .terms-summary h2,
    .terms-section__heading h2,
    .terms-jurisdiction h2,
    .terms-contact h2 {
        font-size:
            clamp(2.4rem, 11vw, 3.4rem);
    }

    .terms-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.45rem, 11vw, 3.5rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS RELATIONSHIP HEADING FIX
   ========================================================================== */

#professional-relationship .terms-section__heading h2 {
    max-width: 18ch;

    font-size:
        clamp(2.35rem, 3.75vw, 3.65rem);

    line-height: 0.96;
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS FOOTER GAP FIX
   ========================================================================== */

.terms-contact {
    padding-bottom:
        clamp(2.25rem, 4vw, 3.25rem);
}

.terms-page .site-footer__main {
    padding-top:
        clamp(2.25rem, 4vw, 3.25rem);
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS CONTACT COLOR SEPARATION
   ========================================================================== */

.terms-contact {
    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.terms-contact .eyebrow {
    color:
        var(--paper-light);
}

.terms-contact h2 {
    color:
        var(--paper-light);
}

.terms-contact__grid > div:first-child > p:last-child {
    color:
        rgba(245, 240, 230, 0.9);
}

.terms-contact__card {
    border-color:
        var(--ink);

    background:
        var(--manila-light);

    color:
        var(--ink);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--highlighter);
}

.terms-page .site-footer {
    background:
        var(--ink);
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS ENGAGEMENT PHOTO
   ========================================================================== */

.terms-engagement-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ledger-blue);
}

.terms-engagement-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(35rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.terms-engagement-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.04)
        brightness(0.92);
}

.terms-engagement-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.96) 0%,
            rgba(35, 60, 73, 0.92) 21%,
            rgba(49, 95, 120, 0.76) 38%,
            rgba(25, 27, 29, 0.34) 55%,
            rgba(25, 27, 29, 0.08) 72%,
            rgba(25, 27, 29, 0) 100%
        );
}

.terms-engagement-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.terms-engagement-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.terms-engagement-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.65rem, 4.35vw, 4.25rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.terms-engagement-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        #ffffff;

    font-size: 1.05rem;

    line-height: 1.65;
}

.terms-engagement-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--correction-red);

    background:
        rgba(245, 240, 230, 0.97);

    color:
        var(--ink);

    box-shadow:
        0.4rem
        0.4rem
        0
        rgba(25, 27, 29, 0.25);
}

.terms-engagement-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.terms-engagement-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.16rem, 1.8vw, 1.52rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.terms-engagement-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    max-width: 34rem;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);

    text-align: right;
}

@media (max-width: 850px) {
    .terms-engagement-photo__figure {
        min-height: 48rem;
    }

    .terms-engagement-photo__figure > img {
        object-position:
            62%
            center;
    }

    .terms-engagement-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.92) 0%,
                rgba(49, 95, 120, 0.78) 36%,
                rgba(25, 27, 29, 0.32) 62%,
                rgba(25, 27, 29, 0.08) 78%,
                rgba(25, 27, 29, 0.46) 100%
            );
    }

    .terms-engagement-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .terms-engagement-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .terms-engagement-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        max-width: none;

        text-align: center;
    }
}

@media (max-width: 560px) {
    .terms-engagement-photo__figure {
        min-height: 52rem;
    }

    .terms-engagement-photo__overlay {
        top: 2rem;
    }

    .terms-engagement-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS THIRD PARTY PHOTO
   ========================================================================== */

.terms-third-party-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.terms-third-party-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(34rem, 54vw, 45rem);

    margin: 0;

    overflow: hidden;

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

.terms-third-party-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.02)
        brightness(0.97);
}

.terms-third-party-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            270deg,
            rgba(245, 240, 230, 0.98) 0%,
            rgba(245, 240, 230, 0.95) 24%,
            rgba(245, 240, 230, 0.8) 40%,
            rgba(245, 240, 230, 0.38) 58%,
            rgba(245, 240, 230, 0.08) 74%,
            rgba(245, 240, 230, 0) 100%
        );
}

.terms-third-party-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--ink);
}

.terms-third-party-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.terms-third-party-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--ink);

    font-size:
        clamp(2.65rem, 4.35vw, 4.25rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.terms-third-party-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        var(--ink);

    font-size: 1.05rem;

    line-height: 1.65;
}

.terms-third-party-photo__note {
    max-width: 29rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(49, 95, 120, 0.97);

    color:
        var(--paper-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.16);
}

.terms-third-party-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--highlighter);
}

.terms-third-party-photo__note strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.terms-third-party-photo__figure figcaption {
    position: absolute;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .terms-third-party-photo__figure {
        min-height: 48rem;
    }

    .terms-third-party-photo__figure > img {
        object-position:
            40%
            center;
    }

    .terms-third-party-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(245, 240, 230, 0.98) 0%,
                rgba(245, 240, 230, 0.95) 39%,
                rgba(245, 240, 230, 0.7) 56%,
                rgba(245, 240, 230, 0.12) 78%,
                rgba(245, 240, 230, 0) 100%
            );
    }

    .terms-third-party-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .terms-third-party-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .terms-third-party-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .terms-third-party-photo__figure {
        min-height: 51rem;
    }

    .terms-third-party-photo__overlay {
        top: 2rem;
    }

    .terms-third-party-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - TERMS SCOPE REVIEW PHOTO
   ========================================================================== */

.terms-scope-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.terms-scope-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(35rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.terms-scope-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.88)
        contrast(1.04)
        brightness(0.93);
}

.terms-scope-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.97) 0%,
            rgba(73, 38, 35, 0.92) 20%,
            rgba(184, 68, 56, 0.68) 37%,
            rgba(80, 47, 42, 0.38) 52%,
            rgba(25, 27, 29, 0.11) 69%,
            rgba(25, 27, 29, 0) 100%
        );
}

.terms-scope-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.terms-scope-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.terms-scope-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.65rem, 4.35vw, 4.25rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.terms-scope-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        #ffffff;

    font-size: 1.05rem;

    line-height: 1.65;
}

.terms-scope-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.97);

    color:
        var(--ink);

    box-shadow:
        0.4rem
        0.4rem
        0
        rgba(25, 27, 29, 0.24);
}

.terms-scope-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.terms-scope-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.terms-scope-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .terms-scope-photo__figure {
        min-height: 48rem;
    }

    .terms-scope-photo__figure > img {
        object-position:
            62%
            center;
    }

    .terms-scope-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.94) 0%,
                rgba(90, 43, 38, 0.82) 34%,
                rgba(184, 68, 56, 0.5) 52%,
                rgba(25, 27, 29, 0.18) 72%,
                rgba(25, 27, 29, 0.48) 100%
            );
    }

    .terms-scope-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .terms-scope-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .terms-scope-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .terms-scope-photo__figure {
        min-height: 52rem;
    }

    .terms-scope-photo__overlay {
        top: 2rem;
    }

    .terms-scope-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ACCESSIBILITY PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.accessibility-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7.25rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.accessibility-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(19rem, 0.7fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.accessibility-hero__content {
    max-width: 55rem;
}

.accessibility-hero__content h1 {
    max-width: 14ch;

    margin-bottom: 1.5rem;

    font-size:
        clamp(3rem, 5.45vw, 5.45rem);

    line-height: 0.92;

    letter-spacing:
        -0.03em;
}

.accessibility-hero__intro {
    max-width: 42rem;

    margin-bottom: 1.4rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.accessibility-hero__updated {
    display: inline-block;

    margin: 0;

    padding:
        0.5rem
        0.7rem;

    border:
        1px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.accessibility-hero__file {
    position: relative;

    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.accessibility-hero__file::before {
    content: "ACCESS REVIEW";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--highlighter);

    color:
        var(--ink);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    letter-spacing: 0.08em;
}

.accessibility-hero__file-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.accessibility-hero__file dl {
    margin: 0;
}

.accessibility-hero__file dl > div {
    display: grid;

    grid-template-columns:
        minmax(7rem, 0.7fr)
        minmax(0, 1fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.accessibility-hero__file dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

.accessibility-hero__file dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.08;

    text-align: right;

    text-transform: uppercase;
}

.accessibility-hero__note {
    margin-top: 1.25rem;

    padding: 1rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);
}

.accessibility-hero__note .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--correction-red);
}

.accessibility-hero__note p {
    margin: 0;

    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Intro
   -------------------------------------------------------------------------- */

.accessibility-intro {
    background:
        var(--manila-light);
}

.accessibility-intro__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.accessibility-intro h2 {
    max-width: 16ch;

    font-size:
        clamp(2.65rem, 4.6vw, 4.45rem);

    line-height: 0.95;
}

.accessibility-intro__memo {
    position: relative;

    padding:
        clamp(1.5rem, 3vw, 2rem);

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.accessibility-intro__memo::before {
    content: "REVIEW NOTE";

    position: absolute;
    top: -1px;
    right: 1.2rem;

    padding:
        0.45rem
        0.7rem;

    transform:
        translateY(-50%);

    background:
        var(--highlighter);

    color:
        var(--ink);

    font-family:
        var(--font-mono);

    font-size: 0.65rem;
    font-weight: 500;

    letter-spacing: 0.08em;
}

.accessibility-intro__memo > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);
}

.accessibility-intro__memo p {
    max-width: 39rem;

    color:
        var(--text-muted);

    line-height: 1.65;
}

.accessibility-intro__memo p + p {
    margin-top: 1rem;
}

.accessibility-intro__memo .status-stamp {
    margin-top: 1.25rem;
}

/* --------------------------------------------------------------------------
   Review Index
   -------------------------------------------------------------------------- */

.accessibility-index {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.accessibility-index__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 0;

    padding-block:
        0.8rem;
}

.accessibility-index__inner > .utility {
    margin-right: 1.25rem;

    color:
        var(--highlighter);
}

.accessibility-index a {
    padding:
        0.65rem
        0.85rem;

    border-left:
        1px
        solid
        rgba(245, 240, 230, 0.28);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.7rem;
    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase;
}

.accessibility-index a:hover,
.accessibility-index a:focus-visible {
    background:
        var(--highlighter);

    color:
        var(--ink);
}

/* --------------------------------------------------------------------------
   Core Sections
   -------------------------------------------------------------------------- */

.accessibility-section {
    border-bottom:
        2px
        solid
        var(--ink);

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

.accessibility-section--manila {
    background:
        var(--manila-light);
}

.accessibility-section__grid {
    display: grid;

    grid-template-columns:
        minmax(18rem, 0.7fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.accessibility-section__number {
    display: block;

    margin-bottom: 1.25rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

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

    font-weight: 900;

    line-height: 0.8;
}

.accessibility-section__heading h2 {
    max-width: 16ch;

    font-size:
        clamp(2.45rem, 4.15vw, 4rem);

    line-height: 0.95;
}

.accessibility-section__content {
    max-width: 50rem;

    padding-top: 0.25rem;
}

.accessibility-section__content > p {
    max-width: 46rem;

    color:
        var(--text-muted);

    font-size: 1.05rem;

    line-height: 1.7;
}

.accessibility-section__content > p + p {
    margin-top: 1.15rem;
}

.accessibility-section__note {
    margin-top: 1.75rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        var(--manila-light);

    box-shadow:
        0.3rem
        0.3rem
        0
        rgba(25, 27, 29, 0.1);
}

.accessibility-section__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.accessibility-section__note strong {
    display: block;

    max-width: 39rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.12;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Keyboard Check Grid
   -------------------------------------------------------------------------- */

.accessibility-check-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    margin-top: 2rem;

    border-top:
        1px
        solid
        var(--ink);

    border-left:
        1px
        solid
        var(--ink);
}

.accessibility-check-grid article {
    position: relative;

    min-height: 11rem;

    padding:
        1.25rem;

    border-right:
        1px
        solid
        var(--ink);

    border-bottom:
        1px
        solid
        var(--ink);

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

.accessibility-check-grid article::after {
    content: "✓";

    position: absolute;
    top: 1rem;
    right: 1rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

    font-size: 1.35rem;
    font-weight: 900;
}

.accessibility-check-grid .utility {
    display: block;

    margin-bottom: 0.75rem;

    color:
        var(--correction-red);
}

.accessibility-check-grid strong {
    display: block;

    margin-bottom: 0.7rem;

    padding-right: 2rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.25rem, 2vw, 1.65rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

.accessibility-check-grid p {
    margin: 0;

    color:
        var(--text-muted);

    line-height: 1.5;
}

/* --------------------------------------------------------------------------
   Statement
   -------------------------------------------------------------------------- */

.accessibility-statement {
    padding-block:
        clamp(3.8rem, 7vw, 5.8rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--highlighter);

    color:
        var(--ink);
}

.accessibility-statement__inner {
    display: grid;

    grid-template-columns:
        minmax(11rem, 0.4fr)
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap:
        clamp(1.5rem, 4vw, 4rem);
}

.accessibility-statement__inner > p:nth-child(2) {
    max-width: 16ch;

    margin: 0;

    font-family:
        var(--font-display);

    font-size:
        clamp(2.55rem, 4.5vw, 4.35rem);

    font-weight: 900;

    line-height: 0.94;

    letter-spacing:
        -0.025em;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Structure Ledger
   -------------------------------------------------------------------------- */

.accessibility-ledger {
    margin-top: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.accessibility-ledger > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.accessibility-ledger > div {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(8rem, 0.45fr);

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.accessibility-ledger > div:last-child {
    border-bottom: 0;
}

.accessibility-ledger strong {
    font-family:
        var(--font-display);

    font-weight: 800;

    text-transform: uppercase;
}

.accessibility-ledger span:not(.utility) {
    color:
        var(--ledger-blue);

    font-family:
        var(--font-mono);

    font-size: 0.76rem;
    font-weight: 500;

    text-align: right;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Dark Visual Design Section
   -------------------------------------------------------------------------- */

.accessibility-section--dark {
    background:
        var(--ink);

    color:
        var(--paper-light);
}

.accessibility-section--dark .accessibility-section__number {
    color:
        var(--highlighter);
}

.accessibility-section--dark .eyebrow {
    color:
        var(--highlighter);
}

.accessibility-section--dark h2 {
    color:
        var(--paper-light);
}

.accessibility-section--dark .accessibility-section__content > p {
    color:
        rgba(245, 240, 230, 0.84);
}

.accessibility-section__note--dark {
    border-left-color:
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.08);

    box-shadow: none;
}

.accessibility-section__note--dark .utility {
    color:
        var(--highlighter);
}

.accessibility-section__note--dark strong {
    color:
        var(--paper-light);
}

/* --------------------------------------------------------------------------
   Form Sheet
   -------------------------------------------------------------------------- */

.accessibility-form-sheet {
    margin-block: 2rem;

    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--ledger-blue);
}

.accessibility-form-sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.accessibility-form-sheet dl {
    margin: 0;
}

.accessibility-form-sheet dl > div {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 1rem;

    padding-block: 0.85rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.accessibility-form-sheet dl > div:last-child {
    border-bottom: 0;
}

.accessibility-form-sheet dt {
    font-family:
        var(--font-display);

    font-weight: 800;

    text-transform: uppercase;
}

.accessibility-form-sheet dd {
    margin: 0;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-mono);

    font-size: 0.76rem;
    font-weight: 500;

    text-align: right;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Blue Motion Section
   -------------------------------------------------------------------------- */

.accessibility-section--blue {
    background:
        var(--ledger-blue);

    color:
        var(--paper-light);
}

.accessibility-section--blue .accessibility-section__number {
    color:
        var(--highlighter);
}

.accessibility-section--blue .eyebrow {
    color:
        var(--highlighter);
}

.accessibility-section--blue h2 {
    color:
        var(--paper-light);
}

.accessibility-section--blue .accessibility-section__content > p {
    color:
        rgba(245, 240, 230, 0.88);
}

.accessibility-motion-status {
    display: inline-block;

    margin-top: 1.75rem;

    padding:
        1rem
        1.25rem;

    border:
        2px
        solid
        var(--paper-light);

    background:
        rgba(25, 27, 29, 0.14);
}

.accessibility-motion-status .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--highlighter);
}

.accessibility-motion-status strong {
    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.25rem, 2vw, 1.7rem);

    font-weight: 900;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Limitations Review Box
   -------------------------------------------------------------------------- */

.accessibility-review-box {
    margin-top: 2rem;

    padding: 1.4rem;

    border:
        3px
        solid
        var(--correction-red);

    background:
        var(--paper-light);

    box-shadow:
        0.45rem
        0.45rem
        0
        var(--highlighter);
}

.accessibility-review-box .utility {
    display: block;

    margin-bottom: 0.75rem;

    color:
        var(--correction-red);
}

.accessibility-review-box strong {
    display: block;

    max-width: 40rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.25rem, 2.05vw, 1.75rem);

    font-weight: 900;

    line-height: 1.08;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Maintenance
   -------------------------------------------------------------------------- */

.accessibility-maintenance {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.accessibility-maintenance__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.65fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.accessibility-maintenance h2 {
    max-width: 15ch;

    margin-top: 0.8rem;

    font-size:
        clamp(2.6rem, 4.5vw, 4.3rem);

    line-height: 0.95;
}

.accessibility-maintenance__sheet {
    padding: 1.3rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--ledger-blue);
}

.accessibility-maintenance__sheet > .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.accessibility-maintenance__sheet ul {
    margin:
        0
        0
        1.25rem;

    padding: 0;

    list-style: none;
}

.accessibility-maintenance__sheet li {
    position: relative;

    padding:
        0.75rem
        0
        0.75rem
        1.5rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

.accessibility-maintenance__sheet li::before {
    content: "□";

    position: absolute;
    left: 0;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-mono);
}

/* --------------------------------------------------------------------------
   Feedback Closing Section
   -------------------------------------------------------------------------- */

.accessibility-feedback {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.accessibility-feedback__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.62fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.accessibility-feedback .eyebrow {
    color:
        var(--paper-light);
}

.accessibility-feedback h2 {
    max-width: 13ch;

    margin-bottom: 1.2rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.7rem, 4.7vw, 4.5rem);

    line-height: 0.94;
}

.accessibility-feedback__grid > div:first-child > p:last-child {
    max-width: 40rem;

    color:
        rgba(245, 240, 230, 0.9);

    line-height: 1.65;
}

.accessibility-feedback__card {
    padding: 1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    color:
        var(--ink);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--highlighter);
}

.accessibility-feedback__card .utility {
    display: block;

    margin-bottom: 0.8rem;

    color:
        var(--correction-red);
}

.accessibility-feedback__card strong {
    display: block;

    margin-bottom: 0.8rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.4rem, 2.3vw, 2rem);

    font-weight: 800;

    line-height: 1;

    text-transform: uppercase;
}

.accessibility-feedback__card a {
    display: block;

    width: 100%;
    max-width: 100%;

    margin-bottom: 1rem;

    color:
        var(--ledger-blue);

    font-family:
        var(--font-display);

    font-size:
        clamp(0.82rem, 1.15vw, 0.98rem);

    font-weight: 800;

    line-height: 1.35;

    letter-spacing:
        -0.015em;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .accessibility-hero__grid,
    .accessibility-intro__grid,
    .accessibility-section__grid,
    .accessibility-maintenance__grid,
    .accessibility-feedback__grid {
        grid-template-columns: 1fr;
    }

    .accessibility-hero__file {
        max-width: 43rem;
    }

    .accessibility-section__content {
        max-width: none;
    }
}

@media (max-width: 760px) {
    .accessibility-index__inner {
        display: grid;

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

    .accessibility-index__inner > .utility {
        grid-column:
            1 / -1;

        margin:
            0
            0
            0.5rem;
    }

    .accessibility-index a {
        border:
            1px
            solid
            rgba(245, 240, 230, 0.25);
    }

    .accessibility-check-grid {
        grid-template-columns: 1fr;
    }

    .accessibility-statement__inner {
        grid-template-columns: 1fr;
    }

    .accessibility-statement__inner .status-stamp {
        justify-self: start;
    }
}

@media (max-width: 600px) {
    .accessibility-hero {
        padding-top: 4rem;
    }

    .accessibility-hero__content h1 {
        max-width: 12ch;

        font-size:
            clamp(2.85rem, 12vw, 4.35rem);
    }

    .accessibility-hero__file-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .accessibility-hero__file dl > div,
    .accessibility-ledger > div,
    .accessibility-form-sheet dl > div {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .accessibility-hero__file dd,
    .accessibility-ledger span:not(.utility),
    .accessibility-form-sheet dd {
        text-align: left;
    }

    .accessibility-index__inner {
        grid-template-columns: 1fr;
    }

    .accessibility-section__number {
        font-size:
            clamp(2.75rem, 15vw, 4.25rem);
    }

    .accessibility-intro h2,
    .accessibility-section__heading h2,
    .accessibility-maintenance h2,
    .accessibility-feedback h2 {
        font-size:
            clamp(2.35rem, 10.5vw, 3.35rem);
    }

    .accessibility-statement__inner > p:nth-child(2) {
        font-size:
            clamp(2.35rem, 10.5vw, 3.35rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ACCESSIBILITY KEYBOARD PHOTO
   ========================================================================== */

.accessibility-keyboard-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ledger-blue);
}

.accessibility-keyboard-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(35rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.accessibility-keyboard-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.03)
        brightness(0.94);
}

.accessibility-keyboard-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.96) 0%,
            rgba(35, 60, 73, 0.93) 20%,
            rgba(49, 95, 120, 0.78) 38%,
            rgba(49, 95, 120, 0.4) 53%,
            rgba(25, 27, 29, 0.12) 70%,
            rgba(25, 27, 29, 0) 100%
        );
}

.accessibility-keyboard-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.accessibility-keyboard-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.accessibility-keyboard-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.65rem, 4.35vw, 4.25rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.accessibility-keyboard-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        #ffffff;

    font-size: 1.05rem;

    line-height: 1.65;
}

.accessibility-keyboard-photo__note {
    max-width: 30rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(245, 240, 230, 0.97);

    color:
        var(--ink);

    box-shadow:
        0.4rem
        0.4rem
        0
        rgba(25, 27, 29, 0.22);
}

.accessibility-keyboard-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--correction-red);
}

.accessibility-keyboard-photo__note strong {
    display: block;

    color:
        var(--ink);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.accessibility-keyboard-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .accessibility-keyboard-photo__figure {
        min-height: 48rem;
    }

    .accessibility-keyboard-photo__figure > img {
        object-position:
            62%
            center;
    }

    .accessibility-keyboard-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.93) 0%,
                rgba(49, 95, 120, 0.8) 35%,
                rgba(49, 95, 120, 0.42) 54%,
                rgba(25, 27, 29, 0.15) 74%,
                rgba(25, 27, 29, 0.46) 100%
            );
    }

    .accessibility-keyboard-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .accessibility-keyboard-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .accessibility-keyboard-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .accessibility-keyboard-photo__figure {
        min-height: 52rem;
    }

    .accessibility-keyboard-photo__overlay {
        top: 2rem;
    }

    .accessibility-keyboard-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - ACCESSIBILITY FORM USABILITY PHOTO
   ========================================================================== */

.accessibility-form-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

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

.accessibility-form-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(35rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

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

.accessibility-form-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.9)
        contrast(1.02)
        brightness(0.97);
}

.accessibility-form-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            270deg,
            rgba(245, 240, 230, 0.99) 0%,
            rgba(245, 240, 230, 0.95) 24%,
            rgba(245, 240, 230, 0.8) 40%,
            rgba(245, 240, 230, 0.4) 57%,
            rgba(245, 240, 230, 0.1) 73%,
            rgba(245, 240, 230, 0) 100%
        );
}

.accessibility-form-photo__overlay {
    position: absolute;

    top: 50%;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 43vw);

    transform:
        translateY(-50%);

    color:
        var(--ink);
}

.accessibility-form-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.accessibility-form-photo__overlay h2 {
    max-width: 14ch;

    margin-bottom: 1.35rem;

    color:
        var(--ink);

    font-size:
        clamp(2.6rem, 4.3vw, 4.2rem);

    line-height: 0.94;

    letter-spacing:
        -0.025em;
}

.accessibility-form-photo__overlay > p:not(.utility) {
    max-width: 31rem;

    margin-bottom: 2rem;

    color:
        var(--ink);

    font-size: 1.05rem;

    line-height: 1.65;
}

.accessibility-form-photo__note {
    max-width: 29rem;

    padding:
        1.15rem
        1.3rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(184, 68, 56, 0.97);

    color:
        var(--paper-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.18);
}

.accessibility-form-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--highlighter);
}

.accessibility-form-photo__note strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.16rem, 1.8vw, 1.52rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.accessibility-form-photo__figure figcaption {
    position: absolute;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .accessibility-form-photo__figure {
        min-height: 48rem;
    }

    .accessibility-form-photo__figure > img {
        object-position:
            40%
            center;
    }

    .accessibility-form-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(245, 240, 230, 0.99) 0%,
                rgba(245, 240, 230, 0.95) 39%,
                rgba(245, 240, 230, 0.72) 56%,
                rgba(245, 240, 230, 0.14) 78%,
                rgba(245, 240, 230, 0) 100%
            );
    }

    .accessibility-form-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .accessibility-form-photo__overlay h2 {
        max-width: 15ch;

        font-size:
            clamp(2.45rem, 10vw, 3.7rem);
    }

    .accessibility-form-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .accessibility-form-photo__figure {
        min-height: 52rem;
    }

    .accessibility-form-photo__overlay {
        top: 2rem;
    }

    .accessibility-form-photo__overlay h2 {
        max-width: 13ch;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - 404 PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.error-main {
    background:
        var(--paper-light);
}

.error-hero {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-bottom:
        4px
        solid
        var(--ink);

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

.error-hero__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(19rem, 0.68fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.error-hero__content {
    max-width: 58rem;
}

.error-hero__number {
    margin:
        0.6rem
        0
        0.8rem;

    color:
        var(--correction-red);

    font-family:
        var(--font-display);

    font-size:
        clamp(6.5rem, 15vw, 13rem);

    font-weight: 900;

    line-height: 0.72;

    letter-spacing:
        -0.07em;
}

.error-hero h1 {
    max-width: 13ch;

    margin-bottom: 1.4rem;

    font-size:
        clamp(2.9rem, 5vw, 5rem);

    line-height: 0.94;

    letter-spacing:
        -0.03em;
}

.error-hero__intro {
    max-width: 43rem;

    margin-bottom: 2rem;

    color:
        var(--text-muted);

    font-size:
        clamp(1.05rem, 1.5vw, 1.2rem);

    line-height: 1.65;
}

.error-hero__actions {
    display: flex;
    flex-wrap: wrap;

    gap: 0.8rem;
}

.error-hero__actions .button--secondary {
    border-color:
        var(--ink);

    background:
        transparent;

    color:
        var(--ink);
}

.error-hero__actions .button--secondary:hover,
.error-hero__actions .button--secondary:focus-visible {
    background:
        var(--highlighter);

    color:
        var(--ink);
}

/* --------------------------------------------------------------------------
   Reconciliation Report
   -------------------------------------------------------------------------- */

.error-report {
    position: relative;

    padding: 1.4rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    box-shadow:
        0.7rem
        0.7rem
        0
        var(--ledger-blue);
}

.error-report::before {
    content: "EXCEPTION";

    position: absolute;
    top: -2rem;
    left: 1.1rem;

    padding:
        0.45rem
        0.9rem;

    border:
        2px
        solid
        var(--ink);

    border-bottom: 0;

    background:
        var(--correction-red);

    color:
        var(--paper-light);

    font-family:
        var(--font-mono);

    font-size: 0.68rem;
    font-weight: 500;

    letter-spacing: 0.08em;
}

.error-report__head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

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

    border-bottom:
        2px
        solid
        var(--ink);
}

.error-report dl {
    margin: 0;
}

.error-report dl > div {
    display: grid;

    grid-template-columns:
        minmax(8rem, 0.75fr)
        minmax(0, 1fr);

    gap: 1rem;

    padding-block: 0.9rem;

    border-bottom:
        1px
        solid
        var(--rule-strong);
}

.error-report dt {
    font-family:
        var(--font-mono);

    font-size: 0.72rem;
    font-weight: 500;

    text-transform: uppercase;
}

.error-report dd {
    margin: 0;

    font-family:
        var(--font-display);

    font-weight: 800;

    line-height: 1.08;

    text-align: right;

    text-transform: uppercase;
}

.error-report__finding {
    margin-top: 1.25rem;

    padding:
        1.05rem
        1.15rem;

    border-left:
        5px
        solid
        var(--highlighter);

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

.error-report__finding .utility {
    display: block;

    margin-bottom: 0.45rem;

    color:
        var(--correction-red);
}

.error-report__finding strong {
    display: block;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.1rem, 1.7vw, 1.45rem);

    font-weight: 800;

    line-height: 1.1;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Useful Routes
   -------------------------------------------------------------------------- */

.error-routes {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--manila-light);
}

.error-routes__heading {
    display: flex;
    justify-content: space-between;
    align-items: end;

    gap: 2rem;

    margin-bottom:
        clamp(2rem, 4vw, 3rem);
}

.error-routes__heading h2 {
    max-width: 14ch;

    font-size:
        clamp(2.6rem, 4.5vw, 4.3rem);

    line-height: 0.95;
}

.error-routes__grid {
    display: grid;

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

    border-top:
        2px
        solid
        var(--ink);

    border-left:
        2px
        solid
        var(--ink);
}

.error-routes__grid a {
    min-height: 13rem;

    padding:
        1.35rem;

    border-right:
        2px
        solid
        var(--ink);

    border-bottom:
        2px
        solid
        var(--ink);

    background:
        var(--paper-light);

    color:
        var(--ink);

    text-decoration: none;
}

.error-routes__grid a:hover,
.error-routes__grid a:focus-visible {
    background:
        var(--highlighter);
}

.error-routes__grid .utility {
    display: block;

    margin-bottom: 1rem;

    color:
        var(--correction-red);
}

.error-routes__grid strong {
    display: block;

    max-width: 11ch;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.4rem, 2.2vw, 2rem);

    font-weight: 800;

    line-height: 1.05;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Closing
   -------------------------------------------------------------------------- */

.error-closing {
    padding-block:
        clamp(4.5rem, 8vw, 7rem);

    background:
        var(--correction-red);

    color:
        var(--paper-light);
}

.error-closing__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(18rem, 0.58fr);

    align-items: center;

    gap:
        clamp(3rem, 7vw, 7rem);
}

.error-closing__grid > div:first-child > .utility {
    color:
        var(--paper-light);
}

.error-closing h2 {
    max-width: 15ch;

    margin-top: 0.8rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 4.8vw, 4.6rem);

    line-height: 0.94;
}

.error-closing__stamp {
    padding:
        1.35rem;

    border:
        2px
        solid
        var(--ink);

    background:
        var(--manila-light);

    color:
        var(--ink);

    box-shadow:
        0.55rem
        0.55rem
        0
        var(--highlighter);
}

.error-closing__stamp .utility {
    display: block;

    margin-bottom: 0.65rem;

    color:
        var(--correction-red);
}

.error-closing__stamp strong {
    display: block;

    margin-bottom: 1.3rem;

    font-family:
        var(--font-display);

    font-size:
        clamp(1.45rem, 2.4vw, 2.1rem);

    font-weight: 900;

    line-height: 1.05;

    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Footer Transition
   -------------------------------------------------------------------------- */

.error-page .site-footer {
    background:
        var(--ink);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
    .error-hero__grid,
    .error-closing__grid {
        grid-template-columns: 1fr;
    }

    .error-report {
        max-width: 43rem;
    }

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

@media (max-width: 700px) {
    .error-routes__heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .error-hero {
        padding-top: 4rem;
    }

    .error-hero__number {
        font-size:
            clamp(6rem, 28vw, 9rem);
    }

    .error-hero h1 {
        max-width: 12ch;

        font-size:
            clamp(2.6rem, 11vw, 3.8rem);
    }

    .error-report__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .error-report dl > div {
        grid-template-columns: 1fr;

        gap: 0.35rem;
    }

    .error-report dd {
        text-align: left;
    }

    .error-routes__grid {
        grid-template-columns: 1fr;
    }

    .error-routes__grid a {
        min-height: 9rem;
    }

    .error-routes__heading h2,
    .error-closing h2 {
        font-size:
            clamp(2.4rem, 10.5vw, 3.4rem);
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - 404 MISSING DOCUMENT CHAOS PHOTO
   ========================================================================== */

.error-chaos-photo {
    border-top:
        4px
        solid
        var(--ink);

    border-bottom:
        4px
        solid
        var(--ink);

    background:
        var(--ink);
}

.error-chaos-photo__figure {
    position: relative;

    width: 100%;

    min-height:
        clamp(35rem, 55vw, 46rem);

    margin: 0;

    overflow: hidden;

    background:
        var(--ink);
}

.error-chaos-photo__figure > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

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

    filter:
        saturate(0.92)
        contrast(1.04)
        brightness(0.93);
}

.error-chaos-photo__figure::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.97) 0%,
            rgba(25, 27, 29, 0.88) 22%,
            rgba(25, 27, 29, 0.62) 39%,
            rgba(25, 27, 29, 0.28) 55%,
            rgba(25, 27, 29, 0.08) 70%,
            rgba(25, 27, 29, 0) 100%
        );
}

.error-chaos-photo__overlay {
    position: absolute;

    top: 50%;

    left:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    z-index: 2;

    width:
        min(35rem, 42vw);

    transform:
        translateY(-50%);

    color:
        var(--paper-light);
}

.error-chaos-photo__overlay .utility {
    margin-bottom: 1rem;

    color:
        var(--highlighter);
}

.error-chaos-photo__overlay h2 {
    max-width: 12ch;

    margin-bottom: 1.35rem;

    color:
        var(--paper-light);

    font-size:
        clamp(2.8rem, 4.7vw, 4.55rem);

    line-height: 0.93;

    letter-spacing:
        -0.03em;
}

.error-chaos-photo__overlay > p:not(.utility) {
    max-width: 30rem;

    margin-bottom: 2rem;

    color:
        #ffffff;

    font-size: 1.05rem;

    line-height: 1.65;
}

.error-chaos-photo__note {
    max-width: 29rem;

    padding:
        1.1rem
        1.25rem;

    border-left:
        5px
        solid
        var(--highlighter);

    background:
        rgba(184, 68, 56, 0.96);

    color:
        var(--paper-light);

    box-shadow:
        0.35rem
        0.35rem
        0
        rgba(25, 27, 29, 0.22);
}

.error-chaos-photo__note .utility {
    display: block;

    margin-bottom: 0.5rem;

    color:
        var(--highlighter);
}

.error-chaos-photo__note strong {
    display: block;

    color:
        var(--paper-light);

    font-family:
        var(--font-display);

    font-size:
        clamp(1.15rem, 1.8vw, 1.5rem);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing:
        -0.015em;

    text-transform: uppercase;
}

.error-chaos-photo__figure figcaption {
    position: absolute;

    right:
        max(
            var(--gutter),
            calc((100vw - var(--container-wide)) / 2)
        );

    bottom:
        clamp(1rem, 2.5vw, 2rem);

    z-index: 2;

    padding:
        0.55rem
        0.75rem;

    background:
        rgba(25, 27, 29, 0.92);

    color:
        var(--paper-light);
}

@media (max-width: 850px) {
    .error-chaos-photo__figure {
        min-height: 49rem;
    }

    .error-chaos-photo__figure > img {
        object-position:
            58%
            center;
    }

    .error-chaos-photo__figure::after {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.94) 0%,
                rgba(25, 27, 29, 0.8) 35%,
                rgba(25, 27, 29, 0.48) 54%,
                rgba(25, 27, 29, 0.15) 74%,
                rgba(25, 27, 29, 0.5) 100%
            );
    }

    .error-chaos-photo__overlay {
        top: 2.75rem;
        right: var(--gutter);
        left: var(--gutter);

        width: auto;

        transform: none;
    }

    .error-chaos-photo__overlay h2 {
        max-width: 13ch;

        font-size:
            clamp(2.55rem, 10vw, 3.8rem);
    }

    .error-chaos-photo__figure figcaption {
        right: var(--gutter);
        bottom: 1rem;
        left: var(--gutter);

        text-align: center;
    }
}

@media (max-width: 560px) {
    .error-chaos-photo__figure {
        min-height: 53rem;
    }

    .error-chaos-photo__overlay {
        top: 2rem;
    }
}
/* ==========================================================================
   MIND YOUR BUSINESS - 404 CHAOS HERO REDESIGN
   ========================================================================== */

.error-hero--chaos {
    position: relative;

    min-height:
        clamp(42rem, 72vh, 54rem);

    overflow: hidden;

    background-color:
        var(--ink);

    background-image:
        url("../images/404/404-missing-document-chaos.png");

    background-repeat:
        no-repeat;

    background-size:
        cover;

    background-position:
        center center;

    color:
        var(--paper-light);

    isolation:
        isolate;
}

.error-hero--chaos::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    background:
        linear-gradient(
            90deg,
            rgba(25, 27, 29, 0.98) 0%,
            rgba(25, 27, 29, 0.94) 24%,
            rgba(25, 27, 29, 0.78) 42%,
            rgba(25, 27, 29, 0.42) 60%,
            rgba(25, 27, 29, 0.12) 78%,
            rgba(25, 27, 29, 0.04) 100%
        );
}

.error-hero--chaos::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(25, 27, 29, 0.14) 0%,
            rgba(25, 27, 29, 0) 58%,
            rgba(25, 27, 29, 0.26) 100%
        );
}

.error-hero--chaos .error-hero__grid {
    min-height:
        clamp(34rem, 62vh, 46rem);

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(18rem, 0.8fr);

    align-items: center;
}

.error-hero--chaos .error-hero__content {
    max-width: 48rem;
}

.error-hero--chaos .eyebrow {
    color:
        var(--highlighter);
}

.error-hero--chaos .error-hero__number {
    color:
        var(--correction-red);

    text-shadow:
        0.08em
        0.08em
        0
        rgba(25, 27, 29, 0.35);
}

.error-hero--chaos h1 {
    max-width: 12ch;

    color:
        var(--paper-light);

    text-wrap:
        balance;
}

.error-hero--chaos .error-hero__intro {
    max-width: 37rem;

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

.error-hero--chaos .error-hero__actions .button {
    box-shadow:
        0.3rem
        0.3rem
        0
        rgba(25, 27, 29, 0.4);
}

.error-hero--chaos .error-hero__actions .button--secondary {
    border-color:
        var(--paper-light);

    background:
        rgba(25, 27, 29, 0.56);

    color:
        var(--paper-light);
}

.error-hero--chaos .error-hero__actions .button--secondary:hover,
.error-hero--chaos .error-hero__actions .button--secondary:focus-visible {
    border-color:
        var(--highlighter);

    background:
        var(--highlighter);

    color:
        var(--ink);
}

@media (max-width: 980px) {
    .error-hero--chaos {
        min-height:
            46rem;

        background-position:
            58%
            center;
    }

    .error-hero--chaos .error-hero__grid {
        grid-template-columns:
            minmax(0, 0.78fr)
            minmax(8rem, 0.35fr);
    }
}

@media (max-width: 700px) {
    .error-hero--chaos {
        min-height:
            48rem;

        background-position:
            62%
            center;
    }

    .error-hero--chaos::before {
        background:
            linear-gradient(
                180deg,
                rgba(25, 27, 29, 0.94) 0%,
                rgba(25, 27, 29, 0.84) 45%,
                rgba(25, 27, 29, 0.46) 70%,
                rgba(25, 27, 29, 0.2) 100%
            );
    }

    .error-hero--chaos .error-hero__grid {
        display: block;

        min-height: 0;
    }

    .error-hero--chaos .error-hero__content {
        max-width: 39rem;
    }
}

@media (max-width: 560px) {
    .error-hero--chaos {
        min-height:
            50rem;

        background-position:
            66%
            center;
    }

    .error-hero--chaos .error-hero__number {
        font-size:
            clamp(5.8rem, 27vw, 8rem);
    }

    .error-hero--chaos h1 {
        max-width: 11ch;
    }
}