/* Connected Work on phones. Load last; public kinetic pages only. */
@media (max-width: 899px) {
  body.kinetic-site { --mobile-gutter: clamp(16px, 4.6vw, 28px); }

  body.kinetic-site .container,
  body.kinetic-site.kinetic-service #main .container {
    width: auto;
    max-width: none;
    margin-left: max(var(--mobile-gutter), env(safe-area-inset-left));
    margin-right: max(var(--mobile-gutter), env(safe-area-inset-right));
  }

  body.kinetic-site :is(.kinetic-hero-details, .field, .form__grid, .inquiry__intro),
  body.kinetic-site.kinetic-service :is(.systems-hero__layout, .systems-hero__copy, .service-email-figure, .editorial-email-plan) { min-width: 0; }

  body.kinetic-site .site-header__inner { min-height: 78px; }
  body.kinetic-site .mobile-menu {
    max-height: calc(100svh - 78px - env(safe-area-inset-top));
    max-height: calc(100dvh - 78px - env(safe-area-inset-top));
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-left: max(var(--mobile-gutter), env(safe-area-inset-left));
    padding-right: max(var(--mobile-gutter), env(safe-area-inset-right));
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }
  body.kinetic-site .mobile-menu a { min-height: 48px; }

  /* Brass belongs on forest; light working surfaces need forest focus. */
  body.kinetic-site .site-header :focus-visible,
  body.kinetic-site :is(.inquiry__card, .studio-offer-form) :focus-visible,
  body.kinetic-site :is(.inquiry__card, .studio-offer-form) :is(.form-error, .success, .success-message):focus,
  body.kinetic-site.kinetic-service #main .systems-capabilities > div:first-child :focus-visible,
  body.kinetic-site.service--booking #main .systems-section--tinted :focus-visible {
    outline: 3px solid #173e33;
    outline-offset: 3px;
  }
  body.kinetic-site :is(.btn, .text-link, .studio-page-link) { max-width: 100%; }
  body.kinetic-site .btn,
  body.kinetic-site.kinetic-service #main .btn {
    white-space: normal;
    overflow-wrap: anywhere;
    gap: 14px;
    min-height: 52px;
  }
  body.kinetic-site :is(.text-link, .studio-page-link) { overflow-wrap: anywhere; }
  body.kinetic-site :is(.studio-page-actions, .studio-case-study, .studio-page-close) .studio-page-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-block: 8px;
  }
  body.kinetic-site .studio-case-study__intro .studio-page-link { margin-top: 8px; }
  body.kinetic-site :is(.text-link, .studio-page-link) .studio-icon { flex-shrink: 0; }
  body.kinetic-site :is(.studio-faq, .systems-faq, .studio-form-details) summary { min-height: 48px; }
  body.kinetic-site .service-row summary::after { flex-shrink: 0; }
  body.kinetic-site :is([id], .field input, .field select, .field textarea) { scroll-margin-top: 96px; }

  body.kinetic-site .home-inquiry .inquiry { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  body.kinetic-site :is(.inquiry__card, .studio-offer-form) { padding: clamp(18px, 5vw, 30px); }
  body.kinetic-site :is(.inquiry__card, .studio-offer-form) .form__grid { grid-template-columns: minmax(0, 1fr); }
  body.kinetic-site .field :is(input, select, textarea) {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    font-size: 16px;
    line-height: 1.5;
    scroll-margin-bottom: 24vh;
  }
  body.kinetic-site .field textarea { min-height: 128px; resize: vertical; }
  body.kinetic-site :is(.inquiry__card, .studio-offer-form) :is(.btn--submit, .submit-button) { width: 100%; }

  body.kinetic-site.page-home .studio-hero__copy { display: block; }
  body.kinetic-site.page-home .kinetic-hero-details { display: block; grid-column: auto; grid-row: auto; }
  body.kinetic-site.page-home .kinetic-hero-details > .lede { max-width: 58ch; margin-block: 22px; color: var(--muted); }
  body.kinetic-site.page-home .studio-hero h1 { font-size: clamp(40px, 10.7vw, 76px); line-height: 1.03; }
  body.kinetic-site .kinetic-choice button { min-height: 46px; font-size: 14px; }
  body.kinetic-site .kinetic-stage__caption { font-size: 14px; line-height: 1.6; }

  /* Actual projects remain whole, unrotated and independently linked. */
  body.kinetic-site :is(.studio-project__image, .studio-service-hero__image, .kinetic-website-detail) { transform: none; }
  body.kinetic-site .studio-project__image img,
  body.kinetic-site .studio-project__image:hover img { transform: none; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site .studio-service-hero__image { margin: 0; padding: 12px; }
  body.kinetic-site .kinetic-website-detail {
    position: static;
    display: flex;
    width: 100%;
    margin-top: 14px;
    padding: 12px;
    align-items: center;
    gap: 16px;
    box-shadow: none;
  }
  body.kinetic-site .kinetic-website-detail img { width: 38%; height: auto; object-fit: contain; }
  body.kinetic-site .kinetic-website-detail span { min-width: 0; padding-top: 0; font-size: 14px; }
  body.kinetic-site .studio-service-hero__image figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
  body.kinetic-site .studio-offer-hero__copy .studio-page-title { font-size: clamp(40px, 10.8vw, 72px); }
  body.kinetic-site .home-inquiry .inquiry__intro .h2 { font-size: clamp(36px, 9vw, 58px); }
  body.kinetic-site .site-footer__title { font-size: clamp(38px, 9.7vw, 64px); }
  body.kinetic-site .site-footer__link-button { min-height: 44px; }

  /* One deliberate reading column through tablet and phone landscape. */
  body.kinetic-site.kinetic-service :is(.systems-hero__layout, .systems-hero__copy, .systems-reading) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  body.kinetic-site.kinetic-service .systems-hero__copy { gap: 0; }
  body.kinetic-site.kinetic-service .systems-hero h1 { grid-row: auto; font-size: clamp(36px, 9.2vw, 64px); line-height: 1.04; }
  body.kinetic-site.kinetic-service .systems-hero__copy .systems-lede { margin-top: 22px !important; }
  body.kinetic-site.kinetic-service .systems-section { padding-block: 40px; }
  body.kinetic-site.kinetic-service .systems-section--ruled { padding-top: 8px; }
  body.kinetic-site.kinetic-service .systems-section--ruled > .container { padding-top: 28px; }
  body.kinetic-site.kinetic-service .service-context .systems-copy { display: block; }
  body.kinetic-site.kinetic-service .service-context .systems-reading > h2 { grid-row: auto; }
  body.kinetic-site.kinetic-service .service-context .systems-copy > .systems-faq { margin-top: 20px; }
  body.kinetic-site.kinetic-service .service-process .systems-flow { display: block; padding: 24px 20px; }
  body.kinetic-site.kinetic-service .service-process .systems-flow h2 { font-size: clamp(26px, 6.4vw, 38px); }
  body.kinetic-site.kinetic-service .service-process .systems-flow ol { display: block; margin-top: 22px; padding-left: 22px; }
  body.kinetic-site.kinetic-service .service-process .systems-flow li:nth-child(n) {
    width: auto;
    margin-top: 0;
    padding: 16px 8px;
  }
  body.kinetic-site.kinetic-service .service-process .systems-flow strong { font-size: 22px; }
  body.kinetic-site.kinetic-service .service-process .systems-flow span { margin-top: 8px; }
  body.kinetic-site.kinetic-service .service-process .systems-flow__note { margin-top: 18px; }
  body.kinetic-site.kinetic-service .systems-capabilities { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 28px; }
  body.kinetic-site.kinetic-service .systems-capabilities > div:nth-child(n) {
    grid-row: auto;
    grid-column: auto;
    width: auto;
    margin-inline: 0;
    display: block;
    padding: 24px;
  }
  body.kinetic-site.service--operations .systems-capabilities > div:nth-child(n) { padding-inline: 0; }
  body.kinetic-site.kinetic-service .systems-capabilities > div:nth-child(n) dt { font-size: 28px; margin-bottom: 14px; }
  body.kinetic-site.service--invoicing .systems-capabilities::before { content: none; }
  body.kinetic-site.kinetic-service .systems-section--tinted .systems-copy { margin-left: 0; width: auto; }
  body.kinetic-site.service--email .systems-section--tinted .systems-copy { display: block; }
  body.kinetic-site.service--email .systems-section--tinted .systems-copy > p { padding-top: 16px; }
  body.kinetic-site.kinetic-service .service-booking-stage { grid-template-columns: minmax(0, 1fr); }
  body.kinetic-site.kinetic-service .service-booking-route { min-height: 300px; padding: 22px 20px 22px 60px; }
  body.kinetic-site.kinetic-service .service-booking-route p { margin-left: -36px; margin-bottom: 20px; }
  body.kinetic-site.kinetic-service .service-booking-route ol { min-height: 210px; gap: 20px; }
  body.kinetic-site.kinetic-service .service-booking-route svg { left: 20px; top: 74px; height: calc(100% - 110px); }
  body.kinetic-site.kinetic-service .service-booking-route li { font-size: 21px !important; }
  body.kinetic-site.kinetic-service .service-quoting-stage { margin-left: 0; }
  body.kinetic-site.kinetic-service .systems-hero__image figcaption .text-link { margin-top: 8px; }

  /* Intrinsic email composition: address -> mailbox -> two access methods. */
  body.kinetic-site.service--email :is(.systems-hero__copy, .editorial-email-plan, .service-email-figure) { grid-column: 1; grid-row: auto; }
  body.kinetic-site.service--email .editorial-email-plan { padding: 24px; }
  body.kinetic-site.service--email .editorial-email-plan dl { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  body.kinetic-site.service--email .editorial-email-plan dl > div { display: block; min-width: 0; }
  body.kinetic-site.kinetic-service .service-email-figure { width: 100%; max-width: 560px; padding: 20px; margin-inline: auto; }
  body.kinetic-site.kinetic-service .service-email-map {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 16px;
    min-height: 0;
    aspect-ratio: auto;
    padding-bottom: 20px;
  }
  body.kinetic-site.kinetic-service .service-email-map > div {
    position: relative;
    inset: auto;
    min-width: 0;
    font-size: 18px;
    padding: 12px 4px;
    overflow-wrap: anywhere;
  }
  body.kinetic-site.kinetic-service :is(.service-email-map__domain, .service-email-map__mailbox) { grid-column: 1 / -1; border: 1px solid var(--svc-line); padding: 18px 8px; }
  body.kinetic-site.kinetic-service .service-email-map__domain span { font-size: 16px; }
  body.kinetic-site.kinetic-service .service-email-map__mailbox strong { font-size: 32px; }
  body.kinetic-site.kinetic-service .service-email-map__mailbox::before { content: ""; position: absolute; top: -31px; height: 30px; left: 50%; border-left: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-email-map__mailbox::after { content: ""; position: absolute; top: 100%; height: 16px; left: 50%; border-left: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service :is(.service-email-map__webmail, .service-email-map__apps)::before { content: ""; position: absolute; top: -15px; height: 15px; border-top: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-email-map__webmail::before { left: 50%; right: -8px; border-left: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-email-map__apps::before { left: -8px; right: 50%; border-right: 1px solid var(--svc-brass); }

  /* Keep diagram descriptions in the accessibility tree when replacing geometry. */
  body.kinetic-site.kinetic-service :is(.service-email-map, .service-rule-map, .service-invoice-map) > svg {
    display: block;
    position: absolute;
    inset: 0 auto auto 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  body.kinetic-site .cookie-consent {
    --cookie-bg: #f4f0e4;
    --cookie-surface: #e5e8da;
    --cookie-text: #173e33;
    --cookie-muted: #506253;
    --cookie-line: #a5b49f;
    --cookie-accent: #173e33;
    --cookie-accent-hover: #28523e;
    max-height: calc(100svh - 32px);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
  }
  body.kinetic-site .cookie-consent :focus-visible { outline: 3px solid #173e33; outline-offset: 3px; }
  body.kinetic-site .cookie-consent p { font-size: 14px; }
}


@media (max-width: 599px) {
  body.kinetic-site :is(.hero__actions, .systems-actions, .studio-page-actions) { gap: 12px 20px; }
  body.kinetic-site.kinetic-service #main .systems-actions { flex-direction: column; align-items: stretch; }
  body.kinetic-site.kinetic-service #main .systems-actions .btn { width: 100%; justify-content: space-between; }
  body.kinetic-site.kinetic-service #main .systems-actions .text-link { align-self: flex-start; }
  body.kinetic-site .studio-page-nav__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 16px; }
  body.kinetic-site .studio-page-nav a { min-height: 44px; margin-left: 0; }

  /* A four-stop timeline follows DOM order; no cross-row tracking on a phone. */
  body.kinetic-site .kinetic-flow { min-height: 0; margin-block: 20px 14px; }
  body.kinetic-site .kinetic-flow .flow-wire { display: none; }
  body.kinetic-site .kinetic-flow ol { grid-template-columns: minmax(0, 1fr); gap: 0; margin-left: 5px; border-left: 1px solid var(--accent); }
  body.kinetic-site .kinetic-flow .flow-node:nth-child(n) { grid-column: auto; grid-row: auto; }
  body.kinetic-site .flow-node:nth-child(n) { position: relative; min-height: 76px; padding: 12px 0 12px 20px; }
  body.kinetic-site .flow-node::before { content: ""; position: absolute; top: 26px; left: -4px; width: 7px; height: 7px; background: var(--accent); border-radius: 50%; }
  body.kinetic-site .flow-node > div { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: baseline; gap: 14px; width: 100%; padding: 0; background: transparent; }
  body.kinetic-site .flow-node strong { font-size: 23px; line-height: 1.2; }
  body.kinetic-site .flow-node span { max-width: none; margin: 0; font-size: 14px; line-height: 1.5; }
  body.kinetic-site .kinetic-stage__caption { min-height: 4.8em; }

  /* Two explicit outputs and a dashed review return, not a line into a gap. */
  body.kinetic-site.kinetic-service .service-automation-figure { width: 100%; max-width: 560px; padding: 20px 12px; margin-inline: auto; }
  body.kinetic-site.kinetic-service .service-rule-map { min-height: 0; aspect-ratio: auto; }
  body.kinetic-site.kinetic-service .service-rule-map__labels {
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 12px;
    padding: 0 16px 0 0;
  }
  body.kinetic-site.kinetic-service .service-rule-map__labels::before { content: none; }
  body.kinetic-site.kinetic-service .service-rule-map__labels::after {
    content: "";
    position: absolute;
    right: 0;
    top: 44%;
    bottom: 68px;
    width: 18px;
    border: 1px dashed var(--svc-secondary);
    border-left: 0;
    pointer-events: none;
  }
  body.kinetic-site.kinetic-service .service-rule-map__labels li { position: relative; inset: auto; min-width: 0; padding: 18px 8px; border: 1px solid var(--svc-line); background: var(--svc-ground); }
  body.kinetic-site.kinetic-service .service-rule-map__labels .service-rule-map__event,
  body.kinetic-site.kinetic-service .service-rule-map__labels .service-rule-map__rules { grid-column: 1 / -1; width: 88%; justify-self: center; }
  body.kinetic-site.kinetic-service .service-rule-map__labels .service-rule-map__rules { width: 76%; border-color: var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-rule-map__rules::before { content: ""; position: absolute; top: -31px; left: 50%; height: 30px; border-left: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-rule-map__rules::after { content: ""; position: absolute; top: 100%; left: 50%; height: 16px; border-left: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service :is(.service-rule-map__action, .service-rule-map__review)::before { content: ""; position: absolute; top: -15px; height: 15px; border-top: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-rule-map__action::before { left: 50%; right: -6px; border-left: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-rule-map__review::before { left: -6px; right: 50%; border-right: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-rule-map__labels .service-rule-map__review { border-color: var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-rule-map strong { font-size: 18px; }
  body.kinetic-site.kinetic-service .service-rule-map span { font-size: 14px; margin-top: 8px; }

  /* The two records converge before the check; draft and approval stay separate. */
  body.kinetic-site.kinetic-service .service-invoice-figure { padding: 20px 12px; }
  body.kinetic-site.kinetic-service .service-invoice-map { grid-template-columns: minmax(0, 1fr); gap: 30px; min-height: 0; padding: 0 0 12px; }
  body.kinetic-site.kinetic-service .service-invoice-map::before { content: none; }
  body.kinetic-site.kinetic-service .service-invoice-map__sources { display: grid; position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.kinetic-site.kinetic-service .service-invoice-map__sources > div { padding: 16px 10px; min-width: 0; border: 1px solid var(--svc-line); }
  body.kinetic-site.kinetic-service .service-invoice-map__sources::after { content: ""; position: absolute; bottom: -15px; height: 15px; left: 25%; right: 25%; border: 1px solid var(--svc-brass); border-top: 0; }
  body.kinetic-site.kinetic-service .service-invoice-map strong { font-size: 21px; }
  body.kinetic-site.kinetic-service .service-invoice-map span { font-size: 14px; margin-top: 10px; }
  body.kinetic-site.kinetic-service .service-invoice-map__check { position: relative; inset: auto; width: auto; max-width: 100%; justify-self: center; padding: 12px 16px; border: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-invoice-map__draft { position: relative; padding: 22px; margin-inline: 12px; }
  body.kinetic-site.kinetic-service .service-invoice-map__draft strong { font-size: 36px; }
  body.kinetic-site.kinetic-service .service-invoice-map__review { position: relative; margin-inline: 12px; padding: 18px; border-top: 1px solid var(--svc-line); text-align: center; }
  body.kinetic-site.kinetic-service .service-invoice-map__review strong { font-size: 27px; }
  body.kinetic-site.kinetic-service :is(.service-invoice-map__check, .service-invoice-map__draft, .service-invoice-map__review)::before { content: ""; position: absolute; bottom: 100%; height: 30px; left: 50%; border-left: 1px solid var(--svc-brass); }
  body.kinetic-site.kinetic-service .service-invoice-map__check::before { height: 16px; }
}

@media (max-width: 359px) {
  body.kinetic-site .brand { gap: 8px; }
  body.kinetic-site .brand__name { font-size: 18px; }
  body.kinetic-site .brand__note { font-size: 7px; letter-spacing: .06em; }
  body.kinetic-site .studio-hero .hero__actions { align-items: stretch; flex-direction: column; }
  body.kinetic-site .studio-hero .hero__actions .btn { justify-content: space-between; }
  body.kinetic-site .studio-hero .hero__actions .text-link { align-self: flex-start; }
  body.kinetic-site .flow-node > div { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 10px; }
  body.kinetic-site .flow-node strong { font-size: 21px; }
}

@media (max-width: 899px) and (max-height: 500px) and (orientation: landscape) {
  body.kinetic-site .site-header { position: relative; top: auto; }
  body.kinetic-site .site-header__inner { min-height: 64px; }
  body.kinetic-site .mobile-menu { max-height: calc(100svh - 64px); max-height: calc(100dvh - 64px); }
  body.kinetic-site :is(.studio-hero, .studio-service-hero, .studio-offer-hero) { padding-block: 28px; }
  body.kinetic-site.kinetic-service .systems-hero { padding-top: 12px; }
  body.kinetic-site :is([id], .field input, .field select, .field textarea) { scroll-margin-top: 20px; }
}

@media (max-width: 899px) and (hover: none) {
  body.kinetic-site .btn:hover { transform: none; }
  body.kinetic-site :is(.text-link, .studio-page-link):hover .studio-icon { transform: none; }
  body.kinetic-site.page-home .kinetic-service-directory > a:hover { background: transparent; }
}

/* Revised heroes retain the contrasting fields and real project depth. */
@media (max-width: 899px) {
  body.kinetic-site.page-home .studio-hero { padding-block: 32px; }
  body.kinetic-site.page-home .studio-hero::before,
  body.kinetic-site.page-websites .studio-service-hero::before,
  body.kinetic-site.page-free-website .studio-offer-hero::before { display: none; }
  body.kinetic-site.page-home .studio-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: start; }
  body.kinetic-site.page-home .studio-hero__copy { padding-top: 0; }
  body.kinetic-site.page-home .studio-hero h1 { max-width: none; font-size: clamp(40px, 9.5vw, 68px); line-height: 1.03; margin-bottom: 0; }
  body.kinetic-site.page-home .studio-hero h1 .kinetic-title-top > span { font-size: .58em; margin-block: 10px; }
  body.kinetic-site.page-home .kinetic-hero-details > .lede { margin-block: 22px; color: #506253; }
  body.kinetic-site.page-home .studio-hero__offer { font-size: 16px; }
  /* A real portrait leads into a compact service band, not a text panel. */
  body.kinetic-site.page-home .kinetic-home-people {
    min-width: 0;
    width: calc(100% - 6px);
    margin: 0 6px 6px 0;
    padding: 8px;
    box-shadow: 6px 6px 0 #315840;
  }
  body.kinetic-site.page-home .kinetic-home-people img { height: auto; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site.page-home .kinetic-home-people figcaption { flex-wrap: wrap; gap: 12px 20px; padding: 16px 4px 4px; }
  body.kinetic-site.page-home .kinetic-home-people figcaption > span { font-size: clamp(20px, 4vw, 26px); line-height: 1.25; }
  body.kinetic-site.page-home .kinetic-home-people figcaption a { min-height: 44px; font-size: 16px; }
  body.kinetic-site.page-home .kinetic-home-people :focus-visible { outline: 3px solid #173e33; outline-offset: 3px; }
  body.kinetic-site.page-home .kinetic-service-directory {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    margin: 28px 0 0;
    padding: 0;
    background: #e6bc74;
    color: #173e33;
    --ink: #173e33;
    --muted: #315840;
  }
  body.kinetic-site.page-home .kinetic-service-directory > a {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 56px;
    padding: 16px 18px;
    border: 0;
    border-bottom: 1px solid #ae8c51;
    color: #173e33;
    text-decoration: none;
  }
  body.kinetic-site.page-home .kinetic-service-directory > a:last-child { border-bottom: 0; }
  body.kinetic-site.page-home .kinetic-service-directory strong { min-width: 0; font-size: 18px; line-height: 1.3; overflow-wrap: anywhere; }
  body.kinetic-site.page-home .kinetic-service-directory svg { color: #173e33; }
  body.kinetic-site.page-home .studio-hero .kinetic-service-directory :focus-visible { outline: 3px solid #173e33; outline-offset: -5px; }
  body.kinetic-site.page-home #custom-programs { scroll-margin-top: 96px; }
  body.kinetic-site.page-home #work .studio-work__showcase { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-bottom: 40px; }
  body.kinetic-site.page-home #work .studio-work__head { min-width: 0; margin: 0; }
  body.kinetic-site.page-home #work .studio-work__head .lede { max-width: 58ch; margin-block: 20px 0; }
  body.kinetic-site.page-home #work .kinetic-stage {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: clamp(16px, 4.6vw, 28px);
    background: #0d3028;
    color: #f4f0e4;
    --ink: #f4f0e4;
    --muted: #b9cabd;
    --paper: #0d3028;
  }
  body.kinetic-site.page-home #work .kinetic-preview { margin-top: 20px; }
  body.kinetic-site.page-home #work .kinetic-choice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  body.kinetic-site.page-home #work .kinetic-choice button { min-width: 0; padding-inline: 6px; font-size: 16px; }
  body.kinetic-site.page-home #work .kinetic-preview__image { height: auto; aspect-ratio: auto; padding: 6px; box-shadow: 6px 6px 0 #315840; }
  body.kinetic-site.page-home #work .kinetic-preview__image img { height: auto; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site.page-home #work .kinetic-preview__credit { margin-block: 18px 12px; font-size: 16px; }
  body.kinetic-site.page-home #work .kinetic-flow-details > summary { min-height: 48px; font-size: 16px; }
  body.kinetic-site.page-home #work .flow-node span { font-size: 16px; }
  body.kinetic-site.page-home #work .kinetic-stage__caption { min-height: 0; margin-block: 16px 8px; font-size: 16px; }
  body.kinetic-site.page-home #work .kinetic-stage__link { max-width: 100%; min-height: 48px; font-size: 16px; overflow-wrap: anywhere; }
  body.kinetic-site.page-home #work .kinetic-stage__link svg { flex-shrink: 0; }
  body.kinetic-site.page-home #work .studio-work__grid { grid-template-columns: minmax(0, 1fr); }

  body.kinetic-site.page-websites .studio-service-hero { padding-block: 32px 40px; }
  body.kinetic-site.page-websites .studio-service-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  body.kinetic-site.page-websites .studio-page-title { grid-row: auto; max-width: 20ch; font-size: clamp(36px, 8.8vw, 62px); line-height: 1.06; }
  body.kinetic-site.page-websites .studio-service-hero .lede { max-width: 60ch; margin-top: 20px; }
  body.kinetic-site.page-websites .kinetic-project-stage { grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 24px; min-width: 0; }
  body.kinetic-site.page-websites :is(.studio-service-hero__image, .kinetic-project-tool) { min-width: 0; padding: 10px; box-shadow: 6px 6px 0 rgb(23 62 51 / 20%); }
  body.kinetic-site.page-websites .studio-service-hero__image figcaption { padding-right: 0; font-size: 14px; }
  body.kinetic-site.page-websites .studio-service-hero__image { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); align-items: center; gap: 12px; }
  body.kinetic-site.page-websites .studio-service-hero__image figcaption { padding-top: 0; }
  body.kinetic-site.page-websites .kinetic-project-tool figcaption { padding: 18px 4px 4px; }
  body.kinetic-site.page-websites .kinetic-project-tool__preview img { height: auto; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site.page-websites .kinetic-project-tool figcaption strong { font-size: 22px; }
  body.kinetic-site.page-websites .studio-foundations { padding-top: 48px; }

  body.kinetic-site.page-free-website .studio-offer-hero { padding-block: 24px 36px; }
  body.kinetic-site.page-free-website .studio-offer-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body.kinetic-site.page-free-website .studio-offer-hero__copy { padding: 22px; }
  body.kinetic-site.page-free-website .studio-offer-hero__copy .studio-page-title { font-size: clamp(36px, 9.5vw, 58px); line-height: 1.04; }
  body.kinetic-site.page-free-website .studio-offer-hero__copy .lede { font-size: 16px; line-height: 1.5; }
  body.kinetic-site.page-free-website .studio-offer-hero__price { font-size: 17px; line-height: 1.5; margin-bottom: 16px; }
  body.kinetic-site.page-free-website .studio-offer-hero__copy .fineprint { font-size: 14px; line-height: 1.5; margin-bottom: 0; }
  body.kinetic-site.page-free-website .editorial-offer-visual { display: none; }
  body.kinetic-site.page-free-website .studio-offer-form { box-shadow: 6px 6px 0 #e6bc74; }
}

@media (max-width: 599px) {
  body.kinetic-site.page-home .kinetic-home-people figcaption { display: block; }
  body.kinetic-site.page-home .kinetic-home-people figcaption > span { display: block; }
  body.kinetic-site.page-home .kinetic-home-people figcaption a { display: flex; justify-content: space-between; margin-top: 8px; }
}

@media (min-width: 600px) and (max-width: 899px) {
  body.kinetic-site.page-home .kinetic-service-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.kinetic-site.page-home .kinetic-service-directory > a:nth-child(odd) { border-right: 1px solid #ae8c51; }
  body.kinetic-site.page-home .kinetic-service-directory > a:nth-last-child(-n + 2) { border-bottom: 0; }
}

@media (max-width: 899px) and (max-height: 500px) and (orientation: landscape) {
  body.kinetic-site.page-home #custom-programs { scroll-margin-top: 20px; }
}

@media (max-width: 359px) {
  body.kinetic-site.page-home #work .kinetic-choice button { padding-inline: 2px; white-space: nowrap; }
  body.kinetic-site.page-free-website .studio-offer-hero__copy { padding: 18px; }
}

/* Phone and compact-tablet artifacts keep their material, not a scaled canvas. */
@media (max-width: 1023px) {
  body.kinetic-site.kinetic-service .service-artifact-hero { padding-block: 16px 36px; }
  body.kinetic-site.kinetic-service .service-artifact-hero::before { display: none; }
  body.kinetic-site.kinetic-service .service-artifact-hero :is(.systems-hero__layout, .systems-hero__copy) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body.kinetic-site.kinetic-service .service-artifact-hero .systems-hero__copy { gap: 0; }
  body.kinetic-site.kinetic-service .service-artifact-hero .systems-breadcrumb { margin-bottom: 18px; }
  body.kinetic-site.kinetic-service .service-artifact-hero h1 { grid-row: auto; max-width: 22ch; font-size: clamp(32px, 8vw, 48px); line-height: 1.08; }
  body.kinetic-site.kinetic-service .service-artifact-hero .systems-hero__copy .systems-lede { margin-top: 18px !important; font-size: 16px; line-height: 1.55; }
  body.kinetic-site.kinetic-service .service-artifact-hero .systems-actions { margin-top: 18px; }
  body.kinetic-site.kinetic-service .service-artifact { position: relative; min-width: 0; }
  body.kinetic-site.kinetic-service .service-artifact figcaption { font-size: 14px; }
  body.kinetic-site.kinetic-service .service-artifact :is(.service-rule-map, .service-invoice-map, .service-email-map) > svg { position: absolute; inset: 0 auto auto 0; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

  body.kinetic-site.service--automation .service-artifact--routing { width: 100%; max-width: 560px; margin-inline: auto; padding: 20px 12px; background: #f4f0e4; color: #173e33; box-shadow: 6px 6px 0 #315840; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map { aspect-ratio: auto; min-height: 0; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__labels { display: grid; position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 12px; padding: 0 18px 0 0; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__labels li { position: relative; inset: auto; min-width: 0; padding: 18px 8px; background: #fffdf5; color: #173e33; border: 1px solid #bdc7b7; z-index: 1; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__labels :is(.service-rule-map__event, .service-rule-map__rules) { grid-column: 1 / -1; justify-self: center; width: 88%; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__labels .service-rule-map__rules { width: 76%; background: #173e33; color: #f4f0e4; border-color: #173e33; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__labels .service-rule-map__review { background: #e6bc74; border-color: #b28b4b; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map strong { font-size: 18px; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map span { color: #506253; font-size: 14px; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__rules span { color: #b9cabd; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__review span { color: #173e33; }
  body.kinetic-site.service--automation .service-artifact--routing .service-carried-record[hidden] { display: block; font-size: 13px; font-weight: 700; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__rules::before { content: ""; position: absolute; top: -31px; left: 50%; height: 30px; border-left: 1px solid #173e33; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__rules::after { content: ""; position: absolute; top: 100%; left: 50%; height: 16px; border-left: 1px solid #173e33; }
  body.kinetic-site.service--automation .service-artifact--routing :is(.service-rule-map__action, .service-rule-map__review)::before { content: ""; position: absolute; top: -15px; height: 15px; border-top: 1px solid #173e33; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__action::before { left: 50%; right: -6px; border-left: 1px solid #173e33; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__review::before { left: -6px; right: 50%; border-right: 1px solid #173e33; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__labels::after { content: ""; position: absolute; right: 0; top: 44%; bottom: 72px; width: calc(12% + 18px); border: 1px dashed #506253; border-left: 0; z-index: 0; pointer-events: none; }
  body.kinetic-site.service--automation .service-artifact--routing .service-rule-map__labels::before { content: ""; position: absolute; left: auto; right: calc(12% + 14px); top: calc(44% - 4px); bottom: auto; width: 0; height: 0; background: none; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #506253; z-index: 2; }
  body.kinetic-site.service--automation .service-artifact--routing :is(.service-example-note, figcaption) { color: #506253; }
  body.kinetic-site.service--automation .service-artifact--routing .service-example-note { font-size: 14px; margin-top: 18px; }

  body.kinetic-site.service--booking .service-artifact-hero,
  body.kinetic-site.service--invoicing .service-artifact-hero { background: #f4f0e4; color: #173e33; }
  body.kinetic-site:is(.service--booking, .service--invoicing) .service-artifact-hero :is(.systems-breadcrumb, .systems-lede) { color: #506253; }
  body.kinetic-site:is(.service--booking, .service--invoicing) .service-artifact-hero .service-emphasis { color: #173e33; text-decoration: underline; text-decoration-color: #e6bc74; text-underline-offset: .12em; }
  body.kinetic-site:is(.service--booking, .service--invoicing) #main .service-artifact-hero .systems-hero__copy .text-link { color: #173e33; }
  body.kinetic-site:is(.service--booking, .service--invoicing) #main .service-artifact-hero :focus-visible { outline-color: #173e33; }
  body.kinetic-site.service--booking .service-artifact--booking { display: grid; grid-template-columns: minmax(0, 1fr); padding: 8px; background: #173e33; box-shadow: 6px 6px 0 #d7cfb9; }
  body.kinetic-site.service--booking .service-artifact--booking > .service-screen-context { display: none; }
  body.kinetic-site.service--booking .service-artifact--booking .service-screen-detail[hidden] { display: block; position: relative; inset: auto; width: 100%; height: auto; overflow: visible; background: #f4f0e4; }
  body.kinetic-site.service--booking .service-artifact--booking .service-screen-detail img { position: static; inset: auto; display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site.service--booking .service-artifact--booking .service-booking-route { min-height: 0; padding: 18px 20px; background: #e6bc74; color: #173e33; }
  body.kinetic-site.service--booking .service-artifact--booking .service-booking-route p { color: #173e33; font-size: 14px; margin: 0 0 12px; }
  body.kinetic-site.service--booking .service-artifact--booking .service-booking-route ol { min-height: 0; gap: 0; padding-left: 20px; border-left: 1px solid #173e33; }
  body.kinetic-site.service--booking .service-artifact--booking .service-booking-route li { position: relative; padding: 10px 0; font-size: 17px !important; }
  body.kinetic-site.service--booking .service-artifact--booking .service-booking-route li::before { content: ""; position: absolute; top: 17px; left: -24px; width: 7px; height: 7px; background: #173e33; border-radius: 50%; }
  body.kinetic-site.service--booking .service-artifact--booking .service-booking-route li:nth-child(3)::before { border-radius: 0; transform: rotate(45deg); }
  body.kinetic-site.service--booking .service-artifact--booking .service-booking-route > svg { position: absolute; inset: 0 auto auto 0; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body.kinetic-site.service--booking .service-artifact--booking figcaption { padding: 18px 8px 8px; color: #b9cabd; }
  body.kinetic-site.service--booking #main .service-artifact--booking figcaption .text-link { color: #f4f0e4; }
  body.kinetic-site.service--booking #main .service-artifact--booking :focus-visible { outline-color: #e6bc74; }

  body.kinetic-site.service--quoting .service-artifact--configurator { display: flex; flex-direction: column; padding: 10px; margin: 0; background: #f4f0e4; color: #173e33; box-shadow: 6px 6px 0 #315840; }
  body.kinetic-site.service--quoting .service-artifact--configurator .service-configurator-image { order: -1; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site.service--quoting .service-artifact--configurator .service-choice-route { padding: 46px 8px 16px; }
  body.kinetic-site.service--quoting .service-artifact--configurator .service-choice-route svg { height: 40px; stroke: #173e33; fill: #f4f0e4; }
  body.kinetic-site.service--quoting .service-artifact--configurator .service-choice-route ol { gap: 12px; }
  body.kinetic-site.service--quoting .service-artifact--configurator .service-choice-route li { font-size: 16px !important; }
  body.kinetic-site.service--quoting .service-artifact--configurator .service-choice-route p { color: #506253; font-size: 14px; }
  body.kinetic-site.service--quoting .service-artifact--configurator .service-map-gate { fill: #173e33; }
  body.kinetic-site.service--quoting .service-artifact--configurator figcaption { padding: 18px 8px 8px; color: #506253; }
  body.kinetic-site.service--quoting #main .service-artifact--configurator figcaption .text-link { color: #173e33; }
  body.kinetic-site.service--quoting #main .service-artifact--configurator :focus-visible { outline-color: #173e33; }

  body.kinetic-site.service--invoicing .service-artifact--papers { padding: 12px; background: #173e33; color: #f4f0e4; box-shadow: 6px 6px 0 #d7cfb9; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; min-height: 0; padding-block: 0 12px; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map::before { content: none; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__sources { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__sources > div { padding: 16px 10px; border: 0; background: #e4dece; color: #173e33; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__sources > div:last-child { background: #e6bc74; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__sources strong { font-size: 21px; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__sources span { color: #173e33; font-size: 14px; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__sources::after { content: ""; position: absolute; bottom: -15px; height: 15px; left: 25%; right: 25%; border: 1px solid #e6bc74; border-top: 0; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__check { position: relative; inset: auto; width: auto; justify-self: center; max-width: 100%; padding: 12px 16px; border: 1px solid #e6bc74; background: #173e33; color: #f4f0e4; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__draft { position: relative; padding: 24px; margin-inline: 12px; background: #f4f0e4; border: 0; color: #173e33; box-shadow: 5px 5px 0 #315840; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__draft strong { font-size: 36px; color: #173e33; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__draft span { color: #506253; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__review { position: relative; margin-inline: 12px; padding: 18px; background: #e6bc74; color: #173e33; text-align: center; border: 0; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__review br { display: none; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__review strong { font-size: 25px; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__review span { color: #173e33; }
  body.kinetic-site.service--invoicing .service-artifact--papers :is(.service-invoice-map__check, .service-invoice-map__draft, .service-invoice-map__review)::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 30px; border-left: 1px solid #e6bc74; }
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__check::before { height: 16px; }
  body.kinetic-site.service--invoicing .service-artifact--papers :is(.service-example-note, figcaption) { color: #b9cabd; font-size: 14px; }

  body.kinetic-site.service--email .service-artifact-hero .editorial-email-plan { padding: 20px; }
  body.kinetic-site.service--email .service-artifact-hero .editorial-email-plan dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  body.kinetic-site.service--email .service-artifact-hero .editorial-email-plan dd { font-size: 22px; }
  body.kinetic-site.service--email .service-artifact-hero .editorial-email-plan dl > div:not(:first-child) dd { font-size: 16px; }
  body.kinetic-site.service--email .service-artifact-hero .editorial-email-plan p { margin-top: 14px; padding-top: 12px; }
  body.kinetic-site.service--email .service-artifact--envelope { grid-column: 1; grid-row: auto; max-width: 460px; width: 100%; margin-inline: auto; padding: 0; border: 0; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map { display: block; width: 100%; min-width: 0; height: clamp(270px, 70vw, 328px); min-height: 0; aspect-ratio: auto; margin-bottom: 34px; padding: 0; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map > svg.service-desktop-geometry { display: block; position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; clip-path: none; filter: drop-shadow(0 12px 12px rgb(0 15 10 / 20%)); }
  body.kinetic-site.service--email .service-envelope-back { fill: #c99f59; }
  body.kinetic-site.service--email .service-envelope-letter { fill: #f4f0e4; }
  body.kinetic-site.service--email .service-envelope-fold { fill: #d5cebc; }
  body.kinetic-site.service--email .service-envelope-face { fill: #e6bc74; }
  body.kinetic-site.service--email .service-envelope-seam { fill: none; stroke: #886330; stroke-width: 1; }
  body.kinetic-site.service--email .service-envelope-access { fill: none; stroke: #e6bc74; stroke-width: 1.5; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map > div { position: absolute; border: 0; padding: 0; background: transparent; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__domain { inset: 10% 20% 57%; text-align: left; color: #173e33; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__domain strong { font-size: 18px; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__domain span { font-size: clamp(14px, 3.8vw, 18px); color: #173e33; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__mailbox { inset: 68% 20% 12%; color: #173e33; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__mailbox strong { font-size: 20px; color: #173e33; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__mailbox br { display: none; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__mailbox span { font-size: 14px; margin-top: 6px; color: #173e33; }
  body.kinetic-site.service--email .service-artifact--envelope :is(.service-email-map__webmail, .service-email-map__apps) { inset: 96% 55% -9% 9%; padding-top: 8px; font-size: 16px; color: #b9cabd; }
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__apps { left: 55%; right: 9%; }
  body.kinetic-site.service--email .service-artifact--envelope :is(.service-email-map__mailbox, .service-email-map__webmail, .service-email-map__apps)::before,
  body.kinetic-site.service--email .service-artifact--envelope .service-email-map__mailbox::after { content: none; }
}

@media (max-width: 359px) {
  body.kinetic-site.service--invoicing .service-artifact--papers .service-invoice-map__sources strong { font-size: 19px; overflow-wrap: normal; word-break: normal; }
}

/* An address and the actual offer, with no simulated mail interface. */
@media (max-width: 1023px) {
  body.kinetic-site.service--email .service-email-offer { width: 100%; min-width: 0; padding-block: 22px; align-self: stretch; }
  body.kinetic-site.service--email #main .service-email-address { max-width: 100%; font-size: clamp(40px, 8vw, 64px); overflow-wrap: anywhere; }
  body.kinetic-site.service--email #main .service-email-address span { font-size: clamp(18px, 4.6vw, 30px); line-height: 1.3; overflow-wrap: anywhere; }
  body.kinetic-site.service--email .service-email-address-note { margin-top: 16px; line-height: 1.5; }
  body.kinetic-site.service--email .service-email-specs { margin-top: 24px; padding-block: 22px; gap: 20px 28px; }
  body.kinetic-site.service--email .service-email-specs > div { min-width: 0; }
  body.kinetic-site.service--email .service-email-specs dd { overflow-wrap: anywhere; }
}
@media (max-width: 599px) {
  body.kinetic-site.service--email .service-email-specs { grid-template-columns: minmax(0, 1fr); }
  body.kinetic-site.service--email .service-email-specs > div { display: grid; grid-template-columns: minmax(80px, .65fr) minmax(0, 1.35fr); gap: 12px; align-items: baseline; }
  body.kinetic-site.service--email .service-email-specs dt { margin: 0; line-height: 1.5; }
  body.kinetic-site.service--email .service-email-specs dd { font-size: 20px; line-height: 1.3; }
  body.kinetic-site.service--email .service-email-specs > div:last-child dd { font-size: 16px; line-height: 1.5; }
}

/* Real PDF output: a useful detail first, complete documents on request. */
@media (max-width: 1023px) {
  body.kinetic-site.service--invoicing .invoice-sample-hero :is(.systems-breadcrumb, .systems-lede) { color: #b9cabd; }
  body.kinetic-site.service--invoicing #main .invoice-sample-hero .systems-hero__copy .text-link { color: #f4f0e4; }
  body.kinetic-site.service--invoicing #main .invoice-sample-hero :focus-visible { outline-color: #e6bc74; }
  body.kinetic-site.service--invoicing .invoice-sample-feature { width: 100%; min-width: 0; }
  body.kinetic-site.service--invoicing .invoice-sample-feature .invoice-sample-image-link { box-shadow: none; }
  body.kinetic-site.service--invoicing .invoice-sample-feature .invoice-sample-image-link img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site.service--invoicing .invoice-sample-feature figcaption { padding-top: 16px; }
  body.kinetic-site.service--invoicing .invoice-sample-feature figcaption > strong { font-size: 18px; }
  body.kinetic-site.service--invoicing #main .invoice-sample-feature .invoice-sample-disclaimer { font-size: 14px; line-height: 1.55; }
  body.kinetic-site.service--invoicing .invoice-sample-links { gap: 4px 20px; margin-top: 14px; }
  body.kinetic-site.service--invoicing .invoice-sample-links a { min-height: 48px; padding-block: 10px; font-size: 15px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
  body.kinetic-site.service--invoicing .invoice-sample-gallery__intro { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-bottom: 28px; }
  body.kinetic-site.service--invoicing .invoice-sample-gallery__documents { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  body.kinetic-site.service--invoicing .invoice-sample-document .invoice-sample-image-link { display: flex; align-items: center; justify-content: center; padding: 12px; box-shadow: none; }
  body.kinetic-site.service--invoicing .invoice-sample-document .invoice-sample-image-link img { width: auto; max-width: 100%; height: auto; max-height: 340px; aspect-ratio: auto; object-fit: contain; }
  body.kinetic-site.service--invoicing .invoice-sample-document figcaption { padding-top: 18px; }
  body.kinetic-site.service--invoicing .invoice-sample-document h3 { font-size: 25px; }
  body.kinetic-site.service--invoicing .invoice-sample-document figcaption p { margin-top: 12px; }
}
@media (max-width: 599px) {
  body.kinetic-site.service--invoicing .invoice-sample-links { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; }
}
@media (min-width: 700px) and (max-width: 1023px) {
  body.kinetic-site.service--invoicing .invoice-sample-gallery__documents { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
}

/* Operations is a conversation with the people, not an example workflow. */
@media (max-width: 1023px) {
  body.kinetic-site.service--operations #main p { font-size: 16px; }
  body.kinetic-site.service--operations .service-operations-hero .systems-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: start; }
  body.kinetic-site.service--operations .service-operations-hero h1 { max-width: 20ch; font-size: clamp(34px, 8.4vw, 52px); line-height: 1.08; }
  body.kinetic-site.service--operations .service-operations-people { display: block; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
  body.kinetic-site.service--operations .service-operations-people > img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; box-shadow: none; }
  body.kinetic-site.service--operations .service-operations-people figcaption { display: block; padding: 18px 0 0; border: 0; background: transparent; color: #b9cabd; }
  body.kinetic-site.service--operations .service-operations-people__label { display: block; margin-bottom: 10px; font-size: 16px; line-height: 1.5; letter-spacing: normal; text-transform: none; color: #b9cabd; }
  body.kinetic-site.service--operations .service-operations-people figcaption > strong { display: block; font: 600 clamp(24px, 4.2vw, 30px)/1.2 var(--heading); letter-spacing: -.025em; color: #f4f0e4; }
  body.kinetic-site.service--operations #main .service-operations-people figcaption > p { max-width: 58ch; margin: 14px 0 0; font-size: 16px; line-height: 1.6; color: #b9cabd; }
}