/* ==== globals.css ==== */
:root {
  --ink: #10242c;
  --ink-strong: #091a21;
  --body: #364d55;
  --muted: #5e7178;
  --brand: #0a6e9e;
  --brand-hover: #08577d;
  --brand-dark: #07506f;
  --cyan: #00a8d8;
  --graphite: #102b34;
  --graphite-deep: #091a21;
  --white: #ffffff;
  --surface: #f6f8f8;
  --surface-alt: #e8eef0;
  --surface-white: #ffffff;
  --surface-soft: #f3f5f6;
  --surface-mist: #f8fafb;
  --line-cool-strong: #cbd8dc;
  --line-cool: #d8e2e5;
  --line-cool-soft: #e8eef0;
  --line: #cfd9dc;
  --line-soft: #e4eaec;
  --line-dark: rgba(255, 255, 255, 0.16);
  --success: #1f6b4f;
  --error: #a73131;
  --error-surface: #f8e9e6;
  --focus: #0a6e9e;
  --container: 1280px;
  --container-wide: 1480px;
  --gutter: clamp(1.25rem, 3vw, 2.5rem);
  --header: 96px;
  --radius: 4px;
  --shadow: 0 18px 46px rgba(16, 36, 44, 0.09);
}

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header) + 24px);
}

body {
  margin: 0;
  background: var(--white);
  color: var(--body);
  font-family: var(--font-body), "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.menu-open {
  overflow: hidden;
}

::selection {
  background: var(--brand);
  color: var(--white);
}

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

img {
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0 0 1em;
  text-wrap: pretty;
}

p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: var(--font-display), Archivo, "Segoe UI", Arial, sans-serif;
  font-weight: 700;
  color: var(--ink);
  text-wrap: balance;
}

ul,
ol {
  margin-top: 0;
}

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

button {
  cursor: pointer;
}

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

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 200;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  transform: translateY(-160%);
  background: var(--ink);
  color: var(--white);
  padding: 10px 16px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

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

main:focus {
  outline: none;
}

main:focus h1 {
  outline: 2px solid var(--focus);
  outline-offset: 8px;
  border-radius: 2px;
}

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

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

.section {
  padding: clamp(4.5rem, 8vw, 7rem) 0;
}

.section-tight {
  padding: clamp(3rem, 5vw, 4.5rem) 0;
}

.section-surface {
  background: var(--surface);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.lead {
  font-size: clamp(1.2rem, 1.55vw, 1.4rem);
  line-height: 1.55;
  color: var(--body);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--brand);
}

.eyebrow.is-light {
  color: #e4f6fa;
}

.eyebrow-mark {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: var(--cyan);
  border-radius: 1px;
}

.eyebrow.is-light .eyebrow-mark {
  background: var(--cyan);
}

/* Buttons and links */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.btn svg {
  flex: 0 0 auto;
  transition: transform 160ms ease;
}

.btn:hover svg {
  transform: translateX(3px);
}

.btn:active {
  transform: translateY(1px);
}

.btn-primary {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--white);
}

.btn-primary:hover {
  background: var(--brand-hover);
  border-color: var(--brand-hover);
}

.btn-secondary {
  background: var(--white);
  border-color: var(--line);
  color: var(--ink);
}

.btn-secondary:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--white);
}

.btn-secondary-light {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.34);
  color: var(--white);
}

.btn-secondary-light:hover {
  background: var(--white);
  border-color: var(--white);
  color: var(--ink);
}

.btn-light {
  background: var(--white);
  border-color: var(--white);
  color: var(--brand);
}

.btn-light:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--white);
}

.btn-text,
.btn-text-light {
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--brand);
  border-bottom: 1px solid currentColor;
  padding-bottom: 4px;
}

.btn-text-light {
  color: var(--white);
}

.btn-text:hover,
.btn-text-light:hover {
  color: var(--brand-hover);
}

.btn-text-light:hover {
  color: var(--cyan);
}

.text-link,
.section-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--brand);
  border-bottom: 1px solid transparent;
  padding-bottom: 3px;
  transition:
    color 160ms ease,
    border-color 160ms ease;
}

.text-link svg,
.section-link svg {
  transition: transform 160ms ease;
}

.text-link:hover,
.section-link:hover {
  color: var(--brand-hover);
  border-bottom-color: currentColor;
}

.text-link:hover svg,
.section-link:hover svg {
  transform: translateX(3px);
}

.section-link {
  border-bottom-color: var(--line);
}

/* Header */

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--white);
  border-bottom: 1px solid var(--line-soft);
}

.header-inner {
  display: flex;
  align-items: center;
  gap: 40px;
  min-height: var(--header);
}

.brand {
  display: block;
  flex: 0 0 auto;
  width: 260px;
}

.brand img {
  width: 100%;
  height: auto;
}

.desktop-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-left: auto;
}

.nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.9688rem;
  font-weight: 600;
  line-height: 1.2;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 2px;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 160ms ease;
}

.nav-link:hover::after,
.nav-link.is-current::after {
  transform: scaleX(1);
}

.nav-service {
  position: relative;
}

.nav-service-trigger svg {
  transition: transform 160ms ease;
}

.nav-service-trigger svg.is-rotated {
  transform: rotate(180deg);
}

.nav-dropdown {
  position: absolute;
  top: calc(100% + 16px);
  left: -20px;
  width: 336px;
  padding: 10px;
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 3px solid var(--brand);
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition:
    opacity 160ms ease,
    visibility 160ms ease,
    transform 160ms ease;
  box-shadow: var(--shadow);
}

.nav-dropdown.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-dropdown-label {
  margin: 0;
  padding: 8px 12px 10px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand);
}

.nav-dropdown-link {
  display: block;
  padding: 13px 12px;
  border-top: 1px solid var(--line-soft);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  transition: background-color 160ms ease;
}

.nav-dropdown-link:hover {
  background: var(--surface);
}

.nav-dropdown-index {
  display: inline-block;
  width: 28px;
  color: var(--brand);
  font-size: 0.75rem;
}

.nav-dropdown-all {
  display: block;
  padding: 14px 12px 8px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--brand);
}

.header-cta {
  min-height: 50px;
  padding-inline: 20px;
  font-size: 0.875rem;
}

.menu-toggle {
  display: none;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  margin-left: auto;
  padding: 0 14px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Mobile menu */

.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: var(--white);
  animation: menu-in 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes menu-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mobile-menu-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  flex: 0 0 auto;
}

.mobile-menu-top .brand {
  width: 200px;
}

.mobile-close {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 14px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.mobile-menu-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  padding-top: 18px;
  padding-bottom: 28px;
}

.mobile-primary {
  border-top: 1px solid var(--line);
}

.mobile-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: clamp(1.8rem, 6vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

.mobile-nav-index {
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--muted);
}

.mobile-services {
  display: grid;
  gap: 2px;
  padding: 8px 0 14px;
  border-bottom: 1px solid var(--line);
}

.mobile-service-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
}

.mobile-service-index {
  font-size: 0.75rem;
  color: var(--brand);
}

.mobile-menu-bottom {
  display: grid;
  gap: 18px;
  margin-top: auto;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.mobile-contact {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.9375rem;
  color: var(--body);
}

.prototype-note {
  max-width: 48ch;
  font-size: 0.75rem;
  line-height: 1.55;
  color: var(--muted);
}

/* Home hero */

.home-hero {
  background: var(--graphite);
  color: var(--white);
}

.home-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  min-height: 680px;
}

.home-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(3rem, 5vw, 4.5rem) clamp(2rem, 4vw, 4rem) clamp(2.5rem, 4vw, 3.5rem) 0;
}

.home-hero h1 {
  max-width: 14ch;
  margin-top: 20px;
  font-size: clamp(3.2rem, 5.8vw, 5.4rem);
  line-height: 0.98;
  letter-spacing: -0.035em;
  color: var(--white);
}

.home-hero-sub {
  max-width: 50ch;
  margin-top: 22px;
  color: #c7d5d9;
  font-size: clamp(1.1rem, 1.4vw, 1.25rem);
  line-height: 1.55;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.home-hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  width: 100%;
  margin-top: auto;
  padding-top: 30px;
  border-top: 1px solid var(--line-dark);
}

.home-hero-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--white);
  transition: color 160ms ease;
}

.home-hero-links a:hover {
  color: var(--cyan);
}

.home-hero-media {
  position: relative;
  min-height: 600px;
  overflow: hidden;
  background: var(--graphite-deep);
}

.home-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(16, 43, 52, 0.55), rgba(16, 43, 52, 0) 46%);
  pointer-events: none;
}

.home-hero-caption {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 1;
  padding: 7px 10px;
  background: rgba(9, 26, 33, 0.84);
  color: #d4e1e4;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Section headings */

.section-heading {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 4rem);
  margin-bottom: 42px;
}

.section-heading-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding-top: 3px;
}

.section-heading-copy {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(270px, 0.65fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: end;
}

.section-heading h2 {
  max-width: 17ch;
  font-size: clamp(2rem, 3.5vw, 3.35rem);
  line-height: 1.04;
  letter-spacing: -0.03em;
}

.section-heading-body {
  max-width: 42ch;
  margin: 0;
  color: var(--body);
}

.section-heading.is-light h2 {
  color: var(--white);
}

.section-heading.is-light .section-heading-body {
  color: #c2d2d6;
}

/* Approach */

.approach-section {
  background: var(--surface);
}

.approach-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: center;
}

.approach-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--graphite);
}

.approach-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-caption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--ink);
  font-size: 0.75rem;
  line-height: 1.4;
}

.approach-copy h2 {
  max-width: 15ch;
  margin-top: 16px;
  font-size: clamp(2.2rem, 3.7vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.approach-copy > p {
  max-width: 50ch;
  margin-top: 18px;
  color: var(--body);
}

.approach-items {
  margin-top: 28px;
  border-top: 1px solid var(--line);
}

.approach-items > div {
  display: grid;
  grid-template-columns: 155px minmax(0, 1fr);
  gap: 24px;
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
}

.approach-items h3 {
  margin: 0;
  font-size: 1.05rem;
}

.approach-items p {
  margin: 0;
  font-size: 0.95rem;
  color: var(--body);
}

.approach-copy .btn {
  margin-top: 24px;
}

/* Inquiry */

.inquiry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}

.inquiry-copy h2 {
  max-width: 13ch;
  margin-top: 16px;
  font-size: clamp(2.2rem, 3.7vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.inquiry-copy > p {
  max-width: 46ch;
  margin-top: 18px;
  color: var(--body);
}

.inquiry-list {
  padding: 8px 26px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 4px solid var(--brand);
  border-radius: var(--radius);
}

.inquiry-item {
  padding: 21px 0;
  border-bottom: 1px solid var(--line);
}

.inquiry-item:last-child {
  border-bottom: 0;
}

.inquiry-item h3 {
  margin-bottom: 4px;
  font-size: 1.1rem;
}

.inquiry-item p {
  margin: 0;
  font-size: 0.95rem;
  color: var(--body);
}

/* Article cards */

.article-collection {
  display: grid;
  gap: 24px;
}

.article-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.article-feature-media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--graphite);
}

.article-feature-media img,
.article-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

.article-feature:hover .article-feature-media img,
.article-card:hover .article-card-media img {
  transform: scale(1.03);
}

.article-feature-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--brand);
}

.article-feature h3 {
  max-width: 18ch;
  margin-top: 14px;
  font-size: clamp(1.7rem, 2.7vw, 2.35rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.article-feature h3 a:hover,
.article-card h3 a:hover {
  color: var(--brand);
}

.article-feature-body > p {
  max-width: 46ch;
  margin-top: 13px;
  color: var(--body);
}

.article-feature .text-link {
  margin-top: 20px;
}

.article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.article-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.article-card-media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--graphite);
}

.article-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.article-card h3 {
  margin-top: 10px;
  font-size: 1.32rem;
  line-height: 1.16;
  letter-spacing: -0.02em;
}

.article-card-body > p {
  margin-top: 10px;
  font-size: 0.95rem;
  color: var(--body);
}

.article-card .text-link {
  margin-top: auto;
  padding-top: 18px;
}

.article-collection.is-compact .article-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Footer */

.site-footer {
  background: var(--graphite-deep);
  color: var(--white);
  padding: clamp(3.5rem, 6vw, 5rem) 0 24px;
}

.footer-main {
  display: grid;
  grid-template-columns: minmax(240px, 0.95fr) minmax(0, 1.55fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  padding-bottom: 44px;
  border-bottom: 1px solid var(--line-dark);
}

.footer-logo-plate {
  display: inline-block;
  width: 300px;
  padding: 14px 16px;
  background: var(--white);
  border-radius: 3px;
}

.footer-logo-plate img {
  width: 100%;
  height: auto;
}

.footer-intro {
  max-width: 36ch;
  margin: 20px 0 22px;
  color: #b8c8cc;
  font-size: 0.98rem;
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.footer-heading {
  margin: 0 0 14px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8bd4e6;
}

.footer-link {
  display: block;
  padding: 5px 0;
  font-size: 0.95rem;
  color: #e5edef;
  transition: color 160ms ease;
}

.footer-link:hover {
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer-contact-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  font-size: 0.95rem;
  color: #e5edef;
}

.footer-contact-link:hover {
  color: var(--white);
}

.footer-contact-note {
  max-width: 34ch;
  margin-top: 12px;
  font-size: 0.75rem;
  line-height: 1.55;
  color: #91a7ac;
}

.footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line-dark);
  font-size: 0.78rem;
  color: #91a7ac;
}

.footer-bar p {
  margin: 0;
}

.footer-bar nav {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.footer-bar a:hover {
  color: var(--white);
}

.footer-top-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.footer-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding-top: 16px;
  font-size: 0.72rem;
  line-height: 1.55;
  color: #718a90;
}

.footer-notes p {
  margin: 0;
}

/* Page intros */

.page-intro {
  padding: clamp(3rem, 5vw, 4.5rem) 0 clamp(2.5rem, 4vw, 3.5rem);
  border-bottom: 1px solid var(--line);
}

.page-intro-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.page-intro-main {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.55fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  margin-top: 24px;
}

.page-intro-title {
  max-width: 15ch;
  font-size: clamp(2.8rem, 5.2vw, 4.8rem);
  line-height: 1;
  letter-spacing: -0.035em;
}

.page-intro-side {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.page-intro-side .lead {
  max-width: 46ch;
  margin: 0;
}

.page-meta {
  display: grid;
  margin: 0;
  border-top: 1px solid var(--line);
}

.page-meta div {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.page-meta dt {
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--brand);
}

.page-meta dd {
  margin: 0;
  font-size: 0.95rem;
  color: var(--ink);
}

.page-intro.is-compact {
  padding: clamp(2rem, 4vw, 3rem) 0 clamp(2rem, 3vw, 2.5rem);
}

.page-intro.is-compact .page-intro-title {
  max-width: 16ch;
  font-size: clamp(2.4rem, 4.4vw, 4rem);
}

/* About */

.about-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: center;
}

.about-feature-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--graphite);
}

.about-feature-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-feature-copy h2 {
  max-width: 15ch;
  margin-top: 16px;
  font-size: clamp(2.2rem, 3.7vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.about-feature-copy > p {
  max-width: 50ch;
  margin-top: 18px;
}

.about-division-links {
  margin-top: 26px;
  border-top: 1px solid var(--line);
}

.about-division-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--ink);
  transition: color 160ms ease;
}

.about-division-link:hover {
  color: var(--brand);
}

.value-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.value-card {
  padding: 28px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.value-card h3 {
  margin-bottom: 8px;
  font-size: 1.2rem;
}

.value-card p {
  margin: 0;
  font-size: 0.95rem;
  color: var(--body);
}

.about-statement {
  display: grid;
  grid-template-columns: minmax(160px, 0.4fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.about-statement h2 {
  max-width: 15ch;
  font-size: clamp(2.2rem, 3.7vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.about-statement p {
  max-width: 52ch;
  margin-top: 18px;
}

.about-statement .btn {
  margin-top: 24px;
}

.aside-note {
  max-width: 60ch;
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  font-size: 0.8rem;
  line-height: 1.55;
  color: var(--muted);
}

/* Division pages */

.division-hero {
  background: var(--graphite);
  color: var(--white);
}

.division-hero .breadcrumbs {
  margin-bottom: 0;
  padding-top: 22px;
}

.division-hero .breadcrumbs ol,
.division-hero .breadcrumbs a {
  color: #a9bec3;
}

.division-hero .breadcrumbs li + li::before {
  color: #587078;
}

.division-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: stretch;
  padding-top: 24px;
}

.division-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px 24px 42px 0;
}

.division-hero-copy h1 {
  max-width: 12ch;
  margin-top: 16px;
  font-size: clamp(2.9rem, 5.2vw, 4.9rem);
  line-height: 0.99;
  letter-spacing: -0.035em;
  color: var(--white);
}

.division-hero-copy .lead {
  max-width: 48ch;
  margin-top: 20px;
  color: #c7d5d9;
}

.division-hero-copy .hero-actions {
  margin-top: 26px;
}

.division-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  width: 100%;
  margin-top: auto;
  padding-top: 26px;
  border-top: 1px solid var(--line-dark);
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9fb7bd;
}

.division-hero-media {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  background: var(--graphite-deep);
}

.division-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.division-hero-caption {
  display: block;
  margin-top: 8px;
  font-size: 0.75rem;
  color: #9fb7bd;
}

.scope-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.scope-card {
  padding: 26px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.scope-card h3 {
  margin-bottom: 7px;
  font-size: 1.2rem;
}

.scope-card p {
  margin: 0;
  font-size: 0.95rem;
  color: var(--body);
}

.considerations-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.consideration {
  padding: 24px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.consideration h3 {
  margin-bottom: 7px;
  font-size: 1.15rem;
}

.consideration p {
  margin: 0;
  font-size: 0.95rem;
  color: var(--body);
}

.preparation-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}

.preparation-grid h2 {
  max-width: 13ch;
  margin-top: 16px;
  font-size: clamp(2.2rem, 3.7vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.preparation-grid > div > p {
  max-width: 44ch;
  margin-top: 18px;
}

.preparation-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.preparation-list li {
  display: flex;
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
  color: var(--body);
}

.preparation-list li::before {
  content: "";
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-top: 0.68em;
  border-radius: 50%;
  background: var(--brand);
}

.faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}

.faq-layout h2 {
  max-width: 13ch;
  margin-top: 16px;
  font-size: clamp(2.2rem, 3.7vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.faq-layout > div > p {
  max-width: 38ch;
  margin-top: 18px;
}

.faq-list {
  border-top: 1px solid var(--line);
}

.faq-item {
  border-bottom: 1px solid var(--line);
}

.faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 20px 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--ink);
}

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

.faq-icon {
  display: grid;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 2px;
  transition: transform 160ms ease;
}

.faq-item[open] .faq-icon {
  transform: rotate(45deg);
}

.faq-answer {
  max-width: 66ch;
  padding-bottom: 22px;
  color: var(--body);
}

.faq-answer p {
  margin: 0;
}

.related-division {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.related-division h2 {
  margin-top: 14px;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  letter-spacing: -0.03em;
}

.related-division p {
  max-width: 50ch;
  margin-top: 10px;
}

.related-division .text-link {
  flex: 0 0 auto;
}

/* Breadcrumbs */

.breadcrumbs {
  margin-bottom: 22px;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8rem;
  color: var(--muted);
}

.breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.breadcrumbs li + li::before {
  content: "/";
  color: var(--line);
}

.breadcrumbs a:hover {
  color: var(--brand);
}

/* Article */

.article-hero {
  padding: clamp(2rem, 4vw, 3rem) 0 0;
}

.article-hero .breadcrumbs {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.article-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--brand);
}

.article-hero h1 {
  max-width: 16ch;
  margin-top: 18px;
  font-size: clamp(2.8rem, 5.2vw, 5rem);
  line-height: 0.99;
  letter-spacing: -0.035em;
}

.article-hero-excerpt {
  max-width: 60ch;
  margin-top: 22px;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem);
  line-height: 1.55;
  color: var(--body);
}

.article-hero-image {
  position: relative;
  aspect-ratio: 16 / 8;
  margin-top: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
  background: var(--graphite);
}

.article-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-hero-caption {
  margin-top: 9px;
  font-size: 0.75rem;
  color: var(--muted);
}

.article-layout {
  display: grid;
  grid-template-columns: minmax(160px, 210px) minmax(0, 720px);
  gap: clamp(2rem, 6vw, 6rem);
  justify-content: center;
  padding: clamp(3rem, 6vw, 5rem) 0;
}

.article-toc {
  position: sticky;
  top: calc(var(--header) + 24px);
  align-self: start;
}

.article-toc-label {
  margin: 0 0 12px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--brand);
}

.article-toc ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.article-toc li {
  border-bottom: 1px solid var(--line);
}

.article-toc a {
  display: block;
  padding: 9px 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--body);
}

.article-toc a:hover {
  color: var(--brand);
}

.article-body {
  min-width: 0;
  max-width: 68ch;
  font-size: 1.1rem;
  line-height: 1.75;
  color: var(--body);
}

.article-body h2 {
  margin: 44px 0 16px;
  font-size: clamp(1.7rem, 2.6vw, 2.2rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
  scroll-margin-top: calc(var(--header) + 24px);
}

.article-body p {
  margin-bottom: 1.4em;
}

.article-body ul {
  margin: 0 0 1.6em;
  padding: 0;
  list-style: none;
}

.article-body li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 9px;
}

.article-body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand);
}

.article-body blockquote {
  margin: 38px 0;
  padding: 4px 0 4px 24px;
  border-left: 4px solid var(--brand);
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.article-note {
  margin: 32px 0;
  padding: 22px 24px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-left: 4px solid var(--brand);
}

.article-note h3 {
  margin-bottom: 7px;
  font-size: 1rem;
}

.article-note p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.6;
}

.article-sources {
  margin-top: 42px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.article-sources h2 {
  margin-top: 0;
  font-size: 1.3rem;
}

.article-sources ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.article-sources li {
  padding-left: 0;
  margin-bottom: 8px;
}

.article-sources li::before {
  content: none;
}

.article-sources a {
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--brand);
  border-bottom: 1px solid currentColor;
}

.article-related-service {
  margin-top: 44px;
  padding: 28px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 4px solid var(--brand);
  border-radius: var(--radius);
}

.article-related-service h2 {
  margin-top: 12px;
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
}

.article-related-service p {
  max-width: 54ch;
  margin: 10px 0 20px;
}

.article-related-service .btn {
  margin-top: 4px;
}

.related-articles {
  background: var(--surface);
}

.article-draft-note {
  margin-top: 22px;
}

/* Contact */

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
  padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(5rem, 8vw, 7rem);
}

.contact-aside h2 {
  max-width: 11ch;
  margin-top: 16px;
  font-size: clamp(2.2rem, 3.6vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.contact-aside > p {
  max-width: 44ch;
  margin-top: 18px;
}

.contact-details {
  margin-top: 28px;
  border-top: 1px solid var(--line);
}

.contact-detail {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: 1rem;
  color: var(--ink);
}

.contact-detail svg {
  color: var(--brand);
}

.contact-detail-note {
  margin-top: 14px;
  font-size: 0.78rem;
  line-height: 1.55;
  color: var(--muted);
}

.contact-prep {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.contact-prep-label {
  margin: 0 0 10px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--brand);
}

.contact-prep ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-prep li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 8px;
  font-size: 0.95rem;
  color: var(--body);
}

.contact-prep li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand);
}

.contact-form-intro {
  margin-bottom: 22px;
}

.contact-form-intro h2 {
  margin-top: 12px;
  font-size: clamp(2rem, 3.4vw, 2.8rem);
  line-height: 1.04;
  letter-spacing: -0.03em;
}

.contact-form-wrap {
  min-width: 0;
}

/* Inquiry form */

.inquiry-form {
  padding: clamp(1.5rem, 3vw, 2.4rem);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.form-review-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
  padding: 14px 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-left: 3px solid var(--brand);
}

.form-review-banner p {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.55;
  color: var(--body);
}

.form-review-banner strong {
  color: var(--ink);
  font-weight: 700;
}

.status-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-top: 0.42em;
  border-radius: 50%;
  background: var(--brand);
}

.field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.field {
  display: grid;
  gap: 7px;
  margin-bottom: 18px;
}

.field-grid .field {
  margin-bottom: 0;
}

.field-label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.field label {
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ink);
}

.required-mark {
  margin-left: 3px;
  color: var(--brand);
}

.field-required {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted);
}

.field input,
.field select,
.field textarea {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  font-family: var(--font-body), "Source Sans 3", sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.field textarea {
  min-height: 160px;
  resize: vertical;
}

.field select {
  cursor: pointer;
}

.field input:hover,
.field select:hover,
.field textarea:hover {
  border-color: #aebcbf;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
  border-color: var(--brand);
}

.field.has-error input,
.field.has-error select,
.field.has-error textarea {
  border-color: var(--error);
}

.field-hint {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--muted);
}

.field-error {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: 600;
  color: var(--error);
}

.checkbox-field {
  margin-top: 2px;
}

.checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--body);
}

.checkbox-label input {
  width: 18px;
  height: 18px;
  min-height: auto;
  margin: 0.2em 0 0;
  accent-color: var(--brand);
  flex: 0 0 auto;
}

.form-submit-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.form-submit-row p {
  max-width: 38ch;
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--muted);
}

.error-summary {
  margin-bottom: 24px;
  padding: 18px 20px;
  background: var(--error-surface);
  border: 1px solid #d9b3aa;
  border-radius: var(--radius);
  color: #6e1a1a;
}

.error-summary h2 {
  margin: 0 0 6px;
  font-size: 1rem;
}

.error-summary p {
  margin: 0 0 10px;
  font-size: 0.85rem;
}

.error-summary ul {
  margin: 0;
  padding-left: 18px;
  font-size: 0.85rem;
}

.error-summary a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.form-review {
  max-width: 760px;
  padding: clamp(1.5rem, 4vw, 2.6rem);
  background: var(--white);
  border: 1px solid var(--line);
  border-top: 4px solid var(--brand);
  border-radius: var(--radius);
  outline: none;
}

.form-review-mark {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  margin-bottom: 20px;
  background: var(--brand);
  color: var(--white);
  border-radius: 2px;
}

.form-eyebrow {
  margin: 0 0 9px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--brand);
}

.form-review h2 {
  max-width: 16ch;
  margin-bottom: 16px;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.form-review p {
  max-width: 56ch;
  color: var(--body);
}

.form-review-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
}

.form-contact-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--brand);
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
}

.form-review-note {
  margin-top: 20px;
  font-size: 0.75rem;
  line-height: 1.55;
  color: var(--muted);
}

/* Legal */

.legal-hero {
  padding: clamp(2.5rem, 4vw, 3.5rem) 0 clamp(2rem, 3vw, 2.5rem);
  border-bottom: 1px solid var(--line);
}

.legal-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.55fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  margin-top: 20px;
}

.legal-title {
  max-width: 14ch;
  font-size: clamp(2.8rem, 4.8vw, 4.4rem);
  line-height: 1;
  letter-spacing: -0.035em;
}

.legal-hero-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.legal-hero-side .lead {
  max-width: 48ch;
  margin: 0;
}

.legal-updated {
  margin: 0;
  font-size: 0.78rem;
  color: var(--muted);
}

.legal-body {
  padding-bottom: clamp(4rem, 7vw, 6rem);
}

.legal-layout {
  display: grid;
  grid-template-columns: minmax(160px, 210px) minmax(0, 720px);
  gap: clamp(2rem, 6vw, 6rem);
  justify-content: center;
  align-items: start;
  padding-top: clamp(2.5rem, 5vw, 4rem);
}

.legal-aside {
  position: sticky;
  top: calc(var(--header) + 24px);
}

.legal-aside-label {
  margin: 0 0 12px;
  font-family: var(--font-display), Archivo, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--brand);
}

.legal-aside ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.legal-aside li {
  border-bottom: 1px solid var(--line);
}

.legal-aside a {
  display: block;
  padding: 9px 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--body);
}

.legal-aside a:hover {
  color: var(--brand);
}

.legal-content {
  min-width: 0;
  max-width: 72ch;
}

.legal-review-note {
  margin-bottom: 30px;
  padding: 18px 20px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-left: 4px solid var(--brand);
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--body);
}

.legal-section {
  padding-top: 22px;
  margin-top: 30px;
  border-top: 1px solid var(--line);
}

.legal-section h2 {
  margin-bottom: 13px;
  font-size: clamp(1.35rem, 2vw, 1.65rem);
  letter-spacing: -0.02em;
  scroll-margin-top: calc(var(--header) + 24px);
}

.legal-content p {
  color: var(--body);
}

.legal-content ul {
  margin: 0 0 1.4em;
  padding-left: 20px;
  color: var(--body);
}

.legal-content li {
  margin-bottom: 8px;
}

.legal-section-note {
  padding-top: 10px;
  font-size: 0.8rem;
  line-height: 1.55;
  color: var(--muted);
}

/* Utility pages */

.utility-page {
  display: grid;
  min-height: 56vh;
  place-items: center;
  padding: clamp(4rem, 8vw, 7rem) 0;
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
}

.utility-inner {
  max-width: 720px;
}

.utility-inner h1 {
  margin-top: 18px;
  color: var(--ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.8rem, 6vw, 5.4rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.utility-page .eyebrow,
.utility-page .utility-actions .btn {
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
}

.utility-inner > p {
  max-width: 52ch;
  margin-top: 20px;
  font-size: 1.08rem;
}

.utility-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.confirmation-status {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 24px;
  padding: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.confirmation-status p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--body);
}

/* Source baseline for the Inquiry Received widget only. Keep utility-page
   used by the 404 template on its original typography defaults. */
.utility-page[data-nola-utility="inquiry-received"] {
  font-size: 1.0625rem;
  line-height: 1.65;
}

.utility-page[data-nola-utility="inquiry-received"] .utility-inner {
  font-size: 1.0625rem;
  line-height: 1.65;
}

.utility-page[data-nola-utility="inquiry-received"] .utility-inner h1 {
  margin-bottom: 0;
}

.utility-page[data-nola-utility="inquiry-received"] .utility-inner > p {
  margin-bottom: 1em;
  line-height: 1.65;
}

.utility-page[data-nola-utility="inquiry-received"] .utility-inner > p.eyebrow {
  margin-bottom: 0;
  line-height: 1.3;
}

.utility-page[data-nola-utility="inquiry-received"] .confirmation-status p {
  line-height: 1.65;
}

.utility-page[data-nola-utility="inquiry-received"] .utility-actions .btn:focus-visible {
  outline: 2px solid var(--focus, #0a6e9e);
  outline-offset: 3px;
}

/* Source baseline for the branded 404; isolated from Inquiry Received. */
.utility-page[data-nola-utility="not-found"] {
  font-size: 1.0625rem;
  line-height: 1.65;
}

.utility-page[data-nola-utility="not-found"] .utility-inner {
  font-size: 1.0625rem;
  line-height: 1.65;
}

.utility-page[data-nola-utility="not-found"] .utility-inner h1 {
  margin-bottom: 0;
}

.utility-page[data-nola-utility="not-found"] .utility-inner > p {
  margin-bottom: 1em;
  line-height: 1.65;
}

.utility-page[data-nola-utility="not-found"] .utility-inner > p.eyebrow {
  margin-bottom: 0;
  line-height: 1.3;
}

.utility-page[data-nola-utility="not-found"] .utility-actions .btn:focus-visible {
  outline: 2px solid var(--focus, #0a6e9e);
  outline-offset: 3px;
}

/* Responsive */

@media (max-width: 1100px) {
  .desktop-nav {
    display: none;
  }

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

  .brand {
    width: 222px;
  }

  .header-inner {
    gap: 24px;
  }
}

@media (max-width: 1000px) {
  .home-hero-grid,
  .division-hero-grid,
  .approach-grid,
  .inquiry-grid,
  .about-feature,
  .article-feature {
    grid-template-columns: 1fr;
  }

  .home-hero-copy {
    padding: 3rem 0 2.25rem;
  }

  .home-hero h1 {
    max-width: 15ch;
    font-size: clamp(3rem, 8vw, 4.8rem);
  }

  .home-hero-media {
    min-height: 380px;
  }

  .division-hero-copy {
    padding: 10px 0 30px;
  }

  .division-hero-media {
    min-height: 380px;
  }

  .division-hero-meta {
    margin-top: 28px;
  }

  .approach-grid,
  .about-feature {
    gap: 2.5rem;
  }

  .approach-media,
  .about-feature-media {
    aspect-ratio: 16 / 10;
  }

  .article-feature-media {
    aspect-ratio: 16 / 9;
  }

  .footer-main {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .section-heading {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 30px;
  }

  .section-heading-aside {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
  }

  .section-heading-copy {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .section-heading h2 {
    max-width: 18ch;
  }

  .scope-cards,
  .considerations-grid,
  .value-grid,
  .article-grid,
  .article-collection.is-compact .article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .preparation-grid,
  .faq-layout,
  .about-statement,
  .page-intro-main,
  .legal-hero-grid,
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .page-intro-main {
    margin-top: 20px;
  }

  .page-intro-side {
    max-width: 640px;
  }

  .contact-form-wrap {
    order: -1;
  }

  .contact-aside {
    order: 1;
  }

  .article-layout {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 32px;
  }

  .article-toc {
    position: static;
  }

  .article-toc ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0 18px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }

  .article-toc li {
    border-bottom: 0;
  }

  .article-toc a {
    padding: 8px 0;
  }

  .legal-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .legal-aside {
    position: static;
  }

  .legal-aside ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0 18px;
    border-top: 1px solid var(--line);
  }

  .legal-aside li {
    border-bottom: 0;
  }

  .legal-aside a {
    padding: 8px 0;
  }

  .related-division {
    align-items: flex-start;
    flex-direction: column;
  }

  .value-grid {
    gap: 14px;
  }

  .footer-links {
    gap: 24px;
  }
}

@media (max-width: 700px) {
  :root {
    --header: 76px;
  }

  .header-inner {
    min-height: var(--header);
  }

  .brand {
    width: 190px;
  }

  .mobile-menu-top .brand {
    width: 180px;
  }

  .home-hero h1 {
    font-size: clamp(2.65rem, 11vw, 4.2rem);
  }

  .home-hero-links {
    flex-direction: column;
    gap: 12px;
  }

  .home-hero-media {
    min-height: 300px;
  }

  .page-intro-title,
  .division-hero-copy h1 {
    font-size: clamp(2.45rem, 9vw, 3.9rem);
  }

  .page-intro-title {
    max-width: 14ch;
  }

  .article-hero h1 {
    font-size: clamp(2.3rem, 8.5vw, 3.6rem);
  }

  .article-hero-image {
    aspect-ratio: 4 / 3;
  }

  .article-grid,
  .article-collection.is-compact .article-grid,
  .value-grid {
    grid-template-columns: 1fr;
  }

  .scope-cards,
  .considerations-grid {
    grid-template-columns: 1fr;
  }

  .approach-items > div {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 14px 0;
  }

  .footer-links {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .footer-contact {
    grid-column: 1 / -1;
  }

  .footer-bar {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .footer-bar nav {
    gap: 12px;
  }

  .footer-notes {
    grid-template-columns: 1fr;
  }

  .field-grid {
    grid-template-columns: 1fr;
  }

  .form-submit-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-logo-plate {
    width: 250px;
  }

  .mobile-nav-link {
    font-size: 2rem;
  }
}

@media (max-width: 460px) {
  .home-hero h1 {
    font-size: clamp(2.35rem, 11vw, 3.3rem);
  }

  .home-hero-sub {
    font-size: 1.02rem;
  }

  .brand {
    width: 178px;
  }

  .menu-toggle {
    padding-inline: 11px;
  }

  .page-intro-title,
  .division-hero-copy h1 {
    font-size: clamp(2.2rem, 10vw, 3.2rem);
  }

  .article-feature-body,
  .article-card-body {
    padding: 18px;
  }

  .btn {
    padding-inline: 16px;
  }

  .footer-logo-plate {
    width: 235px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


/* ==== internal-page-banner.css ==== */
.internal-banner {
  --internal-banner-ink: #f3f8f9;
  --internal-banner-muted: rgba(235, 245, 247, 0.78);
  --internal-banner-soft: rgba(235, 245, 247, 0.64);
  --internal-banner-blue: #0a6e9e;
  --internal-banner-blue-deep: #075578;
  --internal-banner-cyan: #71d0ea;
  --internal-banner-focus: #9be3f5;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 450px;
  overflow: clip;
  background: #041219;
  color: var(--internal-banner-ink);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
}

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

.internal-banner--primary {
  min-height: clamp(450px, 33vw, 520px);
}

.internal-banner--editorial {
  min-height: clamp(350px, 25vw, 400px);
}

.internal-banner--legal {
  min-height: clamp(280px, 21vw, 340px);
}

.internal-banner-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #041219;
  transform-origin: center;
}

.internal-banner-image {
  object-fit: cover;
  object-position: var(--internal-banner-image-desktop, 62% 50%);
  filter: saturate(0.66) contrast(1.08) brightness(0.7);
}

.internal-banner--image-deep .internal-banner-image {
  filter: saturate(0.62) contrast(1.1) brightness(0.5);
}

.internal-banner--technical .internal-banner-media {
  background:
    radial-gradient(
      92% 130% at 84% 42%,
      rgba(28, 157, 211, 0.18) 0%,
      rgba(12, 70, 91, 0.08) 42%,
      rgba(4, 18, 25, 0) 72%
    ),
    linear-gradient(115deg, #031017 0%, #04151d 54%, #071e26 100%);
}

.internal-banner-signal-field {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(145, 216, 232, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(145, 216, 232, 0.075) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.16) 38%,
    #000000 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.16) 38%,
    #000000 100%
  );
}

.internal-banner-signal-field::after {
  content: "";
  position: absolute;
  top: 11%;
  right: clamp(26px, 8vw, 150px);
  bottom: 11%;
  width: 1px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(113, 208, 234, 0.42) 34%,
    rgba(113, 208, 234, 0.58) 50%,
    rgba(113, 208, 234, 0.42) 66%,
    transparent 100%
  );
}

.internal-banner-wash {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      rgba(4, 16, 22, 0.99) 0%,
      rgba(4, 16, 22, 0.98) 28%,
      rgba(4, 16, 22, 0.91) 43%,
      rgba(4, 16, 22, 0.69) 58%,
      rgba(4, 16, 22, 0.36) 73%,
      rgba(4, 16, 22, 0.12) 88%,
      rgba(4, 16, 22, 0.08) 100%
    ),
    linear-gradient(
      180deg,
      rgba(4, 16, 22, 0.32) 0%,
      rgba(4, 16, 22, 0) 36%,
      rgba(4, 16, 22, 0.52) 100%
    );
  pointer-events: none;
}

.internal-banner--overlay-quiet .internal-banner-wash {
  background:
    linear-gradient(
      90deg,
      rgba(4, 16, 22, 0.99) 0%,
      rgba(4, 16, 22, 0.95) 38%,
      rgba(4, 16, 22, 0.72) 62%,
      rgba(4, 16, 22, 0.34) 82%,
      rgba(4, 16, 22, 0.16) 100%
    ),
    linear-gradient(
      180deg,
      rgba(4, 16, 22, 0.24) 0%,
      rgba(4, 16, 22, 0) 40%,
      rgba(4, 16, 22, 0.46) 100%
    );
}

.internal-banner-inner {
  position: relative;
  z-index: 2;
  padding-block: clamp(2.25rem, 3vw, 3.25rem);
}

.internal-banner-content {
  width: min(100%, 760px);
}

.internal-banner--editorial .internal-banner-inner {
  padding-block: clamp(2rem, 2.8vw, 2.75rem);
}

.internal-banner--editorial .internal-banner-content {
  width: min(100%, 920px);
}

.internal-banner--legal .internal-banner-inner {
  padding-block: clamp(2rem, 2.6vw, 2.5rem);
}

.internal-banner--legal .internal-banner-content {
  width: min(100%, 820px);
}

.internal-banner .breadcrumbs {
  margin: 0 0 clamp(18px, 2vw, 26px);
}

.internal-banner .breadcrumbs ol {
  gap: 10px;
  color: rgba(235, 245, 247, 0.62);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.internal-banner .breadcrumbs li {
  min-width: 0;
  gap: 10px;
}

.internal-banner .breadcrumbs li:last-child {
  overflow-wrap: anywhere;
}

.internal-banner .breadcrumbs a {
  color: rgba(235, 245, 247, 0.68);
  transition: color 160ms ease;
}

.internal-banner .breadcrumbs a:hover {
  color: #ffffff;
}

.internal-banner .breadcrumbs span[aria-current="page"] {
  color: var(--internal-banner-cyan);
}

.internal-banner .breadcrumbs li + li::before {
  color: rgba(113, 208, 234, 0.62);
}

.internal-banner-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 clamp(14px, 1.8vw, 20px);
  color: var(--internal-banner-cyan);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.internal-banner-eyebrow-line {
  display: block;
  width: 30px;
  height: 1.5px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: left center;
}

.internal-banner-eyebrow-text {
  display: block;
}

.internal-banner-title {
  max-width: 100%;
  margin: 0;
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.1rem, 3.8vw, 4rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.internal-banner--editorial .internal-banner-title {
  font-size: clamp(2.15rem, 2.9vw, 2.7rem);
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.internal-banner--legal .internal-banner-title {
  font-size: clamp(1.95rem, 2.55vw, 2.5rem);
  line-height: 1;
  letter-spacing: -0.035em;
}

.internal-banner-title-mask {
  display: block;
  overflow: hidden;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}

.internal-banner-title-line {
  display: block;
}

.internal-banner-copy {
  max-width: 620px;
  margin: clamp(16px, 1.6vw, 22px) 0 0;
  color: var(--internal-banner-muted);
  font-size: clamp(1.0625rem, 1.22vw, 1.1875rem);
  line-height: 1.6;
  text-wrap: pretty;
}

.internal-banner--editorial .internal-banner-copy {
  max-width: 660px;
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.58;
}

.internal-banner--legal .internal-banner-copy {
  max-width: 680px;
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.6;
}

.internal-banner-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin: 16px 0 0;
  color: var(--internal-banner-soft);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.internal-banner-meta-separator {
  width: 3px;
  height: 3px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(113, 208, 234, 0.65);
}

.internal-banner-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(18px, 2.2vw, 32px);
  margin-top: clamp(24px, 2.2vw, 28px);
}

.internal-banner--editorial .internal-banner-actions {
  margin-top: 20px;
}

.internal-banner-primary,
.internal-banner-secondary {
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
}

.internal-banner-primary {
  display: inline-flex;
  min-width: 274px;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: 0 22px;
  border: 1px solid var(--internal-banner-blue);
  border-radius: 1px;
  background: var(--internal-banner-blue);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  transition:
    background-color 180ms ease,
    border-color 180ms ease;
}

.internal-banner-primary svg {
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

.internal-banner-primary:hover {
  border-color: var(--internal-banner-blue-deep);
  background: var(--internal-banner-blue-deep);
}

.internal-banner-primary:hover svg {
  transform: translateX(4px);
}

.internal-banner-primary:focus-visible {
  outline: 2px solid var(--internal-banner-focus);
  outline-offset: 4px;
}

.internal-banner-secondary {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(236, 245, 247, 0.38);
  color: rgba(242, 248, 249, 0.82);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  transition:
    color 160ms ease,
    border-color 160ms ease;
}

.internal-banner-secondary svg {
  color: var(--internal-banner-cyan);
  transition: transform 180ms ease;
}

.internal-banner-secondary:hover {
  border-color: rgba(113, 208, 234, 0.85);
  color: #ffffff;
}

.internal-banner-secondary:hover svg {
  transform: translateX(3px);
}

.internal-banner-secondary:focus-visible {
  outline: 2px solid var(--internal-banner-focus);
  outline-offset: 4px;
}

@media (min-width: 981px) and (max-width: 1200px) {
  .internal-banner-content {
    width: min(100%, 64%);
  }

  .internal-banner--editorial .internal-banner-content {
    width: min(100%, 78%);
  }

  .internal-banner--legal .internal-banner-content {
    width: min(100%, 72%);
  }

  .internal-banner-image {
    object-position: var(--internal-banner-image-tablet, 64% 50%);
  }
}

@media (max-width: 980px) {
  .internal-banner {
    display: block;
    min-height: 0;
  }

  .internal-banner-inner {
    padding-block: clamp(2.5rem, 5vw, 3.5rem);
  }

  .internal-banner--editorial .internal-banner-inner,
  .internal-banner--legal .internal-banner-inner {
    padding-block: clamp(2.25rem, 4.5vw, 3rem);
  }

  .internal-banner-content {
    width: 100%;
    max-width: 690px;
  }

  .internal-banner--editorial .internal-banner-content,
  .internal-banner--legal .internal-banner-content {
    max-width: 720px;
  }

  .internal-banner-image {
    object-position: var(--internal-banner-image-tablet, 64% 50%);
  }

  .internal-banner-wash {
    background:
      linear-gradient(
        90deg,
        rgba(4, 16, 22, 0.99) 0%,
        rgba(4, 16, 22, 0.97) 55%,
        rgba(4, 16, 22, 0.84) 76%,
        rgba(4, 16, 22, 0.58) 100%
      ),
      linear-gradient(
        180deg,
        rgba(4, 16, 22, 0.44) 0%,
        rgba(4, 16, 22, 0.16) 42%,
        rgba(4, 16, 22, 0.62) 100%
      );
  }

  .internal-banner--overlay-quiet .internal-banner-wash {
    background:
      linear-gradient(
        90deg,
        rgba(4, 16, 22, 0.99) 0%,
        rgba(4, 16, 22, 0.95) 58%,
        rgba(4, 16, 22, 0.76) 82%,
        rgba(4, 16, 22, 0.5) 100%
      ),
      linear-gradient(
        180deg,
        rgba(4, 16, 22, 0.36) 0%,
        rgba(4, 16, 22, 0.08) 44%,
        rgba(4, 16, 22, 0.58) 100%
      );
  }

  .internal-banner-title {
    font-size: clamp(2.75rem, 6vw, 3.4rem);
  }

  .internal-banner--editorial .internal-banner-title {
    font-size: clamp(2.05rem, 4.5vw, 2.55rem);
  }

  .internal-banner--legal .internal-banner-title {
    font-size: clamp(1.95rem, 4.2vw, 2.35rem);
  }
}

@media (max-width: 640px) {
  .internal-banner-inner {
    padding-block: 2.5rem;
  }

  .internal-banner--editorial .internal-banner-inner,
  .internal-banner--legal .internal-banner-inner {
    padding-block: 2.25rem;
  }

  .internal-banner-image {
    object-position: var(--internal-banner-image-mobile, 88% 50%);
  }

  .internal-banner-wash {
    background:
      linear-gradient(
        90deg,
        rgba(4, 16, 22, 0.99) 0%,
        rgba(4, 16, 22, 0.97) 55%,
        rgba(4, 16, 22, 0.84) 78%,
        rgba(4, 16, 22, 0.48) 100%
      ),
      linear-gradient(
        180deg,
        rgba(4, 16, 22, 0.48) 0%,
        rgba(4, 16, 22, 0.2) 38%,
        rgba(4, 16, 22, 0.68) 100%
      );
  }

  .internal-banner--overlay-quiet .internal-banner-wash {
    background:
      linear-gradient(
        90deg,
        rgba(4, 16, 22, 0.99) 0%,
        rgba(4, 16, 22, 0.95) 60%,
        rgba(4, 16, 22, 0.76) 84%,
        rgba(4, 16, 22, 0.52) 100%
      ),
      linear-gradient(
        180deg,
        rgba(4, 16, 22, 0.4) 0%,
        rgba(4, 16, 22, 0.1) 40%,
        rgba(4, 16, 22, 0.6) 100%
      );
  }

  .internal-banner .breadcrumbs {
    margin-bottom: 18px;
  }

  .internal-banner .breadcrumbs ol {
    gap: 8px;
    font-size: 0.67rem;
  }

  .internal-banner .breadcrumbs li {
    gap: 8px;
  }

  .internal-banner--editorial .breadcrumbs li:last-child {
    flex-basis: 100%;
    gap: 0;
    margin-top: 3px;
  }

  .internal-banner--editorial .breadcrumbs li:last-child::before {
    content: none;
  }

  .internal-banner-eyebrow {
    margin-bottom: 14px;
    font-size: 0.7rem;
  }

  .internal-banner-title {
    font-size: clamp(2.2rem, 9.5vw, 2.9rem);
    line-height: 0.97;
  }

  .internal-banner--editorial .internal-banner-title {
    font-size: clamp(1.95rem, 7.4vw, 2.4rem);
    line-height: 1;
  }

  .internal-banner--legal .internal-banner-title {
    font-size: clamp(1.9rem, 7vw, 2.25rem);
    line-height: 1.02;
  }

  .internal-banner-copy {
    margin-top: 16px;
    font-size: 1.0625rem;
    line-height: 1.6;
  }

  .internal-banner--editorial .internal-banner-copy,
  .internal-banner--legal .internal-banner-copy {
    margin-top: 14px;
    font-size: 0.98rem;
    line-height: 1.58;
  }

  .internal-banner-meta {
    margin-top: 14px;
    font-size: 0.65rem;
  }

  .internal-banner-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    margin-top: 24px;
  }

  .internal-banner-primary {
    width: 100%;
    min-width: 0;
    min-height: 58px;
  }

  .internal-banner-secondary {
    width: fit-content;
    min-height: 44px;
  }

  .internal-banner-signal-field {
    background-size: 56px 56px;
  }
}

@media (max-width: 380px) {
  .internal-banner-title {
    font-size: 2.1rem;
  }

  .internal-banner--editorial .internal-banner-title {
    font-size: 1.82rem;
  }

  .internal-banner--legal .internal-banner-title {
    font-size: 1.82rem;
  }
}

.internal-banner + .section {
  padding-top: clamp(3.5rem, 5vw, 5rem);
}

.internal-banner + .section-tight {
  padding-top: clamp(3rem, 4.5vw, 4rem);
}

.internal-banner + .article-layout {
  padding-top: clamp(2.75rem, 4vw, 3.75rem);
}

.internal-banner + .contact-layout {
  padding-top: clamp(3rem, 4.5vw, 4rem);
}

.internal-banner + .legal-body .legal-layout {
  padding-top: clamp(2.5rem, 3.5vw, 3.5rem);
}

@media (prefers-reduced-motion: reduce) {
  .internal-banner-primary,
  .internal-banner-primary svg,
  .internal-banner-secondary,
  .internal-banner-secondary svg,
  .internal-banner .breadcrumbs a {
    transition: none;
  }
}

/* ==== internal-signature-cta.css ==== */
.internal-signature-cta {
  --internal-cta-ink: #ffffff;
  --internal-cta-copy: #c7d6da;
  --internal-cta-blue: #0a6e9e;
  --internal-cta-blue-light: #6ac9e5;
  --internal-cta-line: rgba(145, 216, 234, 0.24);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(4.35rem, 6.7vw, 6.6rem);
  background: #05161f;
  color: var(--internal-cta-ink);
}

.internal-signature-cta *,
.internal-signature-cta *::before,
.internal-signature-cta *::after {
  box-sizing: border-box;
}

.internal-signature-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.internal-signature-bg-image {
  object-fit: cover;
  object-position: 52% 10%;
  filter: saturate(0.72) contrast(1.06) brightness(0.86);
  transform-origin: 52% 38%;
}

.internal-signature-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(2, 10, 15, 0.97) 0%,
      rgba(4, 24, 36, 0.9) 38%,
      rgba(4, 27, 40, 0.48) 66%,
      rgba(3, 18, 27, 0.58) 100%
    ),
    linear-gradient(
      180deg,
      rgba(2, 10, 15, 0.15) 0%,
      rgba(3, 19, 28, 0.24) 54%,
      rgba(2, 9, 13, 0.87) 100%
    );
}

.internal-signature-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.52fr) minmax(300px, 0.84fr);
  gap: clamp(3rem, 6vw, 6.25rem);
  align-items: end;
}

.internal-signature-copy {
  min-width: 0;
}

.internal-signature-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 clamp(16px, 1.8vw, 24px);
  color: var(--internal-cta-blue-light);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.internal-signature-eyebrow-line {
  display: block;
  width: 40px;
  height: 1.5px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: left center;
}

.internal-signature-title {
  max-width: 15ch;
  margin: 0;
  color: var(--internal-cta-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.4rem, 5.5vw, 4.85rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.internal-signature-title-mask {
  display: block;
  overflow: hidden;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}

.internal-signature-title-line {
  display: block;
}

.internal-signature-title-dot {
  color: var(--internal-cta-blue-light);
}

.internal-signature-lede {
  max-width: 52ch;
  margin: clamp(22px, 2.4vw, 28px) 0 0;
  color: var(--internal-cta-copy);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.06rem, 1.3vw, 1.2rem);
  font-weight: 400;
  line-height: 1.66;
  text-wrap: pretty;
}

.internal-signature-action {
  position: relative;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid var(--internal-cta-line);
}

.internal-signature-action-rule {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 64px;
  height: 1px;
  background: var(--internal-cta-blue-light);
  transform-origin: left center;
}

.internal-signature-button {
  width: 100%;
  min-height: 60px;
  justify-content: space-between;
  gap: 18px;
  padding-inline: 22px;
  border-radius: 2px;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
}

.internal-signature-button svg {
  transition: transform 180ms ease;
}

.internal-signature-button:hover svg {
  transform: translateX(4px);
}

.internal-signature-button:focus-visible {
  outline: 2px solid var(--internal-cta-blue-light);
  outline-offset: 3px;
}

.internal-signature-phone {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  color: var(--internal-cta-ink);
  text-decoration: none;
}

.internal-signature-phone-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(123, 214, 234, 0.28);
  border-radius: 50%;
  background: rgba(10, 110, 158, 0.22);
  color: var(--internal-cta-blue-light);
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.internal-signature-phone-icon svg {
  display: block;
}

.internal-signature-phone-number {
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.08rem, 1.35vw, 1.17rem);
  font-weight: 600;
  line-height: 1.2;
  border-bottom: 1px solid rgba(213, 233, 235, 0.32);
  padding-bottom: 3px;
  transition:
    color 180ms ease,
    border-color 180ms ease;
}

.internal-signature-phone:hover .internal-signature-phone-icon {
  border-color: rgba(123, 214, 234, 0.52);
  background: rgba(10, 110, 158, 0.34);
  color: #a1e4f4;
}

.internal-signature-phone:hover .internal-signature-phone-number {
  color: #a1e4f4;
  border-color: rgba(161, 228, 244, 0.55);
}

.internal-signature-phone:focus-visible {
  outline: 2px solid var(--internal-cta-blue-light);
  outline-offset: 4px;
}

@media (max-width: 1100px) {
  .internal-signature-inner {
    grid-template-columns: minmax(0, 1.4fr) minmax(286px, 0.86fr);
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .internal-signature-title {
    font-size: clamp(3.2rem, 5.3vw, 4.2rem);
  }
}

@media (max-width: 900px) {
  .internal-signature-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2rem, 4.5vw, 2.75rem);
    align-items: start;
  }

  .internal-signature-title {
    max-width: 13ch;
    font-size: clamp(3.4rem, 7.4vw, 4.6rem);
  }

  .internal-signature-action {
    max-width: 420px;
  }

  .internal-signature-bg-image {
    object-position: 54% 34%;
  }
}

@media (max-width: 640px) {
  .internal-signature-cta {
    padding-block: 3.9rem;
  }

  .internal-signature-overlay {
    background:
      linear-gradient(
        90deg,
        rgba(2, 10, 15, 0.87) 0%,
        rgba(4, 22, 33, 0.62) 62%,
        rgba(3, 15, 22, 0.74) 100%
      ),
      linear-gradient(
        180deg,
        rgba(2, 10, 15, 0.2) 0%,
        rgba(3, 18, 27, 0.45) 52%,
        rgba(2, 9, 13, 0.94) 100%
      );
  }

  .internal-signature-title {
    max-width: none;
    font-size: clamp(2.35rem, 8.8vw, 3.1rem);
    line-height: 0.97;
  }

  .internal-signature-lede {
    font-size: 1.04rem;
    line-height: 1.65;
  }

  .internal-signature-action {
    max-width: none;
  }

  .internal-signature-button {
    min-height: 58px;
  }

  .internal-signature-phone {
    margin-top: 18px;
  }
}

@media (max-width: 380px) {
  .internal-signature-title {
    font-size: 2.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .internal-signature-bg-image {
    transform: none;
  }

  .internal-signature-button svg,
  .internal-signature-phone-icon,
  .internal-signature-phone-number {
    transition: none;
  }
}



/* ==== signal-lab.css ==== */
/* NOLA Signal / Navigation - isolated header lab
   Only applies on /header-lab. The production header is untouched. */


body.lab-menu-open {
  overflow: hidden;
}

.signal-lab,
.lab-strip,
.lab-masthead,
.lab-mobile {
  --lab-paper: #f1efe8;
  --lab-ink: #10262d;
  --lab-body: #455b62;
  --lab-muted: #52666c;
  --lab-graphite: #0a1b21;
  --lab-graphite-deep: #07151b;
  --lab-ivory: #f1f3ef;
  --lab-steel: #cbd7d9;
  --lab-blue: #1c9dd3;
  --lab-blue-deep: #0a6e9e;
  --lab-line: rgba(237, 244, 244, 0.15);
  --lab-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.signal-lab {
  background: var(--lab-paper);
  color: var(--lab-ink);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  min-height: 100vh;
}

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

.lab-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.signal-lab a {
  color: inherit;
  text-decoration: none;
}

.signal-lab button {
  font: inherit;
}

.signal-lab a:focus-visible,
.signal-lab button:focus-visible {
  outline: 2px solid var(--lab-blue);
  outline-offset: 4px;
}

.signal-container {
  width: min(calc(100% - (var(--gutter) * 2)), var(--container));
  margin-inline: auto;
  padding-inline: 0;
}

/* Signal strip */

.lab-strip {
  position: relative;
  z-index: 70;
  height: 32px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: var(--lab-graphite-deep);
  color: #b6c6c8;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
}

.lab-strip-labels {
  display: flex;
  min-width: 0;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 64px 0 24px;
  overflow: hidden;
}

.lab-strip-short {
  display: none;
}

.lab-strip-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.lab-strip-node {
  width: 4px;
  height: 4px;
  flex: 0 0 auto;
  background: var(--lab-blue);
  transform: rotate(45deg);
}

.lab-strip-rail {
  position: absolute;
  right: 58px;
  bottom: 6px;
  left: 24px;
  height: 1px;
  background: rgba(235, 244, 245, 0.15);
  pointer-events: none;
}

.lab-strip-beam {
  position: absolute;
  bottom: -1px;
  left: -90px;
  width: 90px;
  height: 2px;
  background: var(--lab-blue);
  animation: lab-signal-travel 16s linear infinite;
}

.lab-strip-beam-node {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 5px;
  height: 5px;
  background: #b9ecfb;
  transform: rotate(45deg);
}

@keyframes lab-signal-travel {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(100vw + 140px));
  }
}

.lab-strip:hover .lab-strip-beam,
.lab-strip:focus-within .lab-strip-beam,
.lab-strip.is-paused .lab-strip-beam {
  animation-play-state: paused;
}

.lab-strip-control {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  width: 46px;
  height: 100%;
  place-items: center;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: #9bb8be;
  cursor: pointer;
  transition:
    background-color 160ms ease,
    color 160ms ease;
}

.lab-strip-control:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}

.lab-strip-control:focus-visible {
  outline-color: #7bd6ea;
  outline-offset: -3px;
}

/* Masthead */

.lab-masthead {
  position: sticky;
  top: 0;
  z-index: 80;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: var(--lab-graphite);
  color: var(--lab-ivory);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  transition:
    background-color 220ms var(--lab-ease),
    box-shadow 220ms var(--lab-ease),
    border-color 220ms var(--lab-ease);
}

.lab-masthead.is-scrolled {
  border-bottom-color: rgba(28, 157, 211, 0.48);
  background: #08181e;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.lab-masthead-inner {
  display: flex;
  min-height: 86px;
  align-items: center;
  gap: 24px;
}

/* Brand plate */

.lab-brand-plate {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  width: 244px;
  height: 80px;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  overflow: hidden;
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%);
}

.lab-brand-plate::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--lab-blue);
}

.lab-brand-plate img {
  display: block;
  width: 210px;
  height: auto;
}

.lab-brand-plate:focus-visible {
  outline: 2px solid #7bd6ea;
  outline-offset: 4px;
}

/* Navigation rail */

.lab-nav {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  height: 86px;
  flex-direction: column;
  justify-content: center;
}

.lab-nav-items {
  display: flex;
  order: 1;
  align-items: center;
  gap: 4px;
}

.lab-nav-track {
  position: relative;
  order: 2;
  height: 1px;
  margin-top: 12px;
  background: rgba(235, 244, 245, 0.18);
}

.lab-nav-signal {
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: var(--lab-signal-w, 0);
  height: 2px;
  background: var(--lab-blue);
  opacity: var(--lab-signal-opacity, 0);
  transform: translateX(var(--lab-signal-x, 0));
  transition:
    transform 460ms var(--lab-ease),
    width 460ms var(--lab-ease),
    opacity 160ms ease;
}

.lab-nav-signal-node {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 6px;
  height: 6px;
  background: #b9ecfb;
  transform: rotate(45deg);
}

.lab-nav-link {
  position: relative;
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 0 11px;
  border: 0;
  background: transparent;
  color: var(--lab-steel);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.005em;
  white-space: nowrap;
  transition: color 160ms ease;
}

.lab-nav-link:hover,
.lab-nav-link.is-current {
  color: #ffffff;
}

.lab-nav-services {
  display: flex;
  align-items: center;
}

.lab-services-toggle {
  display: inline-flex;
  width: 28px;
  height: 34px;
  align-items: center;
  justify-content: flex-end;
  padding: 0 2px 0 0;
  border: 0;
  background: transparent;
  color: #91b2ba;
  cursor: pointer;
  transition: color 160ms ease;
}

.lab-services-toggle:hover {
  color: var(--lab-blue);
}

.lab-services-toggle svg {
  transition: transform 220ms var(--lab-ease);
}

.lab-services-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.lab-nav-drop {
  position: absolute;
  bottom: 0;
  left: var(--lab-origin-x, 50%);
  width: 1px;
  height: 20px;
  background: var(--lab-blue);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  transition:
    transform 220ms var(--lab-ease),
    opacity 160ms ease;
}

.lab-masthead.is-routing .lab-nav-drop {
  opacity: 1;
  transform: scaleY(1);
}

/* Desktop actions */

.lab-header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
}

.lab-phone {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 9px 4px 4px;
  border: 1px solid transparent;
  transition:
    border-color 180ms ease,
    background-color 180ms ease;
}

.lab-phone-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--lab-blue);
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.lab-phone-copy {
  display: grid;
  gap: 1px;
}

.lab-phone-label {
  color: #91a8ae;
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.lab-phone-number {
  color: var(--lab-ivory);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.15;
  white-space: nowrap;
  transition: color 180ms ease;
}

.lab-phone:hover {
  border-color: rgba(28, 157, 211, 0.35);
  background: rgba(28, 157, 211, 0.06);
}

.lab-phone:hover .lab-phone-icon {
  border-color: var(--lab-blue);
  background: var(--lab-blue);
  color: #06141a;
}

.lab-phone:hover .lab-phone-number {
  color: var(--lab-blue);
}

/* Cut-corner CTA */

.lab-cta {
  position: relative;
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 20px;
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.lab-cta-surface {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--lab-blue-deep);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
  transition:
    background-color 220ms var(--lab-ease),
    transform 220ms var(--lab-ease);
}

.lab-cta > span:not(.lab-cta-surface),
.lab-cta > svg {
  position: relative;
  z-index: 1;
}

.lab-cta svg {
  transition: transform 220ms var(--lab-ease);
}

.lab-cta:hover {
  color: var(--lab-ink);
}

.lab-cta:hover .lab-cta-surface {
  background: var(--lab-ivory);
}

.lab-cta:hover svg {
  transform: translateX(4px);
}

.lab-cta:focus-visible {
  outline: 2px solid #7bd6ea;
  outline-offset: 4px;
}

/* Desktop signal routing panel */

.lab-routes-panel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  width: 100%;
  border-bottom: 1px solid rgba(28, 157, 211, 0.3);
  background: var(--lab-graphite-deep);
  box-shadow: 0 28px 48px rgba(0, 0, 0, 0.24);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition:
    opacity 220ms var(--lab-ease),
    transform 280ms var(--lab-ease),
    visibility 0s linear 280ms;
}

.lab-routes-panel.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.lab-panel-bus {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(28, 157, 211, 0.42);
}

.lab-panel-bus-line {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(28, 157, 211, 0.5);
}

.lab-panel-origin-node {
  position: absolute;
  top: -2px;
  left: var(--lab-origin-x, 50%);
  width: 5px;
  height: 5px;
  background: var(--lab-blue);
  transform: rotate(45deg);
}

.lab-routes-inner {
  position: relative;
  padding-top: 0;
  padding-bottom: 24px;
}

.lab-routing-field {
  position: relative;
  min-height: 268px;
  padding-top: 74px;
}

.lab-routes-meta {
  position: absolute;
  top: 14px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #6f9aa5;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-routing-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  overflow: visible;
  pointer-events: none;
}

.lab-branch-base,
.lab-branch-signal {
  fill: none;
  stroke-linecap: square;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}

.lab-branch-base {
  stroke: rgba(241, 243, 239, 0.22);
  stroke-width: 1;
}

.lab-branch-signal {
  stroke: var(--lab-blue);
  stroke-width: 1.5;
  opacity: 0;
  transition: opacity 240ms ease;
}

.lab-branch-signal.is-active {
  opacity: 1;
}

.lab-route-endpoint {
  fill: var(--lab-graphite-deep);
  stroke: rgba(241, 243, 239, 0.4);
  stroke-width: 1;
  transition:
    fill 220ms ease,
    stroke 220ms ease,
    transform 220ms var(--lab-ease);
  transform-box: fill-box;
  transform-origin: center;
}

.lab-route-endpoint.is-active {
  fill: var(--lab-blue);
  stroke: #b9ecfb;
  transform: scale(1.35);
}

.lab-route-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
}

.lab-route {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 24px 18px;
  color: var(--lab-ivory);
  opacity: 0;
  transform: translateY(14px);
  transition:
    background-color 200ms ease,
    color 200ms ease,
    opacity 260ms ease,
    transform 300ms var(--lab-ease);
}

.lab-routes-panel.is-open .lab-route {
  opacity: 1;
  transform: translateY(0);
}

.lab-route::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: var(--lab-blue);
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 240ms var(--lab-ease);
}

.lab-route:hover,
.lab-route:focus-visible,
.lab-route.is-active {
  background: rgba(28, 157, 211, 0.07);
}

.lab-route:hover::before,
.lab-route:focus-visible::before,
.lab-route.is-active::before {
  transform: scaleY(1);
}

.lab-route:focus-visible {
  outline: 2px solid #7bd6ea;
  outline-offset: -2px;
}

.lab-route-index {
  margin-bottom: 16px;
  color: #73b7c9;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-route-title {
  max-width: 15ch;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 600;
  line-height: 1.03;
  letter-spacing: -0.04em;
}

.lab-route-summary {
  max-width: 48ch;
  margin-top: 12px;
  color: #9db1b5;
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

.lab-route-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  color: var(--lab-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.lab-route-action svg {
  transition: transform 180ms ease;
}

.lab-route:hover .lab-route-action svg,
.lab-route:focus-visible .lab-route-action svg {
  transform: translateX(4px);
}

.lab-routes-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 19px;
  border-top: 1px solid rgba(235, 244, 245, 0.13);
}

.lab-panel-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--lab-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  transition: color 160ms ease;
}

.lab-panel-link.is-muted {
  color: #9db1b5;
}

.lab-panel-link:hover {
  color: #ffffff;
}

.lab-panel-link svg {
  transition: transform 160ms ease;
}

.lab-panel-link:hover svg {
  transform: translateX(3px);
}

.lab-panel-link:focus-visible {
  outline-color: #7bd6ea;
}

/* Mobile header */

.lab-mobile-actions {
  display: none;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.lab-mobile-phone {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.24);
  color: var(--lab-blue);
}

.lab-menu-toggle {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  background: var(--lab-blue-deep);
  color: #ffffff;
  cursor: pointer;
}

.lab-menu-toggle:hover {
  background: var(--lab-blue);
}

.lab-menu-toggle:focus {
  outline: 2px solid #7bd6ea;
  outline-offset: 3px;
}

/* Mobile drawer */

.lab-mobile {
  position: fixed;
  inset: 0;
  z-index: 140;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--lab-graphite-deep);
  color: var(--lab-ivory);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(14px);
  transition:
    opacity 260ms var(--lab-ease),
    transform 320ms var(--lab-ease),
    visibility 0s linear 320ms;
}

.lab-mobile.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}

.lab-mobile-top {
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: var(--lab-graphite-deep);
}

.lab-mobile-top-inner {
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.lab-mobile-brand {
  display: flex;
  width: 184px;
  height: 62px;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  overflow: hidden;
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%);
}

.lab-mobile-brand img {
  display: block;
  width: 162px;
  height: auto;
}

.lab-mobile-close {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  background: transparent;
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}

.lab-mobile-close:hover {
  border-color: var(--lab-blue);
  background: rgba(28, 157, 211, 0.1);
}

.lab-mobile-close:focus-visible {
  outline-color: #7bd6ea;
}

.lab-mobile-body {
  display: flex;
  min-height: calc(100dvh - 80px);
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 24px;
}

.lab-mobile-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #6f9aa5;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-mobile-primary {
  margin-top: 18px;
}

.lab-mobile-services {
  display: block;
}

.lab-mobile-services-meta {
  margin-top: 18px;
}

.lab-mobile-services .lab-mobile-all {
  display: inline-flex;
  margin-top: 14px;
  margin-bottom: 10px;
}

.lab-mobile-company-link.is-current,
.lab-mobile-services-link.is-current {
  color: var(--lab-blue);
}

.lab-mobile-routes {
  position: relative;
  margin-top: 18px;
}

.lab-mobile-routes::before {
  content: "";
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 9px;
  width: 1px;
  background: rgba(28, 157, 211, 0.32);
}

.lab-mobile-route {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 17px 0 17px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--lab-ivory);
}

.lab-mobile-route::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 6px;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(28, 157, 211, 0.65);
  background: var(--lab-graphite-deep);
  transform: rotate(45deg);
  transition:
    background-color 200ms ease,
    border-color 200ms ease,
    box-shadow 200ms ease;
}

.lab-mobile-route.is-active::before {
  border-color: var(--lab-blue);
  background: var(--lab-blue);
}

.lab-mobile-route-index {
  padding-top: 3px;
  color: #73b7c9;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.lab-mobile-route-copy {
  display: grid;
  gap: 5px;
}

.lab-mobile-route-title {
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.lab-mobile-route-summary {
  max-width: 40ch;
  color: #9db1b5;
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.lab-mobile-route > svg {
  margin-top: 5px;
  color: var(--lab-blue);
}

.lab-mobile-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: var(--lab-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.lab-mobile-company {
  margin-top: 28px;
}

.lab-mobile-label {
  margin: 0 0 12px;
  color: #6f9aa5;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-mobile-company-link {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--lab-ivory);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.lab-mobile-company-link svg {
  color: var(--lab-blue);
}

.lab-mobile-footer {
  display: grid;
  gap: 14px;
  margin-top: auto;
  padding-top: 32px;
}

.lab-mobile-cta {
  position: relative;
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.lab-mobile-cta-surface {
  position: absolute;
  inset: 0;
  background: var(--lab-blue-deep);
  clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 0 100%);
}

.lab-mobile-cta > span:not(.lab-mobile-cta-surface),
.lab-mobile-cta > svg {
  position: relative;
  z-index: 1;
}

.lab-mobile-call {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  color: var(--lab-ivory);
}

.lab-mobile-call:focus-visible {
  outline: 2px solid #7bd6ea;
  outline-offset: 3px;
}

.lab-mobile-call-icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: var(--lab-blue);
}

.lab-mobile-call > span:last-child {
  display: grid;
  gap: 1px;
}

.lab-mobile-call-label {
  color: #83a5ad;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lab-mobile-call-number {
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.lab-mobile-note {
  margin: 16px 0 0;
  color: #68868e;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 8.5px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* No-JS mobile navigation fallback */

.lab-nojs-nav {
  --lab-ivory: #f1f3ef;
  --lab-blue: #1c9dd3;
  display: none;
  border-bottom: 1px solid rgba(28, 157, 211, 0.34);
  background: #08181e;
  color: var(--lab-ivory);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
}

.lab-nojs-nav-inner {
  padding-top: 16px;
  padding-bottom: 18px;
}

.lab-nojs-nav-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #6f9aa5;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-nojs-nav-list {
  display: grid;
  grid-template-columns: 1fr;
  margin: 14px 0 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  list-style: none;
}

.lab-nojs-nav-list a {
  display: flex;
  min-height: 46px;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  color: var(--lab-ivory);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
}

.lab-nojs-nav-services {
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.lab-nojs-nav-label {
  margin: 0 0 8px;
  color: #6f9aa5;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-nojs-nav-service {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  min-height: 44px;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--lab-ivory);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.lab-nojs-nav-index {
  color: #73b7c9;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.lab-nojs-nav-all {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: 10px;
  color: var(--lab-blue);
  font-size: 11px;
  font-weight: 600;
}

.lab-nojs-nav-note {
  margin: 14px 0 0;
  color: #68868e;
  font-size: 8.5px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.lab-nojs-nav a:focus-visible {
  outline: 2px solid #7bd6ea;
  outline-offset: 3px;
}

@media (max-width: 1080px) {
  .lab-nojs-nav {
    display: block;
  }
}

@media (max-width: 640px) {
  .lab-nojs-nav-inner {
    padding-top: 14px;
    padding-bottom: 16px;
  }

  .lab-nojs-nav-list a {
    min-height: 44px;
    font-size: 20px;
  }

  .lab-nojs-nav-service {
    font-size: 13px;
  }
}

/* Lab page */

.signal-lab-content {
  background: var(--lab-paper);
}

.lab-skip {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 220;
  padding: 10px 14px;
  background: var(--lab-ivory);
  color: var(--lab-ink);
  font-size: 12px;
  font-weight: 600;
  transform: translateY(-160%);
  transition: transform 160ms ease;
}

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

.lab-intro {
  padding: clamp(4rem, 8vw, 7rem) 0 clamp(4rem, 7vw, 6rem);
  border-bottom: 1px solid #d8d5cb;
}

.lab-kicker {
  margin: 0 0 22px;
  color: var(--lab-blue-deep);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lab-intro h1 {
  max-width: 12ch;
  margin: 0;
  color: var(--lab-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.25rem, 7vw, 6.5rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.055em;
}

.lab-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
  margin-top: clamp(2.5rem, 5vw, 4rem);
}

.lab-intro-body {
  max-width: 58ch;
  margin: 0;
  color: var(--lab-body);
  font-size: 1.125rem;
  line-height: 1.7;
}

.lab-intro-aside {
  border-top: 1px solid #cfcbc1;
  padding-top: 14px;
}

.lab-intro-aside p {
  margin: 0;
  color: var(--lab-muted);
  font-size: 0.875rem;
  line-height: 1.6;
}

.lab-intro-aside p + p {
  margin-top: 12px;
}

.lab-note-section {
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
  border-bottom: 1px solid #d8d5cb;
}

.lab-note-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.lab-note {
  border-top: 1px solid #cfcbc1;
  padding-top: 16px;
}

.lab-note-index {
  display: block;
  margin-bottom: 24px;
  color: var(--lab-blue-deep);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-note h2 {
  margin: 0 0 10px;
  color: var(--lab-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.lab-note p {
  max-width: 38ch;
  margin: 0;
  color: var(--lab-muted);
  font-size: 0.9375rem;
  line-height: 1.65;
}

.lab-scroll-section {
  display: flex;
  min-height: 78vh;
  align-items: center;
  padding: clamp(4rem, 9vw, 8rem) 0;
  background: #e8e5dc;
}

.lab-scroll-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
}

.lab-scroll-kicker {
  margin: 0 0 18px;
  color: #075578;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lab-scroll-heading {
  max-width: 12ch;
  margin: 0;
  color: var(--lab-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.lab-scroll-copy {
  max-width: 52ch;
  margin: 0;
  color: var(--lab-body);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.lab-scroll-copy strong {
  color: var(--lab-ink);
  font-weight: 600;
}

.signal-lab-foot {
  padding: 28px 0 34px;
  background: var(--lab-graphite-deep);
  color: #8ba3aa;
}

.signal-lab-foot-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.signal-lab-foot a {
  color: #b9dce5;
}

.signal-lab-foot a:hover {
  color: #ffffff;
}

/* Responsive */

@media (max-width: 1260px) {
  .lab-masthead-inner {
    gap: 16px;
  }

  .lab-nav-link {
    padding-inline: 8px;
  }

  .lab-cta {
    padding-inline: 18px;
  }

  .lab-phone {
    gap: 8px;
    padding: 0;
    border: 0;
  }

  .lab-phone-icon {
    width: 36px;
    height: 36px;
  }

  .lab-phone-copy {
    display: block;
  }

  .lab-phone-label {
    display: none;
  }
}

@media (max-width: 1170px) {
  .lab-phone-copy {
    display: none;
  }

  .lab-phone {
    padding: 0;
    border: 0;
  }

  .lab-phone-icon {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 1080px) {
  .lab-masthead-inner {
    min-height: 72px;
    gap: 16px;
  }

  .lab-brand-plate {
    width: 196px;
    height: 62px;
    padding: 4px 8px;
  }

  .lab-brand-plate img {
    width: 174px;
  }

  .lab-nav,
  .lab-header-actions {
    display: none;
  }

  .lab-mobile-actions {
    display: flex;
  }

  .lab-nav-drop {
    display: none;
  }
}

@media (max-width: 1000px) {
  .lab-masthead-inner {
    min-height: 72px;
    gap: 16px;
  }

  .lab-nav,
  .lab-header-actions {
    display: none;
  }

  .lab-mobile-actions {
    display: flex;
  }

  .lab-brand-plate {
    width: 196px;
    height: 62px;
    padding: 4px 8px;
  }

  .lab-brand-plate img {
    width: 174px;
  }

  .lab-nav-drop {
    display: none;
  }

  .lab-strip {
    height: 30px;
  }

  .lab-strip-label {
    gap: 7px;
    font-size: 8.5px;
    letter-spacing: 0.11em;
  }

  .lab-strip-full {
    display: none;
  }

  .lab-strip-short {
    display: inline;
  }

  .lab-strip-labels {
    gap: 12px;
    padding-right: 52px;
    padding-left: 16px;
  }

  .lab-strip-rail {
    right: 48px;
    left: 16px;
  }

  .lab-strip-control {
    width: 40px;
  }

  .lab-intro-grid,
  .lab-scroll-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .lab-note-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

@media (max-width: 640px) {
  .lab-masthead-inner {
    min-height: 66px;
    gap: 10px;
  }

  .lab-brand-plate {
    width: 178px;
    height: 56px;
    padding: 3px 7px;
  }

  .lab-brand-plate img {
    width: 160px;
  }

  .lab-mobile-actions {
    gap: 6px;
  }

  .lab-mobile-phone,
  .lab-menu-toggle {
    width: 44px;
    height: 44px;
  }

  .lab-mobile-top-inner {
    min-height: 72px;
  }

  .lab-mobile-brand {
    width: 168px;
    height: 56px;
  }

  .lab-mobile-brand img {
    width: 148px;
  }

  .lab-mobile-close {
    min-width: 42px;
    justify-content: center;
    padding: 0;
  }

  .lab-mobile-close span {
    display: none;
  }

  .lab-mobile-route-title {
    font-size: 21px;
  }

  .lab-mobile-company-link {
    font-size: 24px;
  }

  .lab-intro h1 {
    font-size: clamp(2.65rem, 12vw, 3.5rem);
  }

  .lab-intro-body {
    font-size: 1rem;
  }

  .signal-lab-foot-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 380px) {
  .lab-brand-plate {
    width: 166px;
  }

  .lab-brand-plate img {
    width: 150px;
  }

  .lab-mobile-phone,
  .lab-menu-toggle {
    width: 44px;
    height: 44px;
  }

  .lab-strip-label {
    font-size: 8px;
    letter-spacing: 0.08em;
  }

  .lab-strip-labels {
    gap: 8px;
  }

  .lab-strip-node {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lab-strip {
    height: auto;
    min-height: 32px;
  }

  .lab-strip-beam,
  .lab-strip-control {
    display: none;
  }

  .lab-strip-rail::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 42%;
    width: 5px;
    height: 5px;
    background: var(--lab-blue);
    transform: rotate(45deg);
  }

  .signal-lab,
  .signal-lab *,
  .signal-lab *::before,
  .signal-lab *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .lab-nav-signal {
    transition: none !important;
  }
}

/* ==== signature-footer.css ==== */
.signature-footer.site-footer {
  --sf-bg: #081a21;
  --sf-bg-deep: #06141a;
  --sf-bg-soft: #0a2029;
  --sf-ivory: #f1f3ef;
  --sf-text: #d4e0e1;
  --sf-white: #f7fbfa;
  --sf-muted: #93a9ad;
  --sf-dim: #71888d;
  --sf-blue: #1c9dd3;
  --sf-blue-bright: #7bd6ea;
  --sf-blue-deep: #0a6e9e;
  --sf-line: rgba(213, 233, 235, 0.14);
  --sf-line-soft: rgba(213, 233, 235, 0.09);
  --sf-line-blue: rgba(28, 157, 211, 0.3);
  --sf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  overflow: hidden;
  padding: 0;
  border-top: 1px solid rgba(28, 157, 211, 0.32);
  background:
    radial-gradient(120% 120% at 88% -15%, rgba(28, 157, 211, 0.075), transparent 58%),
    linear-gradient(180deg, var(--sf-bg-soft) 0%, var(--sf-bg) 44%, #07171d 100%);
  color: var(--sf-text);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
}

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

.signature-footer a {
  text-decoration: none;
}

.signature-footer a:focus-visible,
.signature-footer button:focus-visible {
  outline: 2px solid var(--sf-blue-bright);
  outline-offset: 4px;
}

.sf-signal {
  position: relative;
  z-index: 3;
  height: 34px;
}

.sf-signal-inner {
  position: relative;
  height: 100%;
}

.sf-signal-base,
.sf-signal-segment {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  height: 1px;
  transform-origin: left center;
}

.sf-signal-base {
  right: 0;
  background: linear-gradient(90deg, rgba(123, 214, 234, 0.24), var(--sf-line));
}

.sf-signal-segment {
  left: 2%;
  width: clamp(76px, 9vw, 118px);
  background: var(--sf-blue);
}

.sf-signal-node {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 5px;
  height: 5px;
  background: var(--sf-blue-bright);
  transform: rotate(45deg);
}

.sf-main {
  position: relative;
  z-index: 2;
  padding-top: clamp(2.5rem, 3.6vw, 3.25rem);
}

.sf-grid {
  display: grid;
  grid-template-columns: 1.18fr 0.63fr 0.58fr 1.05fr;
  column-gap: clamp(2rem, 4vw, 3.5rem);
  row-gap: 2.5rem;
  padding-bottom: clamp(2.6rem, 4vw, 3.5rem);
}

.sf-brand,
.sf-column {
  min-width: 0;
}

.sf-logo-link {
  display: block;
  width: min(304px, 100%);
  max-width: 100%;
  filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.19));
}

.sf-logo-plate {
  position: relative;
  display: block;
  width: 100%;
  padding: 16px 20px 15px;
  overflow: hidden;
  background: var(--sf-ivory);
  clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 0 100%);
}

.sf-logo-plate::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  height: 2px;
  background: var(--sf-blue);
  transition: width 240ms var(--sf-ease);
}

.sf-logo-link:hover .sf-logo-plate::before,
.sf-logo-link:focus-visible .sf-logo-plate::before {
  width: 100%;
}

.sf-logo-plate img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2170 / 725;
}

.sf-logo-link:focus-visible {
  outline: 2px solid var(--sf-blue-bright);
  outline-offset: 5px;
}

.sf-brand-content {
  max-width: 39ch;
  margin-top: 24px;
}

.sf-brand-copy {
  margin: 0;
  color: #b9c9cc;
  font-size: clamp(1rem, 1.25vw, 1.0625rem);
  line-height: 1.62;
}

.sf-project-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(123, 214, 234, 0.32);
  color: var(--sf-blue-bright);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  transition:
    color 180ms ease,
    border-color 180ms ease;
}

.sf-project-link svg {
  flex: 0 0 auto;
  transition: transform 180ms var(--sf-ease);
}

.sf-project-link:hover {
  border-color: var(--sf-blue-bright);
  color: var(--sf-white);
}

.sf-project-link:hover svg {
  transform: translateX(3px);
}

.sf-heading {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin: 3px 0 18px;
  color: var(--sf-blue-bright);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.sf-heading::after {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--sf-blue);
}

.sf-link-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sf-link {
  position: relative;
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 6px 0;
  color: var(--sf-text);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  transition: color 200ms ease;
}

.sf-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 1px;
  background: var(--sf-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 220ms var(--sf-ease);
}

.sf-link:hover,
.sf-link:focus-visible {
  color: var(--sf-white);
}

.sf-link:hover::after,
.sf-link:focus-visible::after {
  transform: scaleX(1);
}

.sf-link:focus-visible {
  outline-offset: 5px;
}

.sf-contact {
  padding-left: clamp(1.25rem, 2vw, 2rem);
  border-left: 1px solid var(--sf-line-blue);
}

.sf-contact-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.sf-contact-link {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  color: var(--sf-text);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.35;
  transition: color 180ms ease;
}

.sf-contact-icon {
  display: grid;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(123, 214, 234, 0.22);
  color: var(--sf-blue-bright);
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.sf-contact-value {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sf-contact-link:hover,
.sf-contact-link:focus-visible {
  color: var(--sf-white);
}

.sf-contact-link:hover .sf-contact-icon,
.sf-contact-link:focus-visible .sf-contact-icon {
  border-color: var(--sf-blue);
  background: rgba(28, 157, 211, 0.12);
  color: var(--sf-white);
}

.sf-contact-note {
  max-width: 29ch;
  margin: 15px 0 0;
  color: var(--sf-dim);
  font-size: 0.8125rem;
  line-height: 1.55;
}

.sf-main-divider {
  height: 1px;
  background: var(--sf-line);
}

.sf-legal-band {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: rgba(4, 15, 19, 0.48);
}

.sf-structure {
  position: absolute;
  right: 0;
  bottom: -20px;
  z-index: 0;
  width: min(720px, 55%);
  height: 210px;
  pointer-events: none;
}

.sf-structure svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: rgba(204, 228, 231, 0.09);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.sf-structure circle {
  fill: rgba(123, 214, 234, 0.34);
  stroke: none;
}

.sf-structure .sf-structure-accent {
  stroke: rgba(28, 157, 211, 0.32);
}

.sf-structure .sf-structure-accent-dim {
  stroke: rgba(28, 157, 211, 0.16);
}

.sf-legal {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 25px;
}

.sf-legal-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: clamp(1.25rem, 3vw, 2.75rem);
  align-items: center;
}

.sf-legal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 24px;
}

.sf-legal-link {
  position: relative;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: #a2b5b8;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  transition: color 160ms ease;
}

.sf-legal-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  height: 1px;
  background: var(--sf-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 200ms var(--sf-ease);
}

.sf-legal-link:hover,
.sf-legal-link:focus-visible {
  color: var(--sf-white);
}

.sf-legal-link:hover::after,
.sf-legal-link:focus-visible::after {
  transform: scaleX(1);
}

.sf-copyright {
  margin: 0;
  color: #8fa3a7;
  font-size: 0.8125rem;
  line-height: 1.55;
  text-align: right;
}

.sf-backtop {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(228, 242, 243, 0.27);
  border-radius: 50%;
  background: transparent;
  color: var(--sf-white);
  transition:
    background-color 200ms ease,
    border-color 200ms ease,
    color 200ms ease,
    transform 200ms var(--sf-ease);
}

.sf-backtop::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(228, 242, 243, 0.08);
  border-radius: 50%;
  pointer-events: none;
  transition: border-color 200ms ease;
}

.sf-backtop svg {
  transition: transform 200ms var(--sf-ease);
}

.sf-backtop:hover {
  border-color: var(--sf-blue);
  background: var(--sf-blue);
  color: #06161c;
  transform: translateY(-2px);
}

.sf-backtop:hover::after {
  border-color: rgba(6, 22, 28, 0.26);
}

.sf-backtop:hover svg {
  transform: translateY(-2px);
}

.sf-disclosure {
  max-width: 94ch;
  margin: 13px 0 0;
  padding-top: 13px;
  border-top: 1px solid var(--sf-line-soft);
  color: var(--sf-dim);
  font-size: 0.8125rem;
  line-height: 1.55;
}

@media (max-width: 1200px) {
  .sf-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: clamp(1.75rem, 3vw, 2.5rem);
    row-gap: 2.5rem;
  }

  .sf-brand {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(240px, 304px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(2rem, 4vw, 3.5rem);
  }

  .sf-brand-content {
    max-width: 46ch;
    margin-top: 0;
  }

  .sf-contact {
    padding-left: 0;
    border-left: 0;
  }

  .sf-legal-bar {
    gap: 1.5rem;
  }

  .sf-copyright {
    white-space: normal;
  }
}

@media (max-width: 900px) {
  .sf-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
  }

  .sf-brand {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 2rem;
  }

  .sf-contact {
    grid-column: 1 / -1;
    margin-top: 0.25rem;
    padding-top: 1.75rem;
    border-top: 1px solid var(--sf-line);
  }

  .sf-contact-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 2rem;
  }

  .sf-contact-note {
    grid-column: 1 / -1;
    max-width: 43ch;
    margin-top: 8px;
  }

  .sf-legal-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 1.5rem;
  }

  .sf-legal-links {
    order: 1;
    width: 100%;
    gap: 0 1.5rem;
  }

  .sf-copyright {
    order: 2;
    flex: 1 1 auto;
    text-align: left;
  }

  .sf-backtop {
    order: 3;
    margin-left: auto;
  }

  .sf-disclosure {
    max-width: 70ch;
  }
}

@media (max-width: 700px) {
  .sf-signal {
    height: 28px;
  }

  .sf-main {
    padding-top: 2.35rem;
  }

  .sf-grid {
    grid-template-columns: 1fr;
    row-gap: 0;
    padding-bottom: 2.25rem;
  }

  .sf-brand {
    display: block;
    grid-column: auto;
    padding-bottom: 1.75rem;
  }

  .sf-logo-link {
    width: min(268px, 100%);
  }

  .sf-logo-plate {
    padding: 14px 17px 13px;
  }

  .sf-brand-content {
    max-width: none;
    margin-top: 20px;
  }

  .sf-brand-copy {
    max-width: 38ch;
    font-size: 1rem;
    line-height: 1.6;
  }

  .sf-column {
    padding: 1.5rem 0;
    border-top: 1px solid var(--sf-line);
  }

  .sf-heading {
    margin-top: 0;
    margin-bottom: 11px;
  }

  .sf-link {
    min-height: 44px;
    padding: 8px 0;
    font-size: 1.03125rem;
  }

  .sf-contact {
    display: block;
    grid-column: auto;
    margin-top: 0;
    padding-top: 1.5rem;
  }

  .sf-contact-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .sf-contact-link {
    min-height: 46px;
    font-size: 1.03125rem;
  }

  .sf-contact-note {
    margin-top: 10px;
  }

  .sf-legal {
    padding-top: 18px;
    padding-bottom: 22px;
  }

  .sf-legal-bar {
    display: flex;
    flex-wrap: wrap;
  }

  .sf-legal-links {
    order: 1;
    width: 100%;
    gap: 0 1.25rem;
  }

  .sf-legal-link {
    min-height: 44px;
  }

  .sf-copyright {
    order: 2;
    flex: 1 1 auto;
    font-size: 0.8125rem;
  }

  .sf-backtop {
    order: 3;
    width: 48px;
    height: 48px;
    margin-left: auto;
  }

  .sf-disclosure {
    max-width: none;
    font-size: 0.8125rem;
  }

  .sf-structure {
    display: none;
  }
}

@media (max-width: 380px) {
  .sf-signal {
    height: 24px;
  }

  .sf-logo-link {
    width: min(246px, 100%);
  }

  .sf-logo-plate {
    padding: 13px 15px 12px;
  }

  .sf-project-link {
    margin-top: 9px;
  }

  .sf-legal-links {
    gap: 0 1rem;
  }

  .sf-legal-link {
    font-size: 0.8125rem;
  }

  .sf-copyright,
  .sf-disclosure {
    font-size: 0.8125rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .signature-footer *,
  .signature-footer *::before,
  .signature-footer *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .sf-signal-segment {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ==== cinematic-hero.css ==== */
.cinematic-hero {
  --cinema-header: 119px;
  --cinema-ink: #06171d;
  --cinema-ivory: #f2f0e8;
  --cinema-blue: #1c9dd3;
  --cinema-blue-deep: #0a6e9e;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: max(640px, calc(100svh - var(--cinema-header)));
  overflow: hidden;
  background: var(--cinema-ink);
  color: var(--cinema-ivory);
}

.cinema-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: var(--cinema-ink);
}

.cinema-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% center;
  filter: saturate(0.92) contrast(1.04) brightness(0.96);
  transform-origin: center;
}

.cinema-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(3, 15, 20, 0.95) 0%,
      rgba(3, 15, 20, 0.86) 26%,
      rgba(3, 15, 20, 0.56) 49%,
      rgba(3, 15, 20, 0.16) 70%,
      rgba(3, 15, 20, 0.02) 88%,
      transparent 100%
    ),
    linear-gradient(
      180deg,
      rgba(3, 15, 20, 0.34) 0%,
      rgba(3, 15, 20, 0.04) 24%,
      rgba(3, 15, 20, 0.06) 55%,
      rgba(3, 15, 20, 0.72) 100%
    );
  pointer-events: none;
}

.cinema-shade--edge {
  background:
    radial-gradient(
      700px 420px at 4% 96%,
      rgba(8, 100, 136, 0.19),
      transparent 72%
    ),
    linear-gradient(
      90deg,
      rgba(3, 15, 20, 0.28) 0%,
      transparent 24%,
      transparent 78%,
      rgba(3, 15, 20, 0.14) 100%
    );
}

.cinema-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  align-items: center;
  padding-top: clamp(2.5rem, 7vh, 5.5rem);
  padding-bottom: clamp(1.5rem, 4vh, 3.25rem);
}

.cinema-content {
  width: min(100%, 760px);
  min-width: 0;
}

.cinema-kicker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 22px;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(242, 245, 241, 0.93);
}

.cinema-signal {
  position: relative;
  display: block;
  width: 42px;
  height: 1px;
  margin-right: 3px;
  background: var(--cinema-blue);
}

.cinema-signal::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  width: 5px;
  height: 5px;
  border: 1px solid var(--cinema-blue);
  background: var(--cinema-ink);
  transform: translateY(-50%) rotate(45deg);
}

.cinema-kicker-divider {
  color: rgba(242, 245, 241, 0.32);
}

.cinema-kicker-muted {
  color: rgba(225, 236, 235, 0.62);
}

.cinema-title {
  max-width: 780px;
  margin: 0;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.2rem, 5.35vw, 5.2rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.052em;
  text-wrap: balance;
  color: #f5f6f1;
}

.cinematic-hero .cinema-title {
  color: #f5f6f1;
}

.cinema-title-line {
  display: block;
  overflow: hidden;
  padding-bottom: 0.12em;
}

.cinema-title-line > span {
  display: block;
}

.cinema-lede {
  max-width: 47ch;
  margin: 26px 0 0;
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1rem, 1.18vw, 1.15rem);
  line-height: 1.62;
  color: rgba(234, 241, 239, 0.86);
  text-wrap: pretty;
}

.cinema-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 30px;
}

.cinema-button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  padding: 6px 6px 6px 23px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.86);
  background: var(--white, #ffffff);
  color: #0a2028;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.925rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.005em;
  text-decoration: none;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
  transition:
    color 240ms ease,
    border-color 240ms ease;
}

.cinema-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--cinema-blue-deep);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

.cinema-button-label {
  position: relative;
  z-index: 1;
  padding-right: 17px;
  white-space: nowrap;
}

.cinema-button-icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  flex: 0 0 auto;
  background: var(--cinema-blue-deep);
  color: #ffffff;
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
  transition:
    background-color 240ms ease,
    color 240ms ease;
}

.cinema-button-icon svg {
  transition: transform 240ms ease;
}

.cinema-button:hover {
  color: #ffffff;
  border-color: var(--cinema-blue-deep);
}

.cinema-button:hover::before {
  transform: scaleX(1);
}

.cinema-button:hover .cinema-button-icon {
  background: var(--surface-soft, #f3f5f6);
  color: var(--cinema-blue-deep);
}

.cinema-button:hover .cinema-button-icon svg {
  transform: translateX(3px);
}

.cinema-button:active {
  transform: translateY(1px);
}

.cinema-button:focus-visible,
.cinema-link:focus-visible,
.cinema-division:focus-visible,
.cinema-scroll:focus-visible {
  outline: 2px solid #8ce5fb;
  outline-offset: 4px;
}

.cinema-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(229, 240, 239, 0.38);
  color: #f1f5f2;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition:
    color 200ms ease,
    border-color 200ms ease;
}

.cinema-link svg {
  transition: transform 200ms ease;
}

.cinema-link:hover {
  color: #8ce5fb;
  border-color: #8ce5fb;
}

.cinema-link:hover svg {
  transform: translateX(3px);
}

.cinema-rail {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(228, 239, 238, 0.2);
  background: linear-gradient(
    180deg,
    rgba(3, 15, 20, 0),
    rgba(3, 15, 20, 0.28)
  );
}

.cinema-rail-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 74px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.cinema-divisions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px 28px;
  min-width: 0;
}

.cinema-rail-label {
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(220, 234, 233, 0.72);
}

.cinema-division {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: rgba(242, 246, 242, 0.92);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.2;
  min-height: 44px;
  text-decoration: none;
  transition: color 200ms ease;
}

.cinema-division > span {
  font-size: 0.59rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--cinema-blue);
}

.cinema-division:hover {
  color: #ffffff;
}

.cinema-scroll {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 44px;
  color: rgba(220, 234, 233, 0.72);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: color 200ms ease;
}

.cinema-scroll svg {
  transition: transform 200ms ease;
}

.cinema-scroll:hover {
  color: #ffffff;
}

.cinema-scroll:hover svg {
  transform: translateY(2px);
}

@media (max-width: 1000px) {
  .cinematic-hero {
    --cinema-header: 102px;
  }

  .cinema-content {
    width: min(100%, 680px);
  }

  .cinema-title {
    font-size: clamp(3rem, 5.35vw, 4.7rem);
  }
}

@media (max-width: 760px) {
  .cinematic-hero {
    --cinema-header: 96px;
    min-height: max(640px, calc(100svh - var(--cinema-header)));
  }

  .cinema-inner {
    align-items: flex-end;
    padding-top: 4.5rem;
    padding-bottom: 1.5rem;
  }

  .cinema-kicker {
    margin-bottom: 18px;
  }

  .cinema-title {
    max-width: 100%;
    font-size: clamp(2rem, 9.1vw, 3.4rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
  }

  .cinema-lede {
    max-width: 42ch;
    margin-top: 20px;
    font-size: 1rem;
    line-height: 1.58;
  }

  .cinema-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    margin-top: 24px;
  }

  .cinema-button {
    width: 100%;
    justify-content: space-between;
    min-height: 56px;
  }

  .cinema-button-label {
    padding-left: 4px;
  }

  .cinema-button-icon {
    width: 44px;
    height: 44px;
  }

  .cinema-link {
    align-self: flex-start;
    min-height: 44px;
    padding-bottom: 6px;
  }

  .cinema-rail-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding-top: 13px;
    padding-bottom: 15px;
  }

  .cinema-divisions {
    width: 100%;
    gap: 8px 18px;
  }

  .cinema-rail-label {
    flex: 0 0 100%;
  }

  .cinema-scroll {
    display: none;
  }

  .cinema-photo {
    object-position: 56% center;
    filter: saturate(0.94) contrast(1.03) brightness(0.92);
  }

  .cinema-shade {
    background:
      linear-gradient(
        180deg,
        rgba(3, 15, 20, 0.38) 0%,
        rgba(3, 15, 20, 0.08) 26%,
        rgba(3, 15, 20, 0.32) 53%,
        rgba(3, 15, 20, 0.9) 100%
      ),
      linear-gradient(
        90deg,
        rgba(3, 15, 20, 0.58) 0%,
        rgba(3, 15, 20, 0.2) 52%,
        rgba(3, 15, 20, 0.04) 100%
      );
  }

  .cinema-shade--edge {
    background: radial-gradient(
      520px 320px at 0% 92%,
      rgba(8, 100, 136, 0.18),
      transparent 72%
    );
  }
}

@media (max-width: 380px) {
  .cinema-kicker {
    gap: 7px;
    font-size: 0.65rem;
    letter-spacing: 0.11em;
  }

  .cinema-signal {
    width: 28px;
  }

  .cinema-kicker-muted {
    display: none;
  }

  .cinema-kicker-divider {
    display: none;
  }

  .cinema-title {
    font-size: 1.85rem;
  }

  .cinema-lede {
    font-size: 0.94rem;
  }

  .cinema-divisions {
    gap: 7px 13px;
  }

  .cinema-division {
    font-size: 0.77rem;
  }

  .cinema-rail-inner {
    padding-top: 11px;
    padding-bottom: 13px;
  }
}

.home-v3 .cinema-button:focus-visible,
.home-v3 .cinema-link:focus-visible,
.home-v3 .cinema-division:focus-visible,
.home-v3 .cinema-scroll:focus-visible {
  outline: 2px solid #8ce5fb;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .cinema-photo {
    filter: saturate(0.92) contrast(1.04) brightness(0.96);
    transform: none !important;
  }

  .cinema-button,
  .cinema-button::before,
  .cinema-button-icon,
  .cinema-button-icon svg,
  .cinema-link,
  .cinema-link svg,
  .cinema-division,
  .cinema-scroll,
  .cinema-scroll svg {
    transition: none;
  }
}

/* ==== home-services-gallery.css ==== */
.sg-section {
  --sg-paper: var(--surface-white, #ffffff);
  --sg-surface: var(--surface-soft, #f3f5f6);
  --sg-ink: #10262d;
  --sg-body: #455b62;
  --sg-muted: #5b6d71;
  --sg-line: var(--line-cool-soft, #e8eef0);
  --sg-line-strong: var(--line-cool, #d8e2e5);
  --sg-blue: #0a6e9e;
  --sg-blue-bright: #1c9dd3;
  background: var(--sg-paper);
  color: var(--sg-ink);
  padding: clamp(4.5rem, 7.5vw, 7.5rem) 0 clamp(4rem, 6.5vw, 6.5rem);
}

.sg-section .sg-heading,
.sg-section .sg-service-name,
.sg-section .sg-eyebrow,
.sg-section .sg-service-cta,
.sg-section .sg-view-all {
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
}

.sg-section .sg-heading {
  max-width: 820px;
  margin: 0;
  color: var(--sg-ink);
  font-size: clamp(3rem, 5.2vw, 4.8rem);
  font-weight: 600;
  line-height: 0.99;
  letter-spacing: -0.052em;
  text-wrap: balance;
}

.sg-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  color: var(--sg-blue);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sg-eyebrow-line {
  display: block;
  width: 30px;
  height: 1px;
  background: currentColor;
}

.sg-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: end;
  padding-bottom: clamp(2.75rem, 4.5vw, 4.5rem);
  border-bottom: 1px solid var(--sg-line);
}

.sg-intro-aside {
  max-width: 430px;
  justify-self: end;
  padding-top: 20px;
  border-top: 1px solid var(--sg-line-strong);
}

.sg-intro-aside p {
  max-width: 39ch;
  margin: 0;
  color: var(--sg-body);
  font-size: clamp(1rem, 1.18vw, 1.15rem);
  line-height: 1.65;
  text-wrap: pretty;
}

.sg-view-all {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--sg-line-strong);
  color: var(--sg-blue);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition:
    color 180ms ease,
    border-color 180ms ease;
}

.sg-view-all svg {
  transition: transform 180ms ease;
}

.sg-view-all:hover {
  color: var(--sg-ink);
  border-color: var(--sg-ink);
}

.sg-view-all:hover svg {
  transform: translateX(3px);
}

.sg-section a:focus-visible {
  outline: 2px solid var(--sg-blue);
  outline-offset: 4px;
}

.sg-gallery {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(2.5rem, 4.5vw, 4.5rem);
  align-items: stretch;
  padding-top: clamp(2.5rem, 4vw, 4rem);
}

.sg-destinations {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-bottom: 1px solid var(--sg-line);
}

.sg-service {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 302px;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  border-top: 1px solid var(--sg-line);
}

.sg-service:first-child {
  border-top: 0;
}

.sg-service::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--sg-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 380ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sg-service.is-active::after {
  transform: scaleX(1);
}

.sg-service-node {
  position: absolute;
  top: -4px;
  left: 0;
  width: 8px;
  height: 8px;
  border: 1px solid var(--sg-line-strong);
  background: var(--sg-paper);
  opacity: 0.8;
  transform: rotate(45deg);
  transition:
    background-color 300ms ease,
    border-color 300ms ease,
    opacity 300ms ease;
}

.sg-service.is-active .sg-service-node {
  border-color: var(--sg-blue);
  background: var(--sg-blue);
  opacity: 1;
}

.sg-service-name {
  max-width: 100%;
  margin: 0;
  color: var(--sg-ink);
  font-size: clamp(2.4rem, 3vw, 2.8rem);
  font-weight: 600;
  line-height: 1.01;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.sg-service-name a {
  color: inherit;
  text-decoration: none;
  transition: color 180ms ease;
}

.sg-service-name a:hover {
  color: var(--sg-blue);
}

.sg-service-copy {
  max-width: 43ch;
  margin: 18px 0 0;
  color: var(--sg-body);
  font-size: 1.0625rem;
  line-height: 1.66;
  text-wrap: pretty;
}

.sg-service-cta {
  display: inline-flex;
  width: fit-content;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--sg-line-strong);
  color: var(--sg-ink);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition:
    color 180ms ease,
    border-color 180ms ease;
}

.sg-service-cta svg {
  transition: transform 180ms ease;
}

.sg-service.is-active .sg-service-cta {
  color: var(--sg-blue);
}

.sg-service:hover .sg-service-cta,
.sg-service-cta:hover {
  color: var(--sg-blue);
  border-color: var(--sg-blue);
}

.sg-service:hover .sg-service-cta svg,
.sg-service-cta:hover svg {
  transform: translateX(3px);
}

.sg-mobile-media {
  display: none;
}

.sg-stage {
  display: flex;
  min-width: 0;
  flex-direction: column;
  margin: 0;
}

.sg-stage-frame {
  position: relative;
  flex: 1;
  min-height: clamp(580px, 44vw, 700px);
  overflow: hidden;
  background: #d9ded8;
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 30px),
    calc(100% - 30px) 100%,
    0 100%
  );
  box-shadow: inset 0 0 0 1px rgba(16, 38, 45, 0.16);
}

.sg-stage-image {
  position: absolute;
  inset: 0;
  z-index: 1;
  clip-path: inset(0 0 0 100%);
  transition: clip-path 0ms linear 560ms;
  will-change: clip-path;
}

.sg-stage-image.is-active {
  z-index: 2;
  clip-path: inset(0 0 0 0);
  transition: clip-path 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sg-stage-image img {
  object-fit: var(--nola-sg-fit, cover);
}

.sg-mobile-frame img {
  object-fit: var(--nola-sg-fit, cover);
}

.sg-stage-corner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 54px;
  height: 1px;
  background: var(--sg-blue-bright);
  pointer-events: none;
}

.sg-stage-corner::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  width: 5px;
  height: 5px;
  border: 1px solid var(--sg-blue-bright);
  background: var(--sg-ink);
  transform: translateY(-50%) rotate(45deg);
}

.sg-stage-caption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding-top: 12px;
  color: var(--sg-muted);
  font-size: 0.72rem;
  line-height: 1.4;
}

.sg-stage-current {
  color: var(--sg-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-weight: 500;
}

.sg-image-caption {
  margin: 10px 0 0;
  color: var(--sg-muted);
  font-size: 0.72rem;
  line-height: 1.4;
}

@media (max-width: 980px) {
  .sg-section {
    padding-top: clamp(4rem, 8vw, 6rem);
  }

  .sg-intro {
    display: block;
    padding-bottom: 2.75rem;
  }

  .sg-section .sg-heading {
    max-width: 760px;
    font-size: clamp(2.8rem, 6.4vw, 4rem);
  }

  .sg-intro-aside {
    max-width: 520px;
    margin-top: 28px;
    padding: 0 0 0 20px;
    border-top: 0;
    border-left: 1px solid var(--sg-line-strong);
    justify-self: start;
  }

  .sg-intro-aside p {
    max-width: 46ch;
  }

  .sg-gallery {
    display: block;
    padding-top: 0;
  }

  .sg-destinations {
    display: block;
    border-bottom: 0;
  }

  .sg-service {
    display: block;
    min-height: 0;
    padding: 2.5rem 0 3rem;
    border-top: 1px solid var(--sg-line);
  }

  .sg-service:first-child {
    border-top: 0;
  }

  .sg-service + .sg-service {
    border-top: 1px solid var(--sg-line);
  }

  .sg-service:last-child {
    border-bottom: 1px solid var(--sg-line);
  }

  .sg-service::after,
  .sg-service-node {
    display: none;
  }

  .sg-mobile-media {
    display: block;
    margin-bottom: 24px;
  }

  .sg-mobile-frame {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--sg-surface);
  }

  .sg-mobile-frame img {
    object-fit: var(--nola-sg-fit, cover);
  }

  .sg-service-name {
    max-width: 100%;
    font-size: clamp(2.05rem, 4.6vw, 2.5rem);
  }

  .sg-service-copy {
    max-width: 56ch;
    margin-top: 14px;
    font-size: 1.0625rem;
    line-height: 1.65;
  }

  .sg-service-cta {
    margin-top: 18px;
  }

  .sg-stage {
    display: none;
  }

  .sg-image-caption {
    margin-top: 9px;
  }
}

@media (max-width: 640px) {
  .sg-section {
    padding-top: 3.5rem;
    padding-bottom: 4rem;
  }

  .sg-eyebrow {
    margin-bottom: 18px;
  }

  .sg-section .sg-heading {
    max-width: 100%;
    font-size: clamp(2.35rem, 8.8vw, 3.4rem);
    line-height: 1;
  }

  .sg-intro {
    padding-bottom: 2.25rem;
  }

  .sg-intro-aside {
    margin-top: 22px;
  }

  .sg-intro-aside p {
    font-size: 1rem;
    line-height: 1.6;
  }

  .sg-service {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
  }

  .sg-service + .sg-service {
    padding-top: 2.25rem;
  }

  .sg-mobile-media {
    margin-bottom: 21px;
  }

  .sg-mobile-frame {
    aspect-ratio: 4 / 3;
  }

  .sg-service-name {
    font-size: clamp(1.9rem, 7.4vw, 2.35rem);
    line-height: 1.03;
  }

  .sg-service-copy {
    margin-top: 12px;
    font-size: 1rem;
    line-height: 1.62;
  }

  .sg-service-cta {
    margin-top: 16px;
    min-height: 44px;
  }

  .sg-image-caption {
    font-size: 0.69rem;
  }
}

@media (max-width: 380px) {
  .sg-section .sg-heading {
    font-size: 2.2rem;
  }

  .sg-service-name {
    font-size: 1.9rem;
  }

  .sg-service-copy {
    font-size: 1rem;
  }

  .sg-intro-aside {
    padding-left: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sg-stage-image,
  .sg-stage-image.is-active {
    transition: none;
  }

  .sg-view-all,
  .sg-view-all svg,
  .sg-service-name a,
  .sg-service-cta,
  .sg-service-cta svg {
    transition: none;
  }
}

/* ==== home-about-reference.css ==== */
.about-ref {
  --ar-paper: var(--surface-soft, #f3f5f6);
  --ar-ink: #12262d;
  --ar-body: #455b62;
  --ar-muted: #5b6d71;
  --ar-line: var(--line-cool-soft, #e8eef0);
  --ar-line-strong: var(--line-cool, #d8e2e5);
  --ar-blue: #0a6e9e;
  --ar-blue-deep: #075578;
  position: relative;
  overflow: hidden;
  background: var(--ar-paper);
  color: var(--ar-ink);
  padding-top: clamp(2rem, 2.5vw, 2.5rem);
  padding-bottom: clamp(2rem, 9vw, 2.75rem);
}

.about-ref-inner {
  display: grid;
  grid-template-areas:
    "intro media"
    "details media";
  grid-template-columns: 560px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 48px;
  row-gap: clamp(1.75rem, 2.5vw, 2.5rem);
  align-items: start;
  padding-left: max(var(--gutter), calc((100vw - var(--container)) / 2));
}

.about-ref-intro {
  grid-area: intro;
  min-width: 0;
  padding-top: clamp(1.5rem, 2.4vw, 2.25rem);
}

.about-ref-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 clamp(0.75rem, 0.95vw, 0.95rem);
  color: var(--ar-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.145em;
  text-transform: uppercase;
}

.about-ref-eyebrow-line {
  display: block;
  width: 32px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
}

.about-ref-headline {
  max-width: 600px;
  margin: 0;
  color: var(--ar-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.25rem, 4.9vw, 4.75rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.058em;
  text-wrap: balance;
}

.about-ref-headline-line {
  display: block;
}

.about-ref-headline-blue {
  color: var(--ar-blue);
}

.about-ref-copy {
  max-width: 560px;
  margin: clamp(2rem, 3.3vw, 3.25rem) 0 0;
  color: var(--ar-body);
  font-size: clamp(1.0625rem, 1.25vw, 1.25rem);
  line-height: 1.64;
  text-wrap: pretty;
}

.about-ref-media {
  position: relative;
  grid-area: media;
  min-width: 0;
  min-height: clamp(660px, 47vw, 740px);
  height: 100%;
  margin: 0;
  background: var(--ar-line);
  overflow: hidden;
}

.about-ref-frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: var(--ar-line);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%, 0 93%);
}

.about-ref-image-mask {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.about-ref-image {
  object-fit: cover;
  filter: saturate(0.94) contrast(1.03) brightness(0.97);
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.about-ref-media:hover .about-ref-image {
  transform: scale(1.012);
}

.about-ref-corner {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  color: var(--ar-blue);
  pointer-events: none;
}

.about-ref-details {
  grid-area: details;
  min-width: 0;
  align-self: end;
  padding-bottom: clamp(2.5rem, 3.5vw, 3.5rem);
}

.about-ref-services {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 560px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-ref-service {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 28px;
  align-items: start;
  min-width: 0;
}

.about-ref-service:first-child {
  padding-right: 8px;
}

.about-ref-service + .about-ref-service {
  padding-left: 38px;
  border-left: 1px solid var(--ar-line-strong);
}

.about-ref-service-icon {
  display: block;
  width: 38px;
  height: 38px;
  margin-top: 0;
  color: var(--ar-blue);
}

.about-ref-service-icon svg {
  width: 100%;
  height: 100%;
}

.about-ref-service-copy {
  min-width: 0;
}

.about-ref-service h3 {
  margin: 0 0 7px;
  color: var(--ar-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1rem, 1.25vw, 1.1rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.about-ref-service p {
  max-width: 31ch;
  margin: 0;
  color: var(--ar-muted);
  font-size: clamp(0.86rem, 0.98vw, 0.93rem);
  line-height: 1.48;
}

.about-ref-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin-top: clamp(2rem, 2.8vw, 2.65rem);
}

.about-ref-cta {
  display: inline-flex;
  min-width: 278px;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: 0 24px;
  background: var(--ar-blue);
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.about-ref-cta svg {
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

.about-ref-cta:hover {
  background: var(--ar-blue-deep);
}

.about-ref-cta:hover svg {
  transform: translateX(3px);
}

.about-ref-cta:focus-visible {
  outline: 2px solid var(--ar-ink);
  outline-offset: 4px;
}

.about-ref-aside {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--ar-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6rem;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.about-ref-aside-line {
  display: block;
  width: 44px;
  height: 1px;
  flex: 0 0 auto;
  background: var(--ar-line-strong);
}

@media (max-width: 1180px) {
  .about-ref {
    padding-top: 0;
  }

  .about-ref-inner {
    grid-template-areas:
      "intro"
      "media"
      "details";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    row-gap: 0;
    padding-inline: var(--gutter);
  }

  .about-ref-intro {
    padding-top: clamp(3.5rem, 6vw, 4.5rem);
  }

  .about-ref-media {
    min-height: clamp(260px, 52vw, 540px);
    margin-top: clamp(2rem, 4vw, 3rem);
  }

  .about-ref-details {
    padding-top: clamp(2.25rem, 4vw, 3rem);
    padding-bottom: clamp(3rem, 5vw, 4rem);
  }

  .about-ref-services {
    max-width: none;
  }

  .about-ref-aside {
    display: none;
  }

  .about-ref-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .about-ref-intro {
    padding-top: 3.5rem;
  }

  .about-ref-headline {
    font-size: clamp(2.15rem, 9.2vw, 3.2rem);
    line-height: 0.97;
    text-wrap: pretty;
  }

  .about-ref-headline-line {
    display: inline;
  }

  .about-ref-headline-blue {
    white-space: nowrap;
  }

  .about-ref-copy {
    margin-top: 1.4rem;
    font-size: 1.04rem;
    line-height: 1.62;
  }

  .about-ref-media {
    min-height: clamp(260px, 68vw, 360px);
    margin-top: 1.75rem;
  }

  .about-ref-details {
    padding-top: 2rem;
    padding-bottom: 3.25rem;
  }

  .about-ref-services {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-ref-service {
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 12px;
    padding: 0 0 1.25rem;
  }

  .about-ref-service:first-child {
    padding-right: 0;
  }

  .about-ref-service + .about-ref-service {
    padding-top: 1.25rem;
    padding-left: 0;
    border-top: 1px solid var(--ar-line-strong);
    border-left: 0;
  }

  .about-ref-service h3 {
    font-size: 1rem;
  }

  .about-ref-service p {
    max-width: none;
    font-size: 0.92rem;
    line-height: 1.5;
  }

  .about-ref-actions {
    display: block;
    margin-top: 2rem;
  }

  .about-ref-cta {
    width: 100%;
    min-height: 58px;
  }
}

@media (max-width: 380px) {
  .about-ref-headline {
    font-size: 2.05rem;
  }

  .about-ref-copy {
    font-size: 1rem;
  }

  .about-ref-media {
    min-height: 250px;
  }
}

@media (min-width: 700px) {
  .about-ref {
    padding-bottom: clamp(3rem, 7vw, 3.5rem);
  }
}

@media (min-width: 980px) {
  .about-ref {
    padding-bottom: clamp(4rem, 5vw, 4.5rem);
  }
}

@media (min-width: 1440px) {
  .about-ref {
    padding-bottom: 5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-ref-image,
  .about-ref-cta,
  .about-ref-cta svg {
    transition: none;
  }
}

/* ==== home-planning-premium.css ==== */
.planning-premium {
  --pp-ink: #f2f6f6;
  --pp-body: #c1d0d3;
  --pp-muted: #a8bcc1;
  --pp-blue: #0a6e9e;
  --pp-blue-bright: #54bfe2;
  --pp-line: rgba(224, 239, 241, 0.24);
  position: relative;
  isolation: isolate;
  display: flex;
  width: 100%;
  min-height: clamp(760px, 54vw, 840px);
  overflow: hidden;
  background: #06151b;
  color: var(--pp-ink);
}

.planning-premium-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background: #06151b;
}

.planning-premium-media img {
  object-fit: cover;
  filter: saturate(0.46) contrast(1.05) brightness(0.87);
}

.planning-premium-media::after {
  position: absolute;
  inset: 0;
  background: #0b3344;
  mix-blend-mode: color;
  opacity: 0.4;
  content: "";
}

.planning-premium-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      90deg,
      rgba(3, 14, 19, 0.98) 0%,
      rgba(3, 14, 19, 0.95) 23%,
      rgba(3, 14, 19, 0.8) 40%,
      rgba(3, 14, 19, 0.48) 61%,
      rgba(3, 14, 19, 0.17) 82%,
      rgba(3, 14, 19, 0.07) 100%
    ),
    linear-gradient(
      180deg,
      rgba(3, 14, 19, 0.34) 0%,
      rgba(3, 14, 19, 0.04) 24%,
      rgba(3, 14, 19, 0.13) 52%,
      rgba(3, 14, 19, 0.9) 100%
    );
  pointer-events: none;
}

.planning-premium-accent {
  position: absolute;
  bottom: 11%;
  left: -8%;
  z-index: 0;
  width: 34%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(28, 157, 211, 0.12) 18%,
    rgba(84, 191, 226, 0.7) 52%,
    rgba(28, 157, 211, 0.08) 100%
  );
  transform: rotate(-17deg);
  transform-origin: left center;
  pointer-events: none;
}

.planning-premium-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: clamp(5.5rem, 7.9vw, 7.8rem);
  padding-bottom: clamp(2.5rem, 3.5vw, 3.25rem);
}

.planning-premium-copy {
  max-width: 720px;
}

.planning-premium-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 clamp(1.85rem, 2.45vw, 2.4rem);
  color: #6bcbe5;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.planning-premium-eyebrow-line {
  display: block;
  width: 34px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
}

.planning-premium .planning-premium-heading {
  max-width: 720px;
  margin: 0;
  color: var(--pp-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.35rem, 4.8vw, 4.4rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.planning-premium-heading-line {
  display: block;
}

.planning-premium-copy-text {
  max-width: 500px;
  margin: clamp(1.75rem, 2.65vw, 2.35rem) 0 0;
  color: var(--pp-body);
  font-size: clamp(1.125rem, 1.15vw, 1.2rem);
  line-height: 1.65;
  text-wrap: pretty;
}

.planning-premium-cta {
  display: inline-flex;
  min-width: 282px;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: clamp(2.15rem, 2.9vw, 2.7rem);
  padding: 0 22px;
  border: 1px solid rgba(106, 201, 229, 0.42);
  background: var(--pp-blue);
  box-shadow: 0 10px 28px rgba(1, 15, 23, 0.24);
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color 180ms ease,
    border-color 180ms ease;
}

.planning-premium-cta svg {
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

.planning-premium-cta:hover {
  border-color: rgba(139, 218, 239, 0.7);
  background: #07577c;
}

.planning-premium-cta:hover svg {
  transform: translateX(3px);
}

.planning-premium .planning-premium-cta:focus-visible {
  outline: 2px solid #9be3f5;
  outline-offset: 4px;
}

.planning-premium-topics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.5rem, 2.5vw, 2.5rem);
  margin: clamp(3.25rem, 7vh, 5.5rem) 0 0;
  padding: 0;
  list-style: none;
}

.planning-premium-topic {
  display: grid;
  grid-template-columns: auto 1px 54px minmax(0, 1fr);
  column-gap: clamp(0.75rem, 1.15vw, 1.1rem);
  align-items: center;
  min-width: 0;
  padding-block: 0.7rem;
}

.planning-premium-topic + .planning-premium-topic {
  padding-left: clamp(1.25rem, 2.2vw, 2.25rem);
  border-left: 1px solid var(--pp-line);
}

.planning-premium-topic-number {
  color: var(--pp-blue-bright);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.25rem, 2.9vw, 2.75rem);
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: -0.04em;
}

.planning-premium-topic-rule {
  display: block;
  width: 1px;
  height: 64px;
  background: rgba(232, 245, 247, 0.28);
}

.planning-premium-topic-icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(232, 245, 247, 0.62);
  border-radius: 50%;
  color: #e9f4f5;
  transition:
    border-color 180ms ease,
    color 180ms ease;
}

.planning-premium-topic-icon svg {
  width: 25px;
  height: 25px;
}

.planning-premium-topic:hover .planning-premium-topic-icon {
  border-color: #8bdcef;
  color: #b7edf8;
}

.planning-premium-topic-copy {
  min-width: 0;
}

.planning-premium-topic h3 {
  margin: 0 0 7px;
  color: var(--pp-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.15rem, 1.35vw, 1.35rem);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

.planning-premium-topic p {
  max-width: 27ch;
  margin: 0;
  color: var(--pp-muted);
  font-size: 1rem;
  line-height: 1.5;
  text-wrap: pretty;
}

@media (max-width: 1080px) {
  .planning-premium {
    min-height: 0;
  }

  .planning-premium-inner {
    padding-top: clamp(4.5rem, 8vw, 6rem);
    padding-bottom: clamp(3rem, 5vw, 4rem);
  }

  .planning-premium-topics {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    max-width: 720px;
    margin-top: clamp(3rem, 6vw, 4.5rem);
  }

  .planning-premium-topic {
    grid-template-columns: auto 1px 54px minmax(0, 1fr);
    padding: 1.35rem 0;
  }

  .planning-premium-topic:first-child {
    border-top: 1px solid var(--pp-line);
  }

  .planning-premium-topic + .planning-premium-topic {
    padding-left: 0;
    border-top: 1px solid var(--pp-line);
    border-left: 0;
  }

  .planning-premium-topic-rule {
    height: 54px;
  }

  .planning-premium-topic p {
    max-width: 42ch;
  }
}

@media (max-width: 640px) {
  .planning-premium-shade {
    background:
      linear-gradient(
        90deg,
        rgba(3, 14, 19, 0.97) 0%,
        rgba(3, 14, 19, 0.9) 56%,
        rgba(3, 14, 19, 0.72) 100%
      ),
      linear-gradient(
        180deg,
        rgba(3, 14, 19, 0.82) 0%,
        rgba(3, 14, 19, 0.72) 34%,
        rgba(3, 14, 19, 0.94) 100%
      );
  }

  .planning-premium-accent {
    bottom: 6%;
    left: -18%;
    width: 58%;
    opacity: 0.65;
  }

  .planning-premium-inner {
    padding-top: 3.75rem;
    padding-bottom: 3.25rem;
  }

  .planning-premium-eyebrow {
    margin-bottom: 1.5rem;
  }

  .planning-premium .planning-premium-heading {
    font-size: clamp(2.3rem, 8.6vw, 3.2rem);
    line-height: 0.97;
    text-wrap: pretty;
  }

  .planning-premium-heading-line {
    display: inline;
  }

  .planning-premium-copy-text {
    margin-top: 1.4rem;
    font-size: 1.04rem;
    line-height: 1.6;
  }

  .planning-premium-cta {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    margin-top: 1.75rem;
  }

  .planning-premium-topics {
    max-width: none;
    margin-top: 2.5rem;
  }

  .planning-premium-topic {
    grid-template-columns: auto 1px 48px minmax(0, 1fr);
    column-gap: 12px;
    padding: 1.15rem 0;
  }

  .planning-premium-topic-number {
    font-size: 2rem;
  }

  .planning-premium-topic-rule {
    height: 48px;
  }

  .planning-premium-topic-icon {
    width: 48px;
    height: 48px;
  }

  .planning-premium-topic-icon svg {
    width: 22px;
    height: 22px;
  }

  .planning-premium-topic h3 {
    margin-bottom: 5px;
    font-size: 1.08rem;
  }

  .planning-premium-topic p {
    max-width: none;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (max-width: 380px) {
  .planning-premium .planning-premium-heading {
    font-size: 2.1rem;
  }

  .planning-premium-copy-text {
    font-size: 1rem;
  }

  .planning-premium-topic {
    grid-template-columns: 34px 1px 44px minmax(0, 1fr);
    column-gap: 10px;
  }

  .planning-premium-topic-number {
    font-size: 1.75rem;
  }

  .planning-premium-topic-icon {
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .planning-premium-cta,
  .planning-premium-cta svg,
  .planning-premium-topic-icon {
    transition: none;
  }
}

/* ==== home-insights-editorial.css ==== */
.insights-editorial {
  --hi-ink: var(--home-ink, #12262d);
  --hi-body: var(--home-body, #3d535b);
  --hi-muted: #5a6a6e;
  --hi-blue: var(--home-blue, #0a6e9e);
  --hi-blue-deep: var(--home-blue-deep, #075578);
  --hi-paper: var(--surface-white, #ffffff);
  --hi-line: rgba(18, 38, 45, 0.17);
  --hi-bleed: min(
    calc(
      var(--gutter, 2.5rem) +
        max(0px, (100vw - (2 * var(--gutter, 2.5rem)) - var(--container, 1280px)) / 2)
    ),
    140px
  );
  position: relative;
  scroll-margin-top: 16px;
  padding: clamp(4.75rem, 7vw, 6.5rem) 0;
  overflow: clip;
  background: var(--hi-paper);
  color: var(--hi-body);
}

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

.insights-editorial-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(400px, 0.95fr);
  gap: clamp(2.25rem, 3.8vw, 3.75rem);
  align-items: stretch;
}

.insights-editorial-lead {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.insights-editorial-intro {
  padding-right: clamp(0px, 1.5vw, 24px);
}

.insights-editorial-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  color: var(--hi-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.insights-editorial-eyebrow-line {
  display: block;
  flex: 0 0 auto;
  width: 28px;
  height: 1.5px;
  background: currentColor;
}

.insights-editorial-title {
  margin: 0;
  color: var(--hi-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.4rem, 4.9vw, 4.75rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.055em;
  text-wrap: initial;
}

.insights-editorial-title-line {
  display: block;
}

.insights-editorial-title-accent {
  color: var(--hi-blue);
}

.insights-editorial-intro-copy {
  max-width: 50ch;
  margin: 26px 0 22px;
  color: var(--hi-body);
  font-size: clamp(1.125rem, 1.3vw, 1.1875rem);
  line-height: 1.55;
}

.insights-editorial-all {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 0 0 2px;
  border-bottom: 1px solid rgba(10, 110, 158, 0.5);
  color: var(--hi-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  transition:
    color 160ms ease,
    border-color 160ms ease;
}

.insights-editorial-all svg {
  transition: transform 180ms ease;
}

.insights-editorial-all:hover {
  border-color: var(--hi-blue-deep);
  color: var(--hi-blue-deep);
}

.insights-editorial-all:hover svg {
  transform: translateX(4px);
}

.insights-feature {
  min-width: 0;
  margin: 34px 0 0;
}

.insights-feature-visual {
  position: relative;
  aspect-ratio: 1.75;
  margin-left: calc(var(--hi-bleed) * -1);
  overflow: hidden;
  clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 100%);
  background: #0b2029;
}

.insights-feature-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.insights-feature-image {
  object-fit: cover;
  filter: saturate(0.9) contrast(1.02) brightness(1.24);
  transition:
    transform 750ms cubic-bezier(0.2, 0.65, 0.25, 1),
    filter 400ms ease;
}

.insights-feature:hover .insights-feature-image,
.insights-feature:focus-within .insights-feature-image {
  transform: scale(1.018);
  filter: saturate(0.98) contrast(1.03) brightness(1.27);
}

.insights-feature-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(7, 22, 29, 0.03) 0%,
      rgba(7, 22, 29, 0.04) 34%,
      rgba(7, 22, 29, 0.34) 59%,
      rgba(7, 22, 29, 0.9) 100%
    ),
    linear-gradient(
      90deg,
      rgba(7, 22, 29, 0.26) 0%,
      rgba(7, 22, 29, 0.05) 56%,
      rgba(7, 22, 29, 0) 78%
    );
}

.insights-feature-media::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 38px;
  height: 38px;
  background: var(--hi-blue);
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  pointer-events: none;
}

.insights-feature-copy {
  position: absolute;
  z-index: 4;
  right: clamp(28px, 3vw, 36px);
  bottom: 0;
  left: calc(var(--hi-bleed) + 0px);
  padding: 0 0 clamp(24px, 2.8vw, 32px);
  color: #f7fbfa;
}

.insights-feature-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: #bce7f2;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.insights-meta-divider {
  color: currentColor;
  opacity: 0.55;
}

.insights-editorial .insights-feature-title {
  max-width: 92%;
  margin: 0 0 10px;
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.65rem, 2.15vw, 1.95rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.insights-editorial .insights-feature-title a {
  display: inline-block;
  color: inherit;
  transition: color 160ms ease;
}

.insights-feature-title a:hover {
  color: #bce7f2;
}

.insights-feature-excerpt {
  display: -webkit-box;
  max-width: 59ch;
  margin: 0 0 12px;
  overflow: hidden;
  color: #d2e0e2;
  font-size: 0.9375rem;
  line-height: 1.52;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.insights-feature-read {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(188, 231, 242, 0.62);
  color: #e2f8fd;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  transition:
    color 160ms ease,
    border-color 160ms ease;
}

.insights-feature-read svg {
  transition: transform 180ms ease;
}

.insights-feature-read:hover {
  border-color: #ffffff;
  color: #ffffff;
}

.insights-feature-read:hover svg {
  transform: translateX(4px);
}

.insights-feature-title a:focus-visible,
.insights-feature-read:focus-visible {
  outline-color: #9be3f5;
}

.insights-rail {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.insights-rail-head {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 1px 0 18px;
}

.insights-rail-title {
  flex: 0 0 auto;
  margin: 0;
  color: var(--hi-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.insights-rail-rule {
  flex: 1 1 auto;
  height: 1px;
  background: var(--hi-line);
}

.insights-rows {
  border-top: 1px solid var(--hi-line);
}

.insights-row {
  margin: 0;
}

.insights-row-link {
  display: grid;
  grid-template-columns: clamp(120px, 11vw, 158px) minmax(0, 1fr) 20px;
  gap: clamp(14px, 1.5vw, 22px);
  align-items: start;
  padding: clamp(16px, 1.8vw, 20px) 0;
  border-bottom: 1px solid var(--hi-line);
  color: var(--hi-ink);
}

.insights-row-link:focus-visible,
.insights-panel:focus-visible,
.insights-feature-title a:focus-visible,
.insights-feature-read:focus-visible {
  outline: 2px solid var(--hi-blue);
  outline-offset: 4px;
}

.insights-panel:focus-visible {
  outline-color: #9be3f5;
}

.insights-row-thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1.2;
  overflow: hidden;
  border-radius: 2px;
  background: #d5ddda;
}

.insights-row-thumb img {
  object-fit: cover;
  filter: saturate(0.9);
  transition:
    transform 450ms cubic-bezier(0.2, 0.65, 0.25, 1),
    filter 300ms ease;
}

.insights-row-link:hover .insights-row-thumb img,
.insights-row-link:focus-visible .insights-row-thumb img {
  transform: scale(1.025);
  filter: saturate(1.02);
}

.insights-row-copy {
  min-width: 0;
}

.insights-row-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  color: var(--hi-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.insights-row-meta > span:first-child {
  color: var(--hi-blue);
}

.insights-row-title {
  margin: 6px 0 5px;
  color: var(--hi-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.25rem, 1.5vw, 1.375rem);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -0.022em;
  transition: color 160ms ease;
}

.insights-row-excerpt {
  display: -webkit-box;
  max-width: 56ch;
  overflow: hidden;
  color: var(--hi-muted);
  font-size: 0.9375rem;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.insights-row-arrow {
  justify-self: end;
  margin-top: 2px;
  color: var(--hi-blue);
  transition: transform 180ms ease;
}

.insights-row-link:hover .insights-row-title,
.insights-row-link:focus-visible .insights-row-title {
  color: var(--hi-blue);
}

.insights-row-link:hover .insights-row-arrow,
.insights-row-link:focus-visible .insights-row-arrow {
  transform: translateX(3px);
}

.insights-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 188px;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  overflow: hidden;
  padding: 26px clamp(24px, 2.5vw, 30px) 24px;
  border-top: 2px solid var(--hi-blue);
  background-color: var(--home-graphite, #122a32);
  background-image:
    linear-gradient(
      135deg,
      transparent 0 78%,
      rgba(0, 168, 216, 0.1) 78% 78.2%,
      transparent 78.2%
    ),
    linear-gradient(
      135deg,
      transparent 0 85%,
      rgba(255, 255, 255, 0.05) 85% 85.15%,
      transparent 85.15%
    );
  color: #ffffff;
  transition: background-color 180ms ease;
}

.insights-panel::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 1px;
  background: rgba(155, 227, 245, 0.55);
}

.insights-panel:hover {
  background-color: #17343e;
}

.insights-panel-eyebrow {
  color: #8bdaef;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.insights-panel-title {
  display: block;
  max-width: 20ch;
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.45rem, 1.8vw, 1.7rem);
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.025em;
}

.insights-panel-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: #d4e4e7;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.02em;
}

.insights-panel-action svg {
  flex: 0 0 auto;
  color: #9be3f5;
  transition: transform 180ms ease;
}

.insights-panel:hover .insights-panel-action svg {
  transform: translateX(4px);
}

.insights-panel:focus-visible .insights-panel-action svg,
.insights-editorial-all:focus-visible svg,
.insights-feature-read:focus-visible svg,
.insights-row-link:focus-visible .insights-row-arrow {
  transform: translateX(4px);
}

@media (max-width: 1100px) {
  .insights-editorial-grid {
    grid-template-columns: 1fr;
    gap: 3.5rem;
  }

  .insights-editorial-intro {
    max-width: 780px;
    padding-right: 0;
  }

  .insights-editorial-title {
    font-size: clamp(3.1rem, 5.2vw, 4rem);
  }

  .insights-feature-visual {
    aspect-ratio: 1.9;
    margin-left: calc(var(--gutter) * -1);
    margin-right: calc(var(--gutter) * -1);
  }

  .insights-feature-copy {
    left: var(--gutter);
  }

  .insights-rail {
    height: auto;
  }

  .insights-panel {
    margin-top: 34px;
  }
}

@media (min-width: 1101px) and (max-width: 1400px) {
  .insights-feature-visual {
    aspect-ratio: 1.6;
  }
}

@media (max-width: 640px) {
  .insights-editorial {
    padding: clamp(4rem, 12vw, 4.75rem) 0;
  }

  .insights-editorial-grid {
    gap: 2.8rem;
  }

  .insights-editorial-eyebrow {
    margin-bottom: 18px;
  }

  .insights-editorial-title {
    font-size: clamp(2.125rem, 9vw, 2.65rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
  }

  .insights-editorial-intro-copy {
    margin: 20px 0 16px;
    font-size: 1.0625rem;
    line-height: 1.55;
  }

  .insights-feature {
    margin-top: 28px;
  }

  .insights-feature-visual {
    aspect-ratio: auto;
    margin-left: calc(var(--gutter) * -1);
    margin-right: calc(var(--gutter) * -1);
    overflow: visible;
    clip-path: none;
    background: transparent;
  }

  .insights-feature-media {
    position: relative;
    aspect-ratio: 1.45;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 3.5%, 100% 100%, 0 100%);
  }

  .insights-feature-shade {
    display: none;
  }

  .insights-feature-copy {
    position: static;
    padding: 22px var(--gutter) 0;
    color: var(--hi-ink);
  }

  .insights-feature-meta {
    margin-bottom: 8px;
    color: var(--hi-blue);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
  }

  .insights-editorial .insights-feature-title {
    max-width: none;
    margin-bottom: 8px;
    color: var(--hi-ink);
    font-size: clamp(1.5rem, 6vw, 1.78rem);
    line-height: 1.08;
  }

  .insights-feature-title a:hover {
    color: var(--hi-blue);
  }

  .insights-feature-excerpt {
    margin-bottom: 8px;
    color: var(--hi-muted);
    font-size: 0.9375rem;
    -webkit-line-clamp: 3;
  }

  .insights-feature-read {
    border-color: rgba(10, 110, 158, 0.45);
    color: var(--hi-blue);
    font-size: 0.9375rem;
  }

  .insights-feature-read:hover {
    border-color: var(--hi-blue-deep);
    color: var(--hi-blue-deep);
  }

  .insights-feature-title a:focus-visible,
  .insights-feature-read:focus-visible {
    outline-color: var(--hi-blue);
  }

  .insights-rail-head {
    gap: 14px;
    margin-bottom: 14px;
  }

  .insights-row-link {
    grid-template-columns: clamp(86px, 24vw, 112px) minmax(0, 1fr) 18px;
    gap: 12px;
    padding: 17px 0;
  }

  .insights-row-meta {
    gap: 5px;
    font-size: 0.75rem;
    letter-spacing: 0.07em;
  }

  .insights-row-title {
    margin-top: 5px;
    font-size: 1.1875rem;
    line-height: 1.16;
  }

  .insights-row-excerpt {
    font-size: 0.9375rem;
    line-height: 1.45;
    -webkit-line-clamp: 3;
  }

  .insights-row-arrow {
    width: 18px;
    height: 18px;
  }

  .insights-panel {
    min-height: 176px;
    margin-top: 28px;
    padding: 24px 22px 20px;
  }

  .insights-panel-title {
    max-width: 22ch;
    font-size: clamp(1.4rem, 5.8vw, 1.6rem);
  }

  .insights-panel-action {
    padding-top: 12px;
    font-size: 0.8125rem;
  }
}

@media (max-width: 380px) {
  .insights-row-link {
    grid-template-columns: 82px minmax(0, 1fr) 16px;
    gap: 10px;
  }

  .insights-row-title {
    font-size: 1.125rem;
  }

  .insights-row-excerpt {
    font-size: 0.9375rem;
  }

  .insights-row-arrow {
    width: 16px;
    height: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .insights-feature-image,
  .insights-feature-read,
  .insights-feature-read svg,
  .insights-editorial-all,
  .insights-editorial-all svg,
  .insights-row-thumb img,
  .insights-row-title,
  .insights-row-arrow,
  .insights-panel,
  .insights-panel-action svg {
    transition: none;
  }

  .insights-feature:hover .insights-feature-image,
  .insights-feature:focus-within .insights-feature-image,
  .insights-row-link:hover .insights-row-thumb img,
  .insights-row-link:focus-visible .insights-row-thumb img {
    transform: none;
  }
}
.insights-editorial .insights-feature-title a:focus-visible,
.insights-editorial .insights-feature-read:focus-visible,
.insights-editorial .insights-panel:focus-visible {
  outline: 2px solid #9be3f5;
  outline-offset: 4px;
}

@media (max-width: 640px) {
  .insights-editorial .insights-feature-title a:focus-visible,
  .insights-editorial .insights-feature-read:focus-visible {
    outline-color: var(--hi-blue);
  }
}
/* ==== home-closing-cta-premium.css ==== */
.cta-premium {
  --cta-paper: var(--surface-white, #ffffff);
  --cta-ink: var(--home-ink, #12262d);
  --cta-body: var(--home-body, #3d535b);
  --cta-muted: #5d6d70;
  --cta-blue: var(--home-blue, #0a6e9e);
  --cta-blue-deep: var(--home-blue-deep, #075578);
  --cta-line: rgba(18, 38, 45, 0.18);
  --cta-bleed: calc(
    var(--gutter, 2.5rem) +
      max(
        0px,
        (100vw - (2 * var(--gutter, 2.5rem)) - var(--container, 1280px)) / 2
      )
  );
  position: relative;
  scroll-margin-top: 16px;
  overflow: clip;
  padding-bottom: clamp(4.5rem, 6.5vw, 6.25rem);
  background: var(--cta-paper);
  color: var(--cta-body);
}

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

.cta-premium-stage {
  display: grid;
  grid-template-columns: 48% 52%;
  align-items: stretch;
}

.cta-premium-copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(4.5rem, 7vw, 6.5rem) clamp(2rem, 4.2vw, 4.5rem) 0 0;
}

.cta-premium-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  color: var(--cta-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.cta-premium-eyebrow-line {
  display: block;
  flex: 0 0 auto;
  width: 30px;
  height: 1.5px;
  background: currentColor;
}

.cta-premium-title {
  width: 100%;
  margin: 0;
  color: var(--cta-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.5rem, 5.25vw, 5.125rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.052em;
}

.cta-premium-title-line {
  display: block;
}

.cta-premium-title-accent {
  color: var(--cta-blue);
}

.cta-premium-copy-text {
  max-width: 46ch;
  margin: 26px 0 0;
  color: var(--cta-body);
  font-size: clamp(1.125rem, 1.3vw, 1.1875rem);
  line-height: 1.55;
}

.cta-premium-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(18px, 2.4vw, 32px);
  margin-top: clamp(36px, 8vw, 160px);
}

.cta-premium-primary {
  display: inline-flex;
  min-width: 276px;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: 0 24px;
  border: 1px solid var(--cta-blue);
  border-radius: 1px;
  background: var(--cta-blue);
  color: #ffffff;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  transition:
    background-color 180ms ease,
    border-color 180ms ease;
}

.cta-premium-primary svg {
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

.cta-premium-primary:hover {
  border-color: var(--cta-blue-deep);
  background: var(--cta-blue-deep);
}

.cta-premium-primary:hover svg {
  transform: translateX(4px);
}

.cta-premium .cta-premium-primary:focus-visible {
  outline: 2px solid #9be3f5;
  outline-offset: 4px;
}

.cta-premium-secondary {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
  width: fit-content;
  white-space: nowrap;
  color: var(--cta-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: color 160ms ease;
}

.cta-premium-secondary-line {
  display: block;
  width: 30px;
  height: 1px;
  background: var(--cta-blue);
  transform-origin: left center;
  transition:
    width 180ms ease,
    background-color 160ms ease;
}

.cta-premium-secondary svg {
  color: var(--cta-blue);
  transition: transform 180ms ease;
}

.cta-premium-secondary:hover {
  color: var(--cta-ink);
}

.cta-premium-secondary:hover .cta-premium-secondary-line {
  width: 38px;
  background: var(--cta-blue-deep);
}

.cta-premium-secondary:hover svg {
  transform: translateX(3px);
}

.cta-premium .cta-premium-secondary:focus-visible {
  outline: 2px solid var(--cta-blue);
  outline-offset: 4px;
}

.cta-premium-visual {
  position: relative;
  z-index: 1;
  align-self: start;
  width: calc(100% + var(--cta-bleed));
  max-height: 680px;
  min-width: 0;
  aspect-ratio: 1.2;
  margin-right: calc(var(--cta-bleed) * -1);
  isolation: isolate;
}

.cta-premium-accent {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: var(--cta-blue);
  clip-path: polygon(19.3% 0, 20.05% 0, 14.45% 35%, 14.35% 35%);
  pointer-events: none;
}

.cta-premium-image-frame {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 4% 100%);
  background: #10262d;
}

.cta-premium-image {
  object-fit: cover;
  object-position: 32% 50%;
  filter: saturate(0.94) contrast(1.02);
}

.cta-premium-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: clamp(2.25rem, 3.5vw, 3.5rem) 0 0;
  padding: 0;
  list-style: none;
}

.cta-premium-detail {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: clamp(12px, 1.5vw, 20px);
  align-items: start;
  min-width: 0;
  padding: 0 clamp(18px, 2.2vw, 30px);
  border-left: 1px solid var(--cta-line);
}

.cta-premium-detail:first-child {
  padding-left: 0;
  border-left: 0;
}

.cta-premium-detail:last-child {
  padding-right: 0;
}

.cta-premium-detail-number {
  color: var(--cta-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.25rem, 2.8vw, 2.625rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
}

.cta-premium-detail-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  margin-top: 1px;
  border: 1px solid #bccbc8;
  border-radius: 50%;
  color: var(--cta-blue);
}

.cta-premium-detail-icon svg {
  width: 22px;
  height: 22px;
}

.cta-premium-detail-copy {
  min-width: 0;
  padding-top: 1px;
}

.cta-premium-detail h3 {
  margin: 0 0 6px;
  color: var(--cta-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.1875rem, 1.5vw, 1.3125rem);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.018em;
}

.cta-premium-detail p {
  max-width: 31ch;
  margin: 0;
  color: var(--cta-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

@media (max-width: 1180px) {
  .cta-premium-copy {
    padding-right: clamp(1.75rem, 3.5vw, 3rem);
  }

  .cta-premium-actions {
    gap: 18px;
  }

  .cta-premium-secondary-line {
    width: 24px;
  }
}

@media (max-width: 1024px) {
  .cta-premium-title {
    font-size: clamp(3.3rem, 5.3vw, 4.2rem);
  }

  .cta-premium-actions {
    gap: 14px;
  }

  .cta-premium-primary {
    min-width: 218px;
    padding: 0 16px;
    gap: 18px;
  }

  .cta-premium-secondary {
    gap: 8px;
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
  }

  .cta-premium-secondary-line {
    width: 18px;
  }
}

@media (min-width: 981px) and (max-width: 1100px) {
  .cta-premium-details {
    margin-top: 48px;
  }
}

@media (max-width: 980px) {
  .cta-premium {
    padding-bottom: clamp(4rem, 8vw, 5rem);
  }

  .cta-premium-stage {
    grid-template-columns: 1fr;
  }

  .cta-premium-copy {
    padding: clamp(4rem, 8vw, 5.5rem) 0 0;
  }

  .cta-premium-title {
    font-size: clamp(3.4rem, 7.5vw, 4.5rem);
  }

  .cta-premium-copy-text {
    max-width: 53ch;
  }

  .cta-premium-actions {
    margin-top: 36px;
  }

  .cta-premium-visual {
    align-self: stretch;
    width: auto;
    max-height: none;
    aspect-ratio: 1.7;
    margin: 36px calc(var(--gutter) * -1) 0;
  }

  .cta-premium-image-frame {
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
  }

  .cta-premium-image {
    object-position: 45% 45%;
  }

  .cta-premium-accent {
    display: none;
  }

  .cta-premium-details {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 32px;
  }

  .cta-premium-detail {
    grid-template-columns: auto auto minmax(0, 1fr);
    padding: 20px 0;
    border-top: 1px solid var(--cta-line);
    border-left: 0;
  }

  .cta-premium-detail:first-child {
    border-top: 0;
  }

  .cta-premium-detail h3 {
    font-size: 1.25rem;
  }

  .cta-premium-detail p {
    max-width: 52ch;
  }
}

@media (max-width: 640px) {
  .cta-premium-copy {
    padding-top: clamp(3.75rem, 12vw, 4.5rem);
  }

  .cta-premium-title {
    font-size: clamp(2.25rem, 9.5vw, 3rem);
    line-height: 0.97;
    letter-spacing: -0.045em;
  }

  .cta-premium-copy-text {
    margin-top: 20px;
    font-size: 1.0625rem;
    line-height: 1.55;
  }

  .cta-premium-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    margin-top: 26px;
  }

  .cta-premium-primary {
    width: 100%;
    min-width: 0;
    min-height: 58px;
  }

  .cta-premium-secondary {
    min-height: 44px;
    letter-spacing: 0.1em;
  }

  .cta-premium-visual {
    aspect-ratio: 1.4;
    margin-top: 30px;
  }

  .cta-premium-image-frame {
    clip-path: none;
  }

  .cta-premium-image {
    object-position: 45% 50%;
  }

  .cta-premium-details {
    margin-top: 28px;
  }

  .cta-premium-detail {
    gap: 12px;
    padding: 17px 0;
  }

  .cta-premium-detail-number {
    font-size: 2rem;
  }

  .cta-premium-detail-icon {
    width: 40px;
    height: 40px;
  }

  .cta-premium-detail-icon svg {
    width: 20px;
    height: 20px;
  }

  .cta-premium-detail h3 {
    font-size: 1.1875rem;
  }

  .cta-premium-detail p {
    font-size: 0.9375rem;
  }
}

@media (max-width: 380px) {
  .cta-premium-title {
    font-size: 2.15rem;
  }

  .cta-premium-detail {
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 10px;
  }

  .cta-premium-detail-number {
    font-size: 1.8rem;
  }

  .cta-premium-detail-icon {
    width: 37px;
    height: 37px;
  }

  .cta-premium-detail-icon svg {
    width: 19px;
    height: 19px;
  }

  .cta-premium-detail h3 {
    font-size: 1.125rem;
  }

  .cta-premium-detail p {
    font-size: 0.875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cta-premium-primary,
  .cta-premium-primary svg,
  .cta-premium-secondary,
  .cta-premium-secondary-line,
  .cta-premium-secondary svg {
    transition: none;
  }
}

/* ==== services-introduction-premium.css ==== */
.services-intro {
  --services-intro-paper: var(--surface-white, #ffffff);
  --services-intro-card: var(--surface-soft, #f3f5f6);
  --services-intro-ink: #102b34;
  --services-intro-body: #42575d;
  --services-intro-muted: #5e7178;
  --services-intro-blue: #0a6e9e;
  --services-intro-blue-deep: #07577d;
  --services-intro-blue-pale: #e8f2f6;
  --services-intro-line: var(--line-cool, #d8e2e5);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(4.5rem, 7vw, 7rem);
  background: var(--services-intro-paper);
  color: var(--services-intro-ink);
}

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

.services-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr);
  column-gap: clamp(2.75rem, 4.5vw, 4.25rem);
  align-items: start;
}

.services-intro-editorial {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.services-intro-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--services-intro-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.services-intro-eyebrow-mark {
  display: block;
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.services-intro-title {
  margin: clamp(1rem, 1.8vw, 1.35rem) 0 0;
  color: var(--services-intro-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3rem, 3.9vw, 3.75rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.services-intro-title span {
  display: block;
}

.services-intro-lede {
  max-width: 55ch;
  margin: clamp(1.2rem, 1.9vw, 1.55rem) 0 0;
  color: var(--services-intro-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.02rem, 1.15vw, 1.125rem);
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
}

.services-intro-media {
  position: relative;
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  margin: 0;
  align-self: stretch;
}

.services-intro-media-frame {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 470px;
  overflow: hidden;
  background: #0b1d25;
  border-radius: 2px;
}

.services-intro-media-image {
  object-fit: cover;
  object-position: 58% 24%;
  filter: saturate(0.9) contrast(1.035) brightness(1.035);
}

.services-intro-media-accent {
  position: absolute;
  right: -18px;
  bottom: -18px;
  z-index: 1;
  width: 30%;
  height: 44%;
  background: linear-gradient(
    145deg,
    var(--services-intro-blue) 0%,
    var(--services-intro-blue-deep) 100%
  );
  pointer-events: none;
  transform-origin: bottom center;
}

.services-intro-media-rule {
  position: absolute;
  top: 8%;
  bottom: 8%;
  left: -25px;
  z-index: 3;
  width: 1px;
  background: rgba(10, 110, 158, 0.45);
  pointer-events: none;
  transform-origin: top center;
}

.services-intro-media-rule::after {
  content: "";
  position: absolute;
  top: 44%;
  left: -3px;
  width: 7px;
  height: 7px;
  background: var(--services-intro-blue);
}

.services-intro-cards {
  display: grid;
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(2.4rem, 3.5vw, 3.25rem);
}

.services-intro-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 22px 22px 19px;
  background: var(--services-intro-card);
  border: 1px solid var(--services-intro-line);
  border-radius: 3px;
  transition:
    border-color 180ms ease,
    background-color 180ms ease;
}

.services-intro-card:hover,
.services-intro-card:focus-within {
  border-color: rgba(10, 110, 158, 0.38);
}

.services-intro-card-top {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}

.services-intro-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 2px;
  background: var(--services-intro-blue-pale);
  color: var(--services-intro-blue);
}

.services-intro-icon svg {
  display: block;
}

.services-intro-card-heading {
  min-width: 0;
  padding-top: 1px;
}

.services-intro-card-kicker {
  margin: 0;
  color: var(--services-intro-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.services-intro-card h3 {
  margin: 4px 0 0;
  color: var(--services-intro-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.3rem, 1.75vw, 1.5rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.services-intro-card-copy {
  margin: 16px 0 0;
  color: var(--services-intro-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.95rem;
  line-height: 1.58;
  text-wrap: pretty;
}

.services-intro-card-action {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  color: var(--services-intro-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  transition: color 180ms ease;
}

.services-intro-card-action svg {
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

.services-intro-card-action:hover {
  color: var(--services-intro-blue-deep);
}

.services-intro-card-action:hover svg {
  transform: translateX(3px);
}

.services-intro-card-action:focus-visible {
  outline: 2px solid var(--services-intro-blue);
  outline-offset: 3px;
}

.services-intro-scope {
  grid-column: 1;
  grid-row: 3;
  max-width: 60ch;
  margin: 16px 0 0;
  color: var(--services-intro-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  line-height: 1.55;
}

@media (max-width: 1120px) {
  .services-intro-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .services-intro-editorial {
    grid-column: 1;
    grid-row: 1;
  }

  .services-intro-media {
    grid-column: 1;
    grid-row: 2;
    margin-top: clamp(2rem, 4vw, 2.75rem);
  }

  .services-intro-media-frame {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .services-intro-media-accent {
    right: -12px;
    bottom: -12px;
    width: 23%;
    height: 30%;
  }

  .services-intro-media-rule {
    display: none;
  }

  .services-intro-cards {
    grid-column: 1;
    grid-row: 3;
    margin-top: clamp(2rem, 3.5vw, 2.75rem);
  }

  .services-intro-scope {
    grid-column: 1;
    grid-row: 4;
  }
}

@media (max-width: 720px) {
  .services-intro {
    padding-block: 4rem;
  }

  .services-intro-title {
    max-width: none;
    font-size: clamp(2.55rem, 7.3vw, 3.1rem);
    line-height: 0.99;
  }

  .services-intro-media-frame {
    aspect-ratio: 4 / 3;
  }

  .services-intro-media-image {
    object-position: 60% 28%;
  }

  .services-intro-media-accent {
    right: -9px;
    bottom: -9px;
    width: 22%;
    height: 27%;
  }

  .services-intro-cards {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    gap: 14px;
  }

  .services-intro-card {
    padding: 20px 20px 17px;
  }

  .services-intro-card h3 {
    font-size: 1.35rem;
  }
}

@media (max-width: 380px) {
  .services-intro-title {
    font-size: 2.4rem;
  }

  .services-intro-card {
    padding-inline: 17px;
  }

  .services-intro-card-top {
    gap: 11px;
  }

  .services-intro-card h3 {
    font-size: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .services-intro-media-image {
    transform: none;
  }

  .services-intro-card,
  .services-intro-card-action,
  .services-intro-card-action svg {
    transition: none;
  }
}

/* ==== low-voltage-introduction-premium.css ==== */
.lv-intro {
  --lv-paper: var(--surface-white, #ffffff);
  --lv-ink: #102b34;
  --lv-body: #42575d;
  --lv-blue: #0a6e9e;
  --lv-blue-deep: #07577d;
  --lv-blue-pale: #e8f2f6;
  --lv-line: var(--line-cool, #d8e2e5);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(4.25rem, 6vw, 5.75rem);
  background: var(--lv-paper);
  color: var(--lv-ink);
}

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

.lv-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);
  grid-template-areas:
    "editorial media"
    "features media";
  column-gap: clamp(2.75rem, 4.5vw, 4.25rem);
  align-items: start;
}

.lv-intro-editorial {
  grid-area: editorial;
  min-width: 0;
}

.lv-intro-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--lv-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lv-intro-eyebrow-mark {
  display: block;
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.lv-intro-title {
  max-width: 18ch;
  margin: clamp(1rem, 1.8vw, 1.35rem) 0 0;
  color: var(--lv-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.85rem, 3.9vw, 3.9rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.lv-intro-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.lv-intro-title-line {
  display: inline-block;
}

.lv-intro-lede {
  max-width: 52ch;
  margin: clamp(1.2rem, 1.9vw, 1.55rem) 0 0;
  color: var(--lv-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.18vw, 1.1875rem);
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
}

.lv-intro-media {
  position: relative;
  grid-area: media;
  min-width: 0;
  min-height: 540px;
  margin: 0;
  align-self: stretch;
}

.lv-intro-media-frame {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 540px;
  overflow: hidden;
  background: #0b1d25;
  border-radius: 3px;
}

.lv-intro-media-image {
  object-fit: cover;
  object-position: 46% 48%;
  filter: saturate(0.94) contrast(1.035) brightness(1.03);
}

.lv-intro-media-accent {
  position: absolute;
  right: -17px;
  bottom: -17px;
  z-index: 1;
  width: 25%;
  height: 32%;
  background: linear-gradient(
    145deg,
    var(--lv-blue) 0%,
    var(--lv-blue-deep) 100%
  );
  pointer-events: none;
  transform-origin: bottom center;
}

.lv-intro-media-rule {
  position: absolute;
  top: 11%;
  bottom: 11%;
  left: -24px;
  z-index: 3;
  width: 1px;
  background: rgba(10, 110, 158, 0.42);
  pointer-events: none;
  transform-origin: top center;
}

.lv-intro-media-rule::after {
  content: "";
  position: absolute;
  top: 46%;
  left: -3px;
  width: 7px;
  height: 7px;
  background: var(--lv-blue);
}

.lv-intro-features {
  grid-area: features;
  min-width: 0;
  margin-top: clamp(2.15rem, 3.3vw, 3rem);
}

.lv-intro-feature-rule {
  display: block;
  width: 100%;
  height: 1px;
  background: var(--lv-line);
  transform-origin: left center;
}

.lv-intro-feature-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.lv-intro-feature {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  min-width: 0;
  padding-top: clamp(1.15rem, 1.7vw, 1.45rem);
}

.lv-intro-feature + .lv-intro-feature {
  margin-left: clamp(0.85rem, 1.2vw, 1.1rem);
  padding-left: clamp(0.85rem, 1.2vw, 1.1rem);
  border-left: 1px solid var(--lv-line);
}

.lv-intro-feature-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 2px;
  background: var(--lv-blue-pale);
  color: var(--lv-blue);
}

.lv-intro-feature-icon svg {
  display: block;
}

.lv-intro-feature-label {
  display: block;
  padding-top: 4px;
  color: var(--lv-ink);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  text-wrap: pretty;
}

@media (max-width: 1120px) {
  .lv-intro-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "editorial"
      "media"
      "features";
  }

  .lv-intro-title {
    max-width: 17ch;
    font-size: clamp(2.9rem, 5.5vw, 3.7rem);
  }

  .lv-intro-media {
    min-height: 0;
    margin-top: clamp(2.2rem, 4vw, 3rem);
  }

  .lv-intro-media-frame {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .lv-intro-media-accent {
    right: -12px;
    bottom: -12px;
    width: 18%;
    height: 24%;
  }

  .lv-intro-media-rule {
    display: none;
  }

  .lv-intro-features {
    margin-top: clamp(2rem, 3.5vw, 2.75rem);
  }
}

@media (max-width: 760px) {
  .lv-intro {
    padding-block: 4rem;
  }

  .lv-intro-title {
    max-width: none;
    font-size: clamp(2.55rem, 7.2vw, 3.05rem);
    line-height: 0.99;
  }

  .lv-intro-lede {
    font-size: 1.0625rem;
  }

  .lv-intro-media-frame {
    aspect-ratio: 4 / 3;
  }

  .lv-intro-media-image {
    object-position: 45% 48%;
  }

  .lv-intro-media-accent {
    right: -9px;
    bottom: -9px;
    width: 21%;
    height: 23%;
  }

  .lv-intro-feature-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .lv-intro-feature {
    grid-template-columns: 36px minmax(0, 1fr);
    padding-block: 15px;
  }

  .lv-intro-feature + .lv-intro-feature {
    margin-left: 0;
    padding-left: 0;
    padding-top: 15px;
    border-left: 0;
    border-top: 1px solid var(--lv-line);
  }

  .lv-intro-feature-label {
    padding-top: 5px;
    font-size: 1rem;
  }
}

@media (max-width: 380px) {
  .lv-intro-title {
    font-size: 2.35rem;
  }

  .lv-intro-feature {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }

  .lv-intro-feature-icon {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lv-intro-media-image {
    transform: none;
  }

  .lv-intro-media-accent,
  .lv-intro-media-rule,
  .lv-intro-feature-rule {
    transform: none;
  }
}

/* ==== low-voltage-scope-premium.css ==== */
.lv-scope {
  --lv-scope-paper: var(--surface-soft, #f3f5f6);
  --lv-scope-ink: #102b34;
  --lv-scope-body: #42575d;
  --lv-scope-muted: #5e7178;
  --lv-scope-blue: #0a6e9e;
  --lv-scope-blue-deep: #07577d;
  --lv-scope-blue-pale: #e8f2f6;
  --lv-scope-line: var(--line-cool, #d8e2e5);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.5rem, 4.5vw, 4.25rem) clamp(4.5rem, 6vw, 5.75rem);
  background: var(--lv-scope-paper);
  color: var(--lv-scope-ink);
}

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

.lv-scope-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1fr);
  grid-template-areas:
    "media head"
    "media features";
  column-gap: clamp(3rem, 4.5vw, 4.25rem);
  align-items: start;
}

.lv-scope-head {
  grid-area: head;
  min-width: 0;
}

.lv-scope-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--lv-scope-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lv-scope-eyebrow-mark {
  display: block;
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.lv-scope-title {
  margin: clamp(1rem, 1.8vw, 1.3rem) 0 0;
  color: var(--lv-scope-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.1rem, 3.65vw, 3.5rem);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -0.042em;
  text-wrap: initial;
}

.lv-scope-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.lv-scope-title-line {
  display: inline-block;
}

.lv-scope-lede {
  max-width: 55ch;
  margin: clamp(1.15rem, 1.8vw, 1.45rem) 0 0;
  color: var(--lv-scope-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.16vw, 1.125rem);
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
}

.lv-scope-media {
  position: relative;
  grid-area: media;
  min-width: 0;
  min-height: 560px;
  margin: 0;
  align-self: stretch;
}

.lv-scope-media-frame {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 560px;
  overflow: hidden;
  background: #0b1d25;
  border-radius: 3px;
}

.lv-scope-media-image {
  object-fit: cover;
  object-position: 54% 42%;
  filter: saturate(1.14) contrast(1.04) brightness(0.985);
}

.lv-scope-media-accent {
  position: absolute;
  left: -17px;
  bottom: -17px;
  z-index: 1;
  width: 26%;
  height: 30%;
  background: linear-gradient(
    145deg,
    var(--lv-scope-blue) 0%,
    var(--lv-scope-blue-deep) 100%
  );
  pointer-events: none;
  transform-origin: left center;
}

.lv-scope-media-rule {
  position: absolute;
  top: 8%;
  right: -33px;
  bottom: 8%;
  z-index: 3;
  width: 1px;
  background: rgba(10, 110, 158, 0.42);
  pointer-events: none;
  transform-origin: top center;
}

.lv-scope-media-rule::after {
  content: "";
  position: absolute;
  top: 24%;
  left: -3px;
  width: 7px;
  height: 7px;
  background: var(--lv-scope-blue);
}

.lv-scope-features {
  grid-area: features;
  min-width: 0;
  margin-top: clamp(1.8rem, 2.8vw, 2.35rem);
}

.lv-scope-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lv-scope-feature {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 15px;
  align-items: start;
  min-width: 0;
  padding: 0 28px 24px 0;
}

.lv-scope-feature:nth-child(2n) {
  padding: 0 0 24px 28px;
  border-left: 1px solid var(--lv-scope-line);
}

.lv-scope-feature:nth-child(n + 3) {
  padding-top: 24px;
  padding-bottom: 0;
  border-top: 1px solid var(--lv-scope-line);
}

.lv-scope-feature-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 3px;
  background: var(--lv-scope-blue-pale);
  color: var(--lv-scope-blue);
}

.lv-scope-feature-icon svg {
  display: block;
}

.lv-scope-feature-copy {
  min-width: 0;
  padding-top: 1px;
}

.lv-scope-feature h3 {
  margin: 0;
  color: var(--lv-scope-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.022em;
}

.lv-scope-feature p {
  margin: 8px 0 0;
  color: var(--lv-scope-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.65;
  text-wrap: pretty;
}

@media (max-width: 1120px) {
  .lv-scope-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "head"
      "media"
      "features";
  }

  .lv-scope-title {
    max-width: none;
    font-size: clamp(2.9rem, 5.2vw, 3.6rem);
  }

  .lv-scope-media {
    min-height: 0;
    margin-top: clamp(2.2rem, 4vw, 3rem);
  }

  .lv-scope-media-frame {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .lv-scope-media-accent {
    left: -12px;
    bottom: -12px;
    width: 18%;
    height: 22%;
  }

  .lv-scope-media-rule {
    display: none;
  }

  .lv-scope-features {
    margin-top: clamp(2rem, 3.5vw, 2.75rem);
  }
}

@media (max-width: 700px) {
  .lv-scope {
    padding-block: 3.5rem 4.5rem;
  }

  .lv-scope-title {
    font-size: clamp(2.55rem, 7vw, 3rem);
    line-height: 1.01;
  }

  .lv-scope-lede {
    font-size: 1.0625rem;
  }

  .lv-scope-media-frame {
    aspect-ratio: 4 / 3;
  }

  .lv-scope-media-image {
    object-position: 55% 44%;
  }

  .lv-scope-media-accent {
    left: -8px;
    bottom: -8px;
    width: 21%;
    height: 21%;
  }

  .lv-scope-feature-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .lv-scope-feature,
  .lv-scope-feature:nth-child(2n) {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
    padding: 18px 0;
    border-left: 0;
  }

  .lv-scope-feature:first-child {
    padding-top: 0;
  }

  .lv-scope-feature:nth-child(n + 2) {
    border-top: 1px solid var(--lv-scope-line);
  }

  .lv-scope-feature:last-child {
    padding-bottom: 0;
  }

  .lv-scope-feature-icon {
    width: 44px;
    height: 44px;
  }

  .lv-scope-feature h3 {
    font-size: 1.0625rem;
  }

  .lv-scope-feature p {
    margin-top: 7px;
    font-size: 0.9375rem;
  }
}

@media (max-width: 380px) {
  .lv-scope-title {
    font-size: 2.35rem;
  }

  .lv-scope-feature,
  .lv-scope-feature:nth-child(2n) {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
  }

  .lv-scope-feature-icon {
    width: 42px;
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lv-scope-media-image,
  .lv-scope-media-accent,
  .lv-scope-media-rule,
  .lv-scope-feature-icon {
    transform: none;
  }
}


/* ==== low-voltage-questions-premium.css ==== */
.lvq {
  --lvq-paper: var(--surface-white, #ffffff);
  --lvq-ink: #102b34;
  --lvq-body: #42575d;
  --lvq-blue: #0a6e9e;
  --lvq-blue-deep: #07577d;
  --lvq-blue-pale: #e5f1f5;
  --lvq-line: var(--line-cool, #d8e2e5);
  --lvq-frame-line: #bfd9e4;
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(4rem, 5.5vw, 5.25rem) clamp(4.5rem, 6vw, 5.5rem);
  background: var(--lvq-paper);
  color: var(--lvq-ink);
}

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

.lvq-clip-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.lvq-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
  grid-template-areas:
    "media head"
    "media topics";
  column-gap: clamp(3.2rem, 4vw, 3.8rem);
  align-items: start;
}

.lvq-head {
  grid-area: head;
  min-width: 0;
}

.lvq-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  color: var(--lvq-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lvq-eyebrow-rule {
  display: block;
  position: relative;
  width: 19px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: left center;
}

.lvq-eyebrow-rule::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -1px;
  width: 5px;
  height: 5px;
  background: currentColor;
}

.lvq-title {
  margin: clamp(1rem, 1.8vw, 1.3rem) 0 0;
  color: var(--lvq-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.15rem, 3.8vw, 3.6rem);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -0.042em;
  text-wrap: initial;
}

.lvq-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.lvq-title-line {
  display: inline-block;
}

.lvq-lede {
  max-width: 52ch;
  margin: clamp(1.15rem, 1.8vw, 1.45rem) 0 0;
  color: var(--lvq-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.16vw, 1.125rem);
  line-height: 1.65;
  text-wrap: pretty;
}

.lvq-media {
  position: relative;
  grid-area: media;
  min-width: 0;
  min-height: 560px;
  margin: 0;
  align-self: stretch;
}

.lvq-photo-reveal {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.lvq-photo-shell,
.lvq-photo-frame {
  -webkit-clip-path: polygon(0 0, 86% 0, 100% 11%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 86% 0, 100% 11%, 100% 100%, 0 100%);
  -webkit-clip-path: url(#lvq-photo-shape);
  clip-path: url(#lvq-photo-shape);
}

.lvq-photo-shell {
  position: relative;
  height: 100%;
  padding: 2px;
  background: var(--lvq-frame-line);
}

.lvq-photo-frame {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #0b1c23;
}

.lvq-photo-image {
  object-fit: cover;
  object-position: 85% 52%;
  filter: saturate(0.9) contrast(1.05) brightness(0.95);
}

.lvq-photo-underlay {
  position: absolute;
  left: -20px;
  bottom: -20px;
  z-index: 1;
  width: 56%;
  height: 27%;
  background: linear-gradient(
    145deg,
    var(--lvq-blue) 0%,
    var(--lvq-blue-deep) 100%
  );
  border-radius: 2px 18px 2px 2px;
  pointer-events: none;
  transform-origin: left center;
}

.lvq-photo-baseline {
  position: absolute;
  left: 0;
  bottom: -25px;
  z-index: 1;
  width: 56%;
  height: 1px;
  background: rgba(10, 110, 158, 0.42);
  pointer-events: none;
  transform-origin: left center;
}

.lvq-photo-baseline::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -2px;
  width: 7px;
  height: 7px;
  background: var(--lvq-blue);
}

.lvq-topics {
  grid-area: topics;
  min-width: 0;
  margin-top: clamp(1.9rem, 2.8vw, 2.45rem);
}

.lvq-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
}

.lvq-topic {
  min-width: 0;
  padding: 0 28px 25px 0;
}

.lvq-topic:nth-child(2n) {
  padding: 0 0 25px 28px;
  border-left: 1px solid var(--lvq-line);
}

.lvq-topic:nth-child(n + 3) {
  padding-top: 25px;
  padding-bottom: 0;
  border-top: 1px solid var(--lvq-line);
}

.lvq-topic-icon {
  display: grid;
  width: 44px;
  height: 44px;
  margin-bottom: 13px;
  place-items: center;
  border-radius: 3px;
  background: var(--lvq-blue-pale);
  color: var(--lvq-blue);
}

.lvq-topic-icon svg {
  display: block;
}

.lvq-topic-copy {
  min-width: 0;
}

.lvq-topic h3 {
  margin: 0;
  color: var(--lvq-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.025em;
}

.lvq-topic p {
  margin: 9px 0 0;
  color: var(--lvq-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.96875rem;
  line-height: 1.65;
  text-wrap: pretty;
}

@media (max-width: 1120px) {
  .lvq-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "head"
      "media"
      "topics";
  }

  .lvq-title {
    max-width: none;
    font-size: clamp(2.9rem, 5.2vw, 3.7rem);
  }

  .lvq-media {
    min-height: 0;
    margin-top: clamp(2.2rem, 4vw, 3rem);
  }

  .lvq-photo-reveal {
    position: relative;
    inset: auto;
    height: auto;
  }

  .lvq-photo-shell {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .lvq-photo-image {
    object-position: 58% 50%;
  }

  .lvq-photo-underlay {
    left: -14px;
    bottom: -14px;
    width: 22%;
    height: 23%;
  }

  .lvq-photo-baseline {
    display: none;
  }

  .lvq-topics {
    margin-top: clamp(2rem, 3.5vw, 2.75rem);
  }
}

@media (max-width: 700px) {
  .lvq {
    padding-block: 3.5rem 4.5rem;
  }

  .lvq-title {
    font-size: clamp(2.55rem, 7vw, 3rem);
    text-wrap: balance;
  }

  .lvq-title-mask {
    display: inline;
    overflow: visible;
    padding: 0;
    margin: 0;
  }

  .lvq-title-line {
    display: inline;
  }

  .lvq-lede {
    font-size: 1.0625rem;
  }

  .lvq-photo-shell {
    aspect-ratio: 4 / 3;
  }

  .lvq-photo-image {
    object-position: 62% 50%;
  }

  .lvq-photo-underlay {
    left: -8px;
    bottom: -8px;
    width: 24%;
    height: 22%;
  }

}

@media (max-width: 520px) {
  .lvq-topic-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }

  .lvq-topic,
  .lvq-topic:nth-child(2n) {
    padding: 19px 0;
    border-left: 0;
  }

  .lvq-topic:first-child {
    padding-top: 0;
  }

  .lvq-topic:nth-child(n + 2) {
    border-top: 1px solid var(--lvq-line);
  }

  .lvq-topic:last-child {
    padding-bottom: 0;
  }

  .lvq-topic-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
  }

  .lvq-topic h3 {
    font-size: 1.125rem;
  }

  .lvq-topic p {
    margin-top: 7px;
    font-size: 0.9375rem;
  }
}

@media (max-width: 380px) {
  .lvq-title {
    font-size: 2.35rem;
  }

  .lvq-photo-underlay {
    width: 27%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lvq-photo-image,
  .lvq-photo-underlay,
  .lvq-eyebrow-rule,
  .lvq-photo-baseline,
  .lvq-topic-icon {
    transform: none;
  }
}



/* ==== low-voltage-brief-premium.css ==== */
.lvb {
  --lvb-paper: var(--surface-soft, #f3f5f6);
  --lvb-ink: #102b34;
  --lvb-body: #42575d;
  --lvb-blue: #0a6e9e;
  --lvb-blue-deep: #07577d;
  --lvb-blue-pale: #e6f1f5;
  --lvb-line: var(--line-cool, #d8e2e5);
  --lvb-frame-line: #c9dee7;
  --lvb-number: #2f86a6;
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.8rem, 5vw, 4.125rem);
  background: var(--lvb-paper);
  color: var(--lvb-ink);
}

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

.lvb-clip-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.lvb-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  grid-template-areas:
    "editorial media"
    "list media";
  column-gap: clamp(3.2rem, 4.5vw, 4.5rem);
  align-items: start;
}

.lvb-editorial {
  grid-area: editorial;
  min-width: 0;
}

.lvb-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--lvb-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lvb-eyebrow-mark {
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.lvb-title {
  max-width: 13ch;
  margin: clamp(1rem, 1.8vw, 1.3rem) 0 0;
  color: var(--lvb-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.4rem, 4.45vw, 4.25rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.lvb-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.lvb-title-line {
  display: inline-block;
}

.lvb-lede {
  max-width: 48ch;
  margin: clamp(1.15rem, 1.8vw, 1.45rem) 0 0;
  color: var(--lvb-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.16vw, 1.1875rem);
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
}

.lvb-media {
  position: relative;
  grid-area: media;
  min-width: 0;
  min-height: 560px;
  margin: 0;
  align-self: stretch;
}

.lvb-photo-accent {
  position: absolute;
  top: -14px;
  left: -14px;
  z-index: 1;
  width: 30%;
  height: 20%;
  background: linear-gradient(
    145deg,
    var(--lvb-blue) 0%,
    var(--lvb-blue-deep) 100%
  );
  border-radius: 2px 0 18px 2px;
  pointer-events: none;
  transform-origin: left top;
}

.lvb-photo-reveal {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.lvb-photo-shell,
.lvb-photo-frame {
  -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 18%, 14% 0);
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 18%, 14% 0);
  -webkit-clip-path: url(#lvb-photo-shape);
  clip-path: url(#lvb-photo-shape);
}

.lvb-photo-shell {
  position: relative;
  height: 100%;
  padding: 2px;
  background: var(--lvb-frame-line);
}

.lvb-photo-frame {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #1a1e21;
}

.lvb-photo-image {
  object-fit: cover;
  object-position: 50% 46%;
  filter: saturate(0.94) contrast(1.04) brightness(1.02);
}

.lvb-list {
  grid-area: list;
  min-width: 0;
  margin: clamp(1.8rem, 2.8vw, 2.4rem) 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--lvb-line);
}

.lvb-item {
  display: grid;
  grid-template-columns: 40px 46px minmax(0, 1fr);
  column-gap: clamp(0.75rem, 1.3vw, 1.05rem);
  align-items: center;
  min-width: 0;
  padding: clamp(0.95rem, 1.55vw, 1.25rem) 0;
  border-bottom: 1px solid var(--lvb-line);
}

.lvb-item-number {
  color: var(--lvb-number);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.55rem, 2.15vw, 2rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.035em;
  font-variant-numeric: tabular-nums;
}

.lvb-item-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 3px;
  background: var(--lvb-blue-pale);
  color: var(--lvb-blue);
}

.lvb-item-icon svg {
  display: block;
}

.lvb-item-text {
  min-width: 0;
  color: var(--lvb-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.28vw, 1.1875rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.018em;
  text-wrap: pretty;
}

@media (max-width: 1120px) {
  .lvb-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "editorial"
      "media"
      "list";
  }

  .lvb-title {
    max-width: none;
    font-size: clamp(3rem, 5.2vw, 3.8rem);
  }

  .lvb-media {
    min-height: 0;
    margin-top: clamp(2.2rem, 4vw, 3rem);
  }

  .lvb-photo-reveal {
    position: relative;
    inset: auto;
    height: auto;
  }

  .lvb-photo-shell {
    height: auto;
    aspect-ratio: 16 / 10;
  }

  .lvb-photo-image {
    object-position: 50% 42%;
  }

  .lvb-photo-accent {
    top: -10px;
    left: -10px;
    width: 24%;
    height: 18%;
  }

  .lvb-list {
    margin-top: clamp(2rem, 3.5vw, 2.75rem);
  }
}

@media (max-width: 700px) {
  .lvb {
    padding-block: 3.5rem 4.5rem;
  }

  .lvb-title {
    font-size: clamp(2.55rem, 8vw, 3.2rem);
    line-height: 1.01;
    text-wrap: balance;
  }

  .lvb-lede {
    font-size: 1.0625rem;
  }

  .lvb-photo-shell {
    aspect-ratio: 4 / 3;
  }

  .lvb-photo-image {
    object-position: 50% 42%;
  }

  .lvb-photo-accent {
    top: -7px;
    left: -7px;
    width: 20%;
    height: 15%;
    border-radius: 2px 0 12px 2px;
  }

  .lvb-item {
    grid-template-columns: 32px 40px minmax(0, 1fr);
    column-gap: 0.7rem;
    padding: 1.05rem 0;
    align-items: start;
  }

  .lvb-item-number {
    padding-top: 0.36rem;
    color: var(--lvb-blue);
    font-size: 1.4rem;
  }

  .lvb-item-icon {
    width: 40px;
    height: 40px;
  }

  .lvb-item-text {
    padding-top: 0.2rem;
    font-size: 1.0625rem;
  }
}

@media (max-width: 380px) {
  .lvb-title {
    font-size: 2.35rem;
  }

  .lvb-item {
    grid-template-columns: 28px 38px minmax(0, 1fr);
    column-gap: 0.6rem;
  }

  .lvb-item-number {
    font-size: 1.3rem;
  }

  .lvb-item-icon {
    width: 38px;
    height: 38px;
  }

  .lvb-item-text {
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lvb-photo-image,
  .lvb-photo-accent,
  .lvb-eyebrow-mark,
  .lvb-item-icon {
    transform: none;
  }
}



/* ==== low-voltage-faq-premium.css ==== */
.lvf {
  --lvf-paper: var(--surface-white, #ffffff);
  --lvf-ink: #102b34;
  --lvf-body: #42575d;
  --lvf-blue: #0a6e9e;
  --lvf-blue-deep: #07577d;
  --lvf-blue-pale: #e5f1f5;
  --lvf-badge-active: #d7ebf2;
  --lvf-line: var(--line-cool, #d8e2e5);
  --lvf-line-soft: var(--line-cool-soft, #e8eef0);
  --lvf-frame-line: #b8d4df;
  --lvf-badge: 52px;
  --lvf-gap: 20px;
  --lvf-plus: 36px;
  --lvf-question-pad: clamp(1.1rem, 1.5vw, 1.35rem);
  --lvf-row-pad: clamp(1.15rem, 1.65vw, 1.45rem);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.5rem, 4.3vw, 3.9rem) clamp(4rem, 4.8vw, 4.5rem);
  background: var(--lvf-paper);
  color: var(--lvf-ink);
}

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

.lvf-clip-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.lvf-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.02fr);
  grid-template-areas:
    "media head"
    "media faq";
  column-gap: clamp(3.2rem, 4.5vw, 4rem);
  align-items: start;
}

.lvf-head {
  grid-area: head;
  min-width: 0;
}

.lvf-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--lvf-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lvf-eyebrow-mark {
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.lvf-title {
  margin: clamp(1rem, 1.7vw, 1.25rem) 0 0;
  color: var(--lvf-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.1rem, 4.45vw, 4rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.lvf-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.lvf-title-line {
  display: inline-block;
}

.lvf-lede {
  max-width: 54ch;
  margin: clamp(1.1rem, 1.7vw, 1.35rem) 0 0;
  color: var(--lvf-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.16vw, 1.1875rem);
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
}

.lvf-media {
  position: relative;
  grid-area: media;
  align-self: start;
  width: 100%;
  aspect-ratio: 0.88;
  margin: 0;
}

.lvf-structure-rule {
  position: absolute;
  top: 88px;
  left: -22px;
  z-index: 0;
  width: 1px;
  height: 148px;
  background: rgba(10, 110, 158, 0.48);
  pointer-events: none;
}

.lvf-structure-node {
  position: absolute;
  top: 151px;
  left: -25px;
  z-index: 0;
  width: 7px;
  height: 7px;
  background: var(--lvf-blue);
  pointer-events: none;
  transform-origin: center;
}

.lvf-photo-reveal {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.lvf-photo-shell,
.lvf-photo-frame {
  -webkit-clip-path: polygon(0 0, 86% 0, 100% 14%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 86% 0, 100% 14%, 100% 100%, 0 100%);
  -webkit-clip-path: url(#lvf-photo-shape);
  clip-path: url(#lvf-photo-shape);
}

.lvf-photo-shell {
  position: relative;
  height: 100%;
  padding: 2px;
  background: var(--lvf-frame-line);
}

.lvf-photo-frame {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #0f1d22;
}

.lvf-photo-image {
  object-fit: cover;
  object-position: 50% 50%;
  filter: saturate(0.9) contrast(1.02) brightness(1.08);
}

.lvf-faq {
  grid-area: faq;
  min-width: 0;
  margin-top: clamp(1.7rem, 2.35vw, 2.1rem);
  border-top: 1px solid var(--lvf-line);
}

.lvf-faq-item {
  position: relative;
  border-bottom: 1px solid var(--lvf-line);
}

.lvf-faq-summary {
  position: relative;
  display: grid;
  grid-template-columns: var(--lvf-badge) minmax(0, 1fr) var(--lvf-plus);
  column-gap: var(--lvf-gap);
  align-items: center;
  min-height: 76px;
  padding-block: clamp(1.15rem, 1.65vw, 1.45rem);
  cursor: pointer;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}

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

.lvf-faq-summary::marker {
  content: "";
}

.lvf-faq-summary::before {
  content: "";
  position: absolute;
  top: var(--lvf-row-pad);
  bottom: var(--lvf-row-pad);
  left: calc(var(--lvf-badge) + var(--lvf-gap));
  width: 1px;
  background: var(--lvf-line-soft);
  pointer-events: none;
  transition: background-color 180ms ease;
}

.lvf-faq-summary:focus-visible {
  outline: 2px solid var(--lvf-blue);
  outline-offset: 3px;
}

.lvf-badge {
  display: grid;
  width: var(--lvf-badge);
  height: 34px;
  place-items: center;
  border-radius: 999px;
  background: var(--lvf-blue-pale);
  color: var(--lvf-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.lvf-question {
  min-width: 0;
  padding-left: var(--lvf-question-pad);
  color: var(--lvf-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.09rem, 1.28vw, 1.2rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.018em;
  text-wrap: pretty;
  transition: color 180ms ease;
}

.lvf-plus {
  position: relative;
  display: block;
  width: var(--lvf-plus);
  height: var(--lvf-plus);
  justify-self: end;
  border: 1px solid #c9d5d5;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.52);
  color: var(--lvf-blue);
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.lvf-plus::before,
.lvf-plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1px;
  border-radius: 1px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

.lvf-plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.lvf-faq-item[open] .lvf-faq-summary::before {
  background: rgba(10, 110, 158, 0.28);
}

.lvf-faq-item[open] .lvf-badge {
  background: var(--lvf-badge-active);
  color: var(--lvf-blue-deep);
}

.lvf-faq-item[open] .lvf-question {
  color: var(--lvf-blue-deep);
}

.lvf-faq-item[open] .lvf-plus {
  border-color: var(--lvf-blue);
  background: var(--lvf-blue);
  color: #ffffff;
}

.lvf-faq-item[open] .lvf-plus::after {
  transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
}

.lvf-faq-item:hover .lvf-question {
  color: var(--lvf-blue-deep);
}

.lvf-faq-item:hover .lvf-plus {
  border-color: rgba(10, 110, 158, 0.42);
  background: rgba(229, 241, 245, 0.8);
}

.lvf-faq-item[open]:hover .lvf-plus {
  border-color: var(--lvf-blue);
  background: var(--lvf-blue);
}

.lvf-answer {
  max-width: 68ch;
  margin: 0;
  padding: 0 calc(var(--lvf-plus) + 16px)
    clamp(1.2rem, 1.7vw, 1.45rem)
    calc(var(--lvf-badge) + var(--lvf-gap) + 1px + var(--lvf-question-pad));
  color: var(--lvf-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1rem, 1.12vw, 1.0625rem);
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
  opacity: 0;
  transform: translateY(-4px);
  transition:
    opacity 180ms ease 30ms,
    transform 200ms ease 30ms;
}

.lvf-answer p {
  margin: 0;
}

.lvf-faq-item[open] .lvf-answer {
  opacity: 1;
  transform: translateY(0);
}

.lvf-faq-item[open] .lvf-faq-summary {
  padding-bottom: 0.8rem;
}

@supports (interpolate-size: allow-keywords) {
  .lvf {
    interpolate-size: allow-keywords;
  }

  .lvf-faq-item::details-content {
    content-visibility: hidden;
    block-size: 0;
    overflow: clip;
    transition:
      block-size 260ms cubic-bezier(0.2, 0.72, 0.2, 1),
      content-visibility 260ms allow-discrete;
  }

  .lvf-faq-item[open]::details-content {
    content-visibility: visible;
    block-size: auto;
  }
}

@media (max-width: 1120px) {
  .lvf-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "head"
      "media"
      "faq";
  }

  .lvf-title {
    font-size: clamp(3.25rem, 5.4vw, 4rem);
  }

  .lvf-media {
    aspect-ratio: 16 / 10;
    margin-top: clamp(2.1rem, 3.7vw, 2.8rem);
  }

  .lvf-structure-rule,
  .lvf-structure-node {
    display: none;
  }

  .lvf-faq {
    margin-top: clamp(2.1rem, 3.7vw, 2.8rem);
  }

  .lvf-answer {
    font-size: 1.0625rem;
  }
}

@media (max-width: 700px) {
  .lvf {
    --lvf-badge: 44px;
    --lvf-gap: 14px;
    --lvf-plus: 34px;
    --lvf-question-pad: 16px;
    --lvf-row-pad: 17px;
    padding-block: clamp(3.1rem, 8vw, 4rem) clamp(4rem, 10vw, 4.8rem);
  }

  .lvf-title {
    font-size: clamp(2.55rem, 7vw, 3rem);
    letter-spacing: -0.045em;
  }

  .lvf-lede {
    font-size: 1.0625rem;
    line-height: 1.62;
  }

  .lvf-media {
    aspect-ratio: 4 / 3;
    margin-top: 2.1rem;
  }

  .lvf-faq {
    margin-top: 2.1rem;
  }

  .lvf-faq-summary {
    min-height: 72px;
    column-gap: var(--lvf-gap);
    padding-block: 17px;
  }

  .lvf-badge {
    height: 30px;
    font-size: 0.875rem;
  }

  .lvf-question {
    font-size: clamp(1.05rem, 3.6vw, 1.12rem);
    line-height: 1.4;
  }

  .lvf-plus::before,
  .lvf-plus::after {
    width: 11px;
  }

  .lvf-answer {
    padding-right: 0;
    padding-bottom: 1.35rem;
    font-size: 1rem;
    line-height: 1.65;
  }

  .lvf-faq-item[open] .lvf-faq-summary {
    padding-bottom: 0.75rem;
  }
}

@media (max-width: 380px) {
  .lvf {
    --lvf-badge: 40px;
    --lvf-gap: 12px;
    --lvf-plus: 32px;
    --lvf-question-pad: 12px;
    --lvf-row-pad: 15px;
  }

  .lvf-title {
    font-size: 2.45rem;
  }

  .lvf-faq-summary {
    min-height: 68px;
    padding-block: 15px;
  }

  .lvf-question {
    font-size: 1.05rem;
  }

  .lvf-answer {
    font-size: 0.9688rem;
  }
}

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

  .lvf-faq-item::details-content,
  .lvf-answer,
  .lvf-faq-summary::before,
  .lvf-badge,
  .lvf-question,
  .lvf-plus,
  .lvf-plus::before,
  .lvf-plus::after {
    transition: none !important;
  }
}

/* ==== low-voltage-other-division-premium.css ==== */
.lod {
  --lod-paper: var(--surface-soft, #f3f5f6);
  --lod-ink: #102b34;
  --lod-body: #42575d;
  --lod-muted: #5b6d72;
  --lod-blue: #0a6e9e;
  --lod-blue-deep: #07577d;
  --lod-blue-pale: #e4f0f4;
  --lod-line: var(--line-cool, #d8e2e5);
  --lod-line-soft: var(--line-cool-soft, #e8eef0);
  --lod-frame: #a9c7d1;
  --lod-navy: #0d2833;
  --lod-gap: 14px;
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.25rem, 3.9vw, 3.6rem);
  background: var(--lod-paper);
  color: var(--lod-ink);
}

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

.lod-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.12fr);
  column-gap: clamp(2.8rem, 4.2vw, 4rem);
  align-items: stretch;
}

.lod-editorial {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.lod-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--lod-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.lod-eyebrow-mark {
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.lod-title {
  margin: clamp(0.95rem, 1.45vw, 1.12rem) 0 0;
  color: var(--lod-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.5rem, 4.7vw, 4.35rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.05em;
  text-wrap: initial;
}

.lod-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.lod-title-line {
  display: inline-block;
}

.lod-lede {
  max-width: 46ch;
  margin: clamp(1rem, 1.45vw, 1.15rem) 0 0;
  color: var(--lod-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.08rem, 1.32vw, 1.2rem);
  line-height: 1.58;
}

.lod-notes {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(1.25rem, 1.9vw, 1.65rem);
  row-gap: clamp(1rem, 1.3vw, 1.15rem);
  margin: clamp(1.35rem, 1.9vw, 1.65rem) 0 0;
  padding: clamp(1rem, 1.35vw, 1.15rem) 0 0;
  border-top: 1px solid var(--lod-line);
  list-style: none;
}

.lod-note {
  display: grid;
  min-width: 0;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  padding-top: 0;
}

.lod-note:nth-child(even) {
  padding-left: clamp(1.1rem, 1.7vw, 1.5rem);
  border-left: 1px solid var(--lod-line-soft);
}

.lod-note:nth-child(n + 3) {
  padding-top: clamp(0.9rem, 1.2vw, 1.05rem);
  border-top: 1px solid var(--lod-line-soft);
}

.lod-note-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  background: var(--lod-blue-pale);
  color: var(--lod-blue);
  border-radius: 2px;
}

.lod-note-icon svg {
  width: 19px;
  height: 19px;
}

.lod-note h3 {
  margin: 1px 0 0;
  color: var(--lod-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.015em;
}

.lod-note p {
  margin: 5px 0 0;
  color: var(--lod-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
}

.lod-action {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: clamp(2.25rem, 3.8vw, 3.5rem);
  margin-top: clamp(1.55rem, 2vw, 1.8rem);
  padding: 0 clamp(1.15rem, 1.7vw, 1.45rem);
  color: var(--lod-white, #fff);
  background: var(--lod-navy);
  border: 1px solid var(--lod-navy);
  border-radius: 3px;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.005em;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.lod-action svg {
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

.lod-action:hover {
  color: #fff;
  background: var(--lod-blue-deep);
  border-color: var(--lod-blue-deep);
}

.lod-action:hover svg {
  transform: translateX(3px);
}

.lod-action:focus-visible {
  outline: 2px solid var(--lod-blue);
  outline-offset: 3px;
}

.lod-visual {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: 100%;
  grid-template-rows: minmax(0, 1fr) clamp(6.4rem, 8.2vw, 7.6rem);
  gap: var(--lod-gap);
}

.lod-collage-top {
  display: grid;
  min-width: 0;
  min-height: 380px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 0.98fr);
  gap: var(--lod-gap);
}

.lod-main {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 1px;
  background: var(--lod-frame);
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 19%);
}

.lod-main-reveal {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #102b34;
}

.lod-main-media {
  position: absolute;
  inset: 0;
}

.lod-main-image {
  object-fit: cover;
  object-position: 56% 52%;
}

.lod-main-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(5, 22, 29, 0) 48%,
    rgba(5, 22, 29, 0.52) 100%
  );
  pointer-events: none;
}

.lod-main-mark {
  position: absolute;
  bottom: clamp(1.1rem, 1.7vw, 1.45rem);
  left: clamp(1.1rem, 1.8vw, 1.5rem);
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.lod-main-mark::before {
  content: "";
  display: block;
  width: 42px;
  height: 1px;
  background: #8ec9dc;
}

.lod-main-mark::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #8ec9dc;
}

.lod-side {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: 100%;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: var(--lod-gap);
}

.lod-plate {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden;
  padding: clamp(0.95rem, 1.5vw, 1.35rem);
  background: var(--lod-blue-pale);
  border-radius: 2px;
}

.lod-plate-mark {
  display: block;
  width: 7px;
  height: 7px;
  background: var(--lod-blue);
}

.lod-plate-icon {
  width: clamp(66px, 5.8vw, 88px);
  height: auto;
  align-self: center;
  margin-block: 0.2rem;
  color: var(--lod-blue);
}

.lod-plate-label {
  max-width: 12ch;
  color: var(--lod-blue-deep);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.lod-supplement {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--lod-navy);
  border-radius: 2px;
}

.lod-supplement::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(6, 27, 37, 0.02) 50%,
    rgba(6, 27, 37, 0.24) 100%
  );
  pointer-events: none;
}

.lod-supplement-image {
  object-fit: cover;
  object-position: 46% 49%;
}

.lod-strip {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--lod-navy);
  border-radius: 2px;
}

.lod-strip-image {
  object-fit: cover;
  object-position: 50% 16%;
  filter: saturate(0.66) contrast(1.08) brightness(0.74);
}

.lod-strip-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(4, 22, 32, 0.68) 0%,
    rgba(4, 22, 32, 0.38) 52%,
    rgba(4, 22, 32, 0.66) 100%
  );
  pointer-events: none;
}

@media (max-width: 1120px) {
  .lod {
    padding-block: clamp(3.5rem, 5vw, 4.25rem);
  }

  .lod-layout {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(2.6rem, 4.8vw, 3.4rem);
  }

  .lod-editorial {
    justify-content: flex-start;
  }

  .lod-title {
    font-size: clamp(3.5rem, 6.4vw, 4.2rem);
  }

  .lod-visual {
    height: auto;
    grid-template-rows: auto 112px;
  }

  .lod-collage-top {
    height: clamp(360px, 43vw, 440px);
    min-height: 0;
  }

  .lod-side {
    height: 100%;
  }
}

@media (max-width: 700px) {
  .lod {
    padding-block: 3.2rem 3.55rem;
  }

  .lod-layout {
    row-gap: 2.55rem;
  }

  .lod-title {
    font-size: clamp(2.9rem, 12vw, 3.5rem);
    line-height: 0.96;
  }

  .lod-lede {
    max-width: 42ch;
    font-size: 1.05rem;
    line-height: 1.58;
  }

  .lod-notes {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 1.6rem;
    padding-top: 0;
    border-top: 0;
  }

  .lod-note,
  .lod-note:nth-child(n + 3) {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 15px 0;
    border-top: 1px solid var(--lod-line-soft);
  }

  .lod-note:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }

  .lod-note h3 {
    font-size: 1rem;
  }

  .lod-note p {
    font-size: 0.9375rem;
  }

  .lod-action {
    width: 100%;
    min-height: 56px;
    gap: 1.5rem;
    margin-top: 1.55rem;
  }

  .lod-visual {
    grid-template-rows: auto 88px;
    gap: 10px;
  }

  .lod-collage-top {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "main main"
      "plate supplement";
    gap: 10px;
  }

  .lod-main {
    height: auto;
    aspect-ratio: 1.32;
    grid-area: main;
  }

  .lod-side {
    display: contents;
  }

  .lod-plate {
    aspect-ratio: 1 / 1;
    grid-area: plate;
    padding: 14px;
  }

  .lod-supplement {
    aspect-ratio: 1 / 1;
    grid-area: supplement;
  }

  .lod-plate-icon {
    width: clamp(48px, 14vw, 66px);
  }

  .lod-plate-label {
    font-size: 0.625rem;
    letter-spacing: 0.1em;
  }

  .lod-strip {
    height: 88px;
  }
}

@media (max-width: 380px) {
  .lod-title {
    font-size: 2.9rem;
  }

  .lod-note {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }

  .lod-note-icon {
    width: 34px;
    height: 34px;
  }

  .lod-note-icon svg {
    width: 18px;
    height: 18px;
  }

  .lod-plate-label {
    font-size: 0.6rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lod-action,
  .lod-action svg {
    transition: none;
  }

  .lod-action:hover svg {
    transform: none;
  }
}

/* ==== electrical-scope-premium.css ==== */
.esc {
  --esc-paper: var(--surface-white, #ffffff);
  --esc-ink: #102b34;
  --esc-body: #42575d;
  --esc-muted: #5b6d72;
  --esc-blue: #0a6e9e;
  --esc-blue-deep: #07577d;
  --esc-blue-pale: #e4f0f4;
  --esc-line: var(--line-cool, #d8e2e5);
  --esc-line-soft: var(--line-cool-soft, #e8eef0);
  --esc-frame: #a9c7d1;
  --esc-navy: #0b3041;
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.4rem, 4.4vw, 4rem);
  background: var(--esc-paper);
  color: var(--esc-ink);
}

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

.esc-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.12fr);
  column-gap: clamp(2.8rem, 4.2vw, 4rem);
  align-items: stretch;
}

.esc-editorial {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.esc-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--esc-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.esc-eyebrow-mark {
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.esc-title {
  margin: clamp(0.95rem, 1.45vw, 1.12rem) 0 0;
  color: var(--esc-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.25rem, 3.9vw, 4rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.05em;
  text-wrap: initial;
}

.esc-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.esc-title-line {
  display: inline-block;
}

.esc-lede {
  max-width: 47ch;
  margin: clamp(1rem, 1.5vw, 1.2rem) 0 0;
  color: var(--esc-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.06rem, 1.25vw, 1.15rem);
  line-height: 1.58;
}

.esc-notes {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(1.25rem, 1.9vw, 1.65rem);
  row-gap: clamp(1.1rem, 1.4vw, 1.25rem);
  margin: clamp(1.4rem, 1.95vw, 1.7rem) 0 0;
  padding: clamp(1rem, 1.35vw, 1.15rem) 0 0;
  border-top: 1px solid var(--esc-line);
  list-style: none;
}

.esc-note {
  display: grid;
  min-width: 0;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.esc-note:nth-child(even) {
  padding-left: clamp(1.1rem, 1.7vw, 1.5rem);
  border-left: 1px solid var(--esc-line-soft);
}

.esc-note:nth-child(n + 3) {
  padding-top: clamp(0.95rem, 1.3vw, 1.15rem);
  border-top: 1px solid var(--esc-line-soft);
}

.esc-note-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  background: var(--esc-blue-pale);
  color: var(--esc-blue);
  border-radius: 2px;
}

.esc-note-icon svg {
  width: 20px;
  height: 20px;
}

.esc-note h3 {
  margin: 1px 0 0;
  color: var(--esc-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.24;
  letter-spacing: -0.015em;
}

.esc-note p {
  margin: 6px 0 0;
  color: var(--esc-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.9rem;
  line-height: 1.55;
}

.esc-visual {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: 100%;
  grid-template-rows: minmax(0, 1fr) clamp(6.8rem, 8.6vw, 7.8rem);
  gap: 14px;
}

.esc-collage-top {
  display: grid;
  min-width: 0;
  min-height: 400px;
  grid-template-columns: minmax(0, 2fr) minmax(0, 0.98fr);
  gap: 14px;
}

.esc-main {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 1px;
  background: var(--esc-navy);
  clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%, 0 18%);
}

.esc-main::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 1px solid var(--esc-frame);
  pointer-events: none;
}

.esc-main-reveal {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #102b34;
}

.esc-main-media {
  position: absolute;
  inset: 0;
}

.esc-main-image {
  object-fit: cover;
  object-position: 58% 50%;
}

.esc-main-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(5, 22, 29, 0) 58%,
    rgba(5, 22, 29, 0.3) 100%
  );
  pointer-events: none;
}

.esc-main-accent {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.esc-main-accent path {
  fill: none;
  stroke: #72b7cc;
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}

.esc-side {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: 100%;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.esc-side-image {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--esc-navy);
  border-radius: 2px;
}

.esc-side-contain-image {
  object-fit: cover;
  object-position: 50% 14%;
  filter: saturate(0.88) contrast(1.02);
}

.esc-side-detail-image {
  object-fit: cover;
  object-position: 50% 50%;
  filter: saturate(0.86) contrast(1.03);
}

.esc-side-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(5, 22, 29, 0.04) 52%,
    rgba(5, 22, 29, 0.2) 100%
  );
  pointer-events: none;
}

.esc-strip {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  padding-inline: clamp(1.1rem, 2vw, 1.65rem);
  background-color: var(--esc-navy);
  border-radius: 2px;
}

.esc-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(159, 203, 216, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159, 203, 216, 0.08) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
}

.esc-strip::after {
  content: "";
  position: absolute;
  top: 24%;
  right: 10%;
  width: 22%;
  height: 52%;
  border-top: 1px solid rgba(159, 203, 216, 0.32);
  border-right: 1px solid rgba(159, 203, 216, 0.32);
  pointer-events: none;
}

.esc-strip-rule {
  display: block;
  width: 40px;
  height: 1px;
  flex: 0 0 auto;
  background: #79bbd0;
}

.esc-strip-node {
  display: block;
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  background: #79bbd0;
}

.esc-strip-caption {
  position: relative;
  z-index: 1;
  max-width: 20ch;
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(0.625rem, 0.72vw, 0.6875rem);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

@media (max-width: 1120px) {
  .esc {
    padding-block: clamp(3.5rem, 5vw, 4.25rem);
  }

  .esc-layout {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(2.5rem, 4.8vw, 3.4rem);
  }

  .esc-editorial {
    justify-content: flex-start;
  }

  .esc-title {
    font-size: clamp(3.6rem, 6.3vw, 4.2rem);
  }

  .esc-visual {
    height: auto;
    grid-template-rows: auto 112px;
  }

  .esc-collage-top {
    height: clamp(380px, 43vw, 440px);
    min-height: 0;
  }

  .esc-side {
    height: 100%;
  }
}

@media (max-width: 700px) {
  .esc {
    padding-block: 3.15rem 3.55rem;
  }

  .esc-layout {
    row-gap: 2.5rem;
  }

  .esc-title {
    font-size: clamp(2.1rem, 9.8vw, 3.2rem);
    line-height: 0.97;
  }

  .esc-lede {
    max-width: 44ch;
    font-size: 1.05rem;
  }

  .esc-notes {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 1.6rem;
    padding-top: 0;
    border-top: 0;
  }

  .esc-note,
  .esc-note:nth-child(n + 3) {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 15px 0;
    border-top: 1px solid var(--esc-line-soft);
  }

  .esc-note:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }

  .esc-note h3 {
    font-size: 1rem;
  }

  .esc-note p {
    font-size: 0.9375rem;
  }

  .esc-visual {
    grid-template-rows: auto 92px;
    gap: 10px;
  }

  .esc-collage-top {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "main main"
      "contain detail";
    gap: 10px;
  }

  .esc-main {
    height: auto;
    aspect-ratio: 1.35;
    grid-area: main;
  }

  .esc-side {
    display: contents;
  }

  .esc-side-contain {
    aspect-ratio: 1 / 1;
    grid-area: contain;
  }

  .esc-side-detail {
    aspect-ratio: 1 / 1;
    grid-area: detail;
  }

  .esc-main-accent {
    display: none;
  }

  .esc-strip {
    height: 92px;
    padding-inline: 14px;
  }

  .esc-strip::before {
    background-size: 24px 24px;
  }

  .esc-strip-rule {
    width: 28px;
  }

}

@media (max-width: 380px) {
  .esc-title {
    font-size: 2.1rem;
  }

  .esc-note {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }

  .esc-note-icon {
    width: 34px;
    height: 34px;
  }

  .esc-note-icon svg {
    width: 18px;
    height: 18px;
  }

}

@media (prefers-reduced-motion: reduce) {
  .esc *,
  .esc *::before,
  .esc *::after {
    scroll-behavior: auto;
  }
}

/* ==== electrical-questions-premium.css ==== */
.eq {
  --eq-paper: var(--surface-soft, #f3f5f6);
  --eq-ink: #102b34;
  --eq-body: #3f555b;
  --eq-muted: #4e6065;
  --eq-blue: #0a6e9e;
  --eq-blue-deep: #07577d;
  --eq-line: var(--line-cool, #d8e2e5);
  --eq-line-soft: var(--line-cool-soft, #e8eef0);
  --eq-trace: #0a6e9e;
  --eq-cut: 10.8%;
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.6rem, 4.4vw, 4.25rem);
  background: var(--eq-paper);
  color: var(--eq-ink);
}

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

.eq-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);
  grid-template-areas:
    "media head"
    "media topics";
  column-gap: clamp(2.8rem, 4.2vw, 4.1rem);
  row-gap: clamp(2.15rem, 2.9vw, 2.75rem);
  align-items: start;
}

.eq-media {
  position: relative;
  grid-area: media;
  min-width: 0;
  min-height: clamp(600px, 44vw, 650px);
  height: 100%;
  margin: 0;
}

.eq-photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: var(--eq-paper);
  clip-path: polygon(
    10.8% 0,
    100% 0,
    100% 89.2%,
    89.2% 100%,
    0 100%,
    0 10.8%
  );
}

.eq-photo-reveal,
.eq-photo-media {
  position: absolute;
  inset: 0;
  min-width: 0;
  min-height: 0;
}

.eq-photo-reveal {
  overflow: hidden;
}

.eq-photo-media {
  background: var(--eq-paper);
}

.eq-photo-image {
  object-fit: cover;
  object-position: 51% 50%;
  filter: saturate(0.82) contrast(1.03) brightness(0.98);
}

.eq-photo-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(4, 18, 24, 0.02) 52%,
      rgba(4, 18, 24, 0.18) 100%
    ),
    linear-gradient(
      90deg,
      rgba(4, 18, 24, 0.08) 0%,
      rgba(4, 18, 24, 0) 42%
    );
  pointer-events: none;
}

.eq-trace {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.eq-trace path {
  fill: none;
  stroke: var(--eq-trace);
  stroke-width: 1.15;
  vector-effect: non-scaling-stroke;
}

.eq-node {
  position: absolute;
  z-index: 3;
  width: 6px;
  height: 6px;
  background: var(--eq-trace);
  pointer-events: none;
}

.eq-node-top {
  top: calc(var(--eq-cut) - 3px);
  left: -3px;
}

.eq-node-bottom {
  right: -3px;
  bottom: calc(var(--eq-cut) - 3px);
}

.eq-head {
  grid-area: head;
  min-width: 0;
  padding-top: clamp(0.2rem, 0.8vw, 0.7rem);
}

.eq-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--eq-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.eq-eyebrow-rule {
  display: block;
  width: 20px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
}

.eq-eyebrow-text {
  display: block;
}

.eq-title {
  max-width: 100%;
  margin: clamp(0.95rem, 1.5vw, 1.15rem) 0 0;
  color: var(--eq-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.95rem, 4.03vw, 3.9rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.052em;
  text-wrap: initial;
}

.eq-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.06em;
  margin-block: -0.06em;
}

.eq-title-line {
  display: inline-block;
  max-width: 100%;
}

.eq-lede {
  max-width: 54ch;
  margin: clamp(1.15rem, 1.75vw, 1.4rem) 0 0;
  color: var(--eq-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.2vw, 1.1rem);
  line-height: 1.6;
}

.eq-topics {
  grid-area: topics;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.eq-topic {
  min-width: 0;
  padding: clamp(1.2rem, 1.55vw, 1.45rem) 0 clamp(1.45rem, 1.8vw, 1.65rem);
  border-top: 1px solid var(--eq-line);
}

.eq-topic:nth-child(odd) {
  padding-right: clamp(1.25rem, 2vw, 1.75rem);
}

.eq-topic:nth-child(even) {
  padding-left: clamp(1.25rem, 2vw, 1.75rem);
  border-left: 1px solid var(--eq-line-soft);
}

.eq-topic-head {
  display: flex;
  align-items: center;
  gap: 11px;
}

.eq-number {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  color: var(--eq-blue);
  background: transparent;
  border: 1px solid rgba(10, 110, 158, 0.58);
  border-radius: 50%;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.07em;
}

.eq-topic-rule {
  display: block;
  width: clamp(14px, 1.4vw, 20px);
  height: 1px;
  flex: 0 0 auto;
  background: rgba(10, 110, 158, 0.5);
}

.eq-topic h3 {
  margin: 0;
  color: var(--eq-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.26vw, 1.1875rem);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.015em;
}

.eq-topic p {
  max-width: 34ch;
  margin: 11px 0 0;
  color: var(--eq-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(0.9375rem, 1.03vw, 0.9875rem);
  line-height: 1.58;
}

@media (max-width: 1100px) {
  .eq {
    padding-block: clamp(3.5rem, 5.4vw, 4.25rem);
  }

  .eq-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "head"
      "media"
      "topics";
    row-gap: clamp(2.45rem, 4vw, 3.05rem);
  }

  .eq-head {
    padding-top: 0;
  }

  .eq-title {
    max-width: 100%;
    font-size: clamp(2.9rem, 6.2vw, 4.2rem);
  }

  .eq-lede {
    max-width: 56ch;
  }

  .eq-media {
    height: auto;
    min-height: 0;
    aspect-ratio: 1.62;
  }

  .eq-photo-image {
    object-position: 50% 51%;
  }

  .eq-topics {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .eq {
    padding-block: 3.05rem 3.35rem;
  }

  .eq-layout {
    row-gap: 1.9rem;
  }

  .eq-title {
    max-width: 100%;
    margin-top: 0.95rem;
    font-size: clamp(1.75rem, 8.7vw, 3rem);
    line-height: 0.96;
  }

  .eq-lede {
    max-width: 44ch;
    margin-top: 1.15rem;
    font-size: 1.04rem;
    line-height: 1.58;
  }

  .eq-media {
    aspect-ratio: 4 / 3;
  }

  .eq-photo-image {
    object-position: 50% 52%;
  }

  .eq-trace path:nth-child(2),
  .eq-node-bottom {
    display: none;
  }

  .eq-topics {
    grid-template-columns: minmax(0, 1fr);
  }

  .eq-topic,
  .eq-topic:nth-child(odd),
  .eq-topic:nth-child(even) {
    padding: 1.02rem 0 1.12rem;
    border-left: 0;
  }

  .eq-topic h3 {
    font-size: 1.0625rem;
  }

  .eq-topic p {
    max-width: 40ch;
    margin-top: 9px;
    font-size: 0.96875rem;
    line-height: 1.56;
  }

  .eq-number {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 380px) {
  .eq-number {
    width: 34px;
    height: 34px;
    font-size: 0.65rem;
  }

  .eq-topic-head {
    gap: 9px;
  }

  .eq-topic-rule {
    width: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eq *,
  .eq *::before,
  .eq *::after {
    scroll-behavior: auto;
  }
}




/* ==== electrical-brief-premium.css ==== */
.eb {
  --eb-paper: var(--surface-white, #ffffff);
  --eb-ink: #102b34;
  --eb-text: #22383f;
  --eb-body: #41565c;
  --eb-blue: #0a6e9e;
  --eb-blue-deep: #07577d;
  --eb-frame-line: #c9dee7;
  --eb-line: var(--line-cool, #d8e2e5);
  --eb-line-soft: var(--line-cool-soft, #e8eef0);
  --eb-cut: 76px;
  --eb-pad: clamp(3.75rem, 4.6vw, 4.5rem);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: var(--eb-pad);
  background: var(--eb-paper);
  color: var(--eb-ink);
}

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

.eb-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ============================================================
   STAGE ONE — editorial introduction + cinematic photograph
   ============================================================ */

.eb-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.16fr);
  column-gap: clamp(2.5rem, 3.6vw, 3.75rem);
  align-items: start;
}

.eb-editorial {
  min-width: 0;
  padding-top: clamp(1.25rem, 2.4vw, 2.9rem);
}

.eb-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--eb-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.eb-eyebrow-mark {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.eb-eyebrow-text {
  display: block;
  flex: 0 0 auto;
}

.eb-eyebrow-rule {
  display: block;
  width: clamp(44px, 6.4vw, 88px);
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: 0.55;
  transform-origin: left center;
}

.eb-title {
  max-width: 100%;
  margin: clamp(1.1rem, 1.8vw, 1.5rem) 0 0;
  color: var(--eb-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.9rem, 4.15vw, 4rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.eb-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.07em;
  margin-block: -0.07em;
}

.eb-title-line {
  display: inline-block;
  max-width: 100%;
}

.eb-title-dot {
  display: inline-block;
  width: 0.26em;
  height: 0.26em;
  margin-left: 0.12em;
  background: var(--eb-blue);
  vertical-align: baseline;
}

.eb-lede {
  max-width: 46ch;
  margin: clamp(1.15rem, 1.7vw, 1.5rem) 0 0;
  color: var(--eb-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.15vw, 1.1875rem);
  font-weight: 400;
  line-height: 1.62;
  text-wrap: pretty;
}

.eb-signal {
  display: block;
  width: 64px;
  height: 3px;
  margin-top: clamp(1.5rem, 2.3vw, 2.1rem);
  background: var(--eb-blue);
  transform-origin: left center;
}

/* Cinematic photograph */

.eb-visual {
  position: relative;
  min-width: 0;
  width: 100%;
  margin: 0;
  aspect-ratio: 16 / 9;
}

.eb-photo-accent {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 42%;
  height: 120px;
  background: linear-gradient(120deg, var(--eb-blue) 0%, var(--eb-blue-deep) 100%);
  clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}

.eb-photo-reveal {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.eb-photo-shell {
  position: absolute;
  inset: 0;
  padding: 1px;
  background: var(--eb-frame-line);
  clip-path: polygon(
    var(--eb-cut) 0,
    100% 0,
    100% calc(100% - var(--eb-cut)),
    calc(100% - var(--eb-cut)) 100%,
    0 100%,
    0 var(--eb-cut)
  );
  -webkit-clip-path: polygon(
    var(--eb-cut) 0,
    100% 0,
    100% calc(100% - var(--eb-cut)),
    calc(100% - var(--eb-cut)) 100%,
    0 100%,
    0 var(--eb-cut)
  );
}

.eb-photo-frame {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #101c21;
}

.eb-photo-image {
  object-fit: cover;
  object-position: 50% 47%;
  filter: saturate(0.92) contrast(1.03) brightness(0.99);
}

.eb-photo-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(4, 18, 24, 0) 62%,
      rgba(4, 18, 24, 0.16) 100%
    ),
    linear-gradient(
      90deg,
      rgba(4, 18, 24, 0.1) 0%,
      rgba(4, 18, 24, 0) 32%
    );
  pointer-events: none;
}

.eb-photo-cut {
  position: absolute;
  z-index: 2;
  top: calc(var(--eb-cut) * 0.5 - 1px);
  left: calc(var(--eb-cut) * -0.207);
  width: calc(var(--eb-cut) * 1.414);
  height: 1px;
  background: var(--eb-blue);
  transform: rotate(-45deg);
  transform-origin: center;
  pointer-events: none;
}

.eb-photo-node {
  position: absolute;
  z-index: 3;
  left: -3px;
  top: calc(var(--eb-cut) - 3px);
  width: 6px;
  height: 6px;
  background: var(--eb-blue);
  pointer-events: none;
}

/* ============================================================
   STAGE TWO — four-point architectural briefing rail
   ============================================================ */

.eb-rail {
  margin-top: clamp(2.75rem, 3.9vw, 3.5rem);
  border-top: 1px solid var(--eb-line);
  padding-top: clamp(2rem, 3vw, 2.6rem);
}

.eb-rail-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.eb-rail-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-right: clamp(1.1rem, 1.8vw, 1.7rem);
}

.eb-rail-item + .eb-rail-item {
  border-left: 1px solid var(--eb-line-soft);
  padding-left: clamp(1.1rem, 1.8vw, 1.7rem);
}

.eb-rail-head {
  display: flex;
  align-items: center;
  gap: clamp(0.65rem, 1vw, 0.9rem);
}

.eb-rail-num {
  display: grid;
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
  place-items: center;
  color: var(--eb-blue);
  border: 1px solid rgba(10, 110, 158, 0.55);
  border-radius: 50%;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.07em;
  font-variant-numeric: tabular-nums;
  transition:
    border-color 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease;
}

.eb-rail-sep {
  display: block;
  width: 1px;
  height: 40px;
  flex: 0 0 auto;
  background: var(--eb-line);
}

.eb-rail-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--eb-ink);
  opacity: 0.92;
  transition: color 0.3s ease;
}

.eb-rail-icon svg {
  display: block;
  transition: transform 0.3s ease;
}

.eb-rail-text {
  flex: 1;
  max-width: 27ch;
  margin-top: clamp(1.2rem, 1.8vw, 1.6rem);
  color: var(--eb-text);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.03125rem, 1.12vw, 1.09375rem);
  font-weight: 400;
  line-height: 1.55;
  text-wrap: pretty;
  transition: color 0.3s ease;
}

.eb-rail-rule {
  position: relative;
  display: block;
  height: 1px;
  margin-top: clamp(1.4rem, 1.9vw, 1.85rem);
  background: var(--eb-line);
}

.eb-rail-rule::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(10, 110, 158, 0.7);
  border-radius: 50%;
  background: var(--eb-paper);
}

.eb-rail-rule::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 1px;
  background: var(--eb-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (hover: hover) {
  .eb-rail-item:hover .eb-rail-num {
    color: var(--eb-blue-deep);
    border-color: var(--eb-blue);
    background: rgba(10, 110, 158, 0.06);
  }

  .eb-rail-item:hover .eb-rail-icon {
    color: var(--eb-blue-deep);
  }

  .eb-rail-item:hover .eb-rail-icon svg {
    transform: translateX(2px);
  }

  .eb-rail-item:hover .eb-rail-text {
    color: var(--eb-ink);
  }

  .eb-rail-item:hover .eb-rail-rule::after {
    transform: scaleX(1);
  }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1180px) {
  .eb {
    --eb-cut: 60px;
    --eb-pad: clamp(3.4rem, 4.6vw, 4rem);
  }

  .eb-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    column-gap: clamp(2rem, 3.4vw, 2.75rem);
  }

  .eb-editorial {
    padding-top: clamp(1rem, 2vw, 1.8rem);
  }

  .eb-title {
    font-size: clamp(2.65rem, 4.4vw, 3.5rem);
  }

  .eb-rail-num {
    width: 50px;
    height: 50px;
    font-size: 0.875rem;
  }

  .eb-rail-sep {
    height: 36px;
  }

  .eb-rail-text {
    max-width: 25ch;
  }
}

@media (max-width: 1080px) {
  .eb-rail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eb-rail-item {
    padding: 0 clamp(1.4rem, 2.4vw, 2rem) clamp(1.5rem, 2.2vw, 1.9rem) 0;
  }

  .eb-rail-item + .eb-rail-item {
    padding-left: clamp(1.4rem, 2.4vw, 2rem);
  }

  .eb-rail-item:nth-child(2n) {
    padding-right: 0;
  }

  .eb-rail-item:nth-child(2n + 1) {
    border-left: 0;
    padding-left: 0;
  }

  .eb-rail-item:nth-child(n + 3) {
    border-top: 1px solid var(--eb-line-soft);
    padding-top: clamp(1.5rem, 2.2vw, 1.9rem);
  }

  .eb-rail-text {
    max-width: 34ch;
  }
}

@media (max-width: 940px) {
  .eb-hero {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(2rem, 3.4vw, 2.6rem);
  }

  .eb-editorial {
    padding-top: 0;
  }

  .eb-title {
    max-width: 22ch;
    font-size: clamp(2.85rem, 5.6vw, 3.6rem);
  }

  .eb-lede {
    max-width: 56ch;
  }

  .eb-visual {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 700px) {
  .eb {
    --eb-cut: 34px;
    padding-block: 3.2rem 3.45rem;
  }

  .eb-eyebrow {
    gap: 10px;
    font-size: 0.65rem;
  }

  .eb-eyebrow-rule {
    width: 38px;
  }

  .eb-title {
    max-width: 100%;
    margin-top: 1rem;
    font-size: clamp(2.35rem, 8.8vw, 3rem);
    line-height: 0.98;
    letter-spacing: -0.044em;
  }

  .eb-lede {
    max-width: 44ch;
    margin-top: 1.05rem;
    font-size: 1.0625rem;
    line-height: 1.58;
  }

  .eb-signal {
    width: 54px;
    margin-top: 1.4rem;
  }

  .eb-visual {
    aspect-ratio: 3 / 2;
  }

  .eb-rail {
    margin-top: 2.3rem;
    padding-top: 1.85rem;
  }

  .eb-rail-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .eb-rail-item,
  .eb-rail-item + .eb-rail-item,
  .eb-rail-item:nth-child(2n),
  .eb-rail-item:nth-child(2n + 1),
  .eb-rail-item:nth-child(n + 3) {
    border-top: 0;
    border-left: 0;
    padding: 0 0 1.55rem;
  }

  .eb-rail-item + .eb-rail-item {
    margin-top: 1.55rem;
  }

  .eb-rail-num {
    width: 44px;
    height: 44px;
    font-size: 0.82rem;
  }

  .eb-rail-sep {
    height: 30px;
  }

  .eb-rail-icon svg {
    width: 23px;
    height: 23px;
  }

  .eb-rail-text {
    max-width: none;
    margin-top: 1rem;
    font-size: 1.03125rem;
    line-height: 1.55;
  }

  .eb-rail-rule {
    margin-top: 1.2rem;
  }

  .eb-rail-item:last-child .eb-rail-rule {
    display: none;
  }
}

@media (max-width: 380px) {
  .eb-title {
    font-size: 2.15rem;
  }

  .eb-rail-num {
    width: 40px;
    height: 40px;
    font-size: 0.78rem;
  }

  .eb-rail-text {
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eb-rail-num,
  .eb-rail-icon,
  .eb-rail-icon svg,
  .eb-rail-text,
  .eb-rail-rule::after {
    transition: none;
  }

  .eb-photo-image,
  .eb-photo-accent,
  .eb-eyebrow-mark,
  .eb-signal {
    transform: none;
  }
}

/* ==== electrical-faq-premium.css ==== */
.efq {
  --efq-ink: #08141c;
  --efq-white: #f2f6f8;
  --efq-body: rgba(226, 237, 243, 0.82);
  --efq-body-strong: rgba(236, 244, 248, 0.9);
  --efq-blue: #0a6e9e;
  --efq-blue-light: #5fb6e2;
  --efq-blue-bright: #9ad9f5;
  --efq-rule: rgba(196, 224, 238, 0.22);
  --efq-rule-strong: rgba(200, 228, 241, 0.34);
  --efq-num-w: 2.75rem;
  --efq-ctrl: 3.25rem;
  --efq-gap: clamp(1rem, 1.5vw, 1.4rem);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(4.25rem, 6.2vw, 6.5rem) clamp(3.75rem, 5.2vw, 5.25rem);
  background: var(--efq-ink);
  color: var(--efq-white);
}

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

.efq-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  overflow: hidden;
}

.efq-bg-image {
  object-fit: cover;
  object-position: 50% 44%;
  filter: brightness(0.72) saturate(0.82) contrast(1.06);
}

.efq-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(
      120% 90% at 78% 26%,
      rgba(10, 44, 62, 0.3) 0%,
      rgba(10, 44, 62, 0) 58%
    ),
    linear-gradient(
      90deg,
      rgba(5, 14, 20, 0.94) 0%,
      rgba(5, 14, 20, 0.86) 34%,
      rgba(5, 14, 20, 0.6) 64%,
      rgba(5, 14, 20, 0.8) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5, 14, 20, 0.78) 0%,
      rgba(5, 14, 20, 0.4) 34%,
      rgba(5, 14, 20, 0.72) 74%,
      rgba(5, 14, 20, 0.94) 100%
    );
}

.efq-linework {
  position: absolute;
  top: clamp(-1rem, 0.6vw, 1rem);
  right: 0;
  z-index: 2;
  width: clamp(260px, 34vw, 540px);
  height: auto;
  color: rgba(126, 184, 218, 0.3);
  pointer-events: none;
}

.efq-container {
  position: relative;
  z-index: 3;
}

.efq-head {
  max-width: 46rem;
}

.efq-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--efq-blue-light);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.efq-eyebrow-mark {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.efq-eyebrow-text {
  display: block;
  flex: 0 0 auto;
}

.efq-eyebrow-rule {
  display: block;
  width: clamp(56px, 8vw, 112px);
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: 0.55;
  transform-origin: left center;
}

.efq-title {
  max-width: 100%;
  margin: clamp(1.05rem, 1.7vw, 1.45rem) 0 0;
  color: var(--efq-white);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.2rem, 5.1vw, 4.6rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.efq-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.07em;
  margin-block: -0.07em;
}

.efq-title-line {
  display: inline-block;
  max-width: 100%;
}

.efq-title-dot {
  display: inline-block;
  width: 0.24em;
  height: 0.24em;
  margin-left: 0.12em;
  background: var(--efq-blue-light);
  vertical-align: baseline;
}

.efq-lede {
  max-width: 46ch;
  margin: clamp(1.2rem, 1.8vw, 1.55rem) 0 0;
  color: var(--efq-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.16vw, 1.1875rem);
  font-weight: 400;
  line-height: 1.66;
  text-wrap: pretty;
}

.efq-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ============================================================
   Signature accordion rail
   ============================================================ */

.efq-faq {
  margin-top: clamp(2.75rem, 4.2vw, 3.75rem);
}

.efq-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--efq-rule-strong);
}

.efq-row {
  margin: 0;
  padding: 0;
  list-style: none;
}

.efq-item {
  position: relative;
  border-bottom: 1px solid var(--efq-rule);
}

.efq-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--efq-blue-light) 0%,
    rgba(95, 182, 226, 0) 100%
  );
  transition: width 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none;
}

.efq-summary {
  display: grid;
  grid-template-columns: var(--efq-num-w) 1px minmax(0, 1fr) var(--efq-ctrl);
  column-gap: var(--efq-gap);
  align-items: center;
  padding-block: clamp(1.35rem, 1.9vw, 1.7rem);
  cursor: pointer;
  list-style: none;
}

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

.efq-summary::marker {
  content: "";
}

.efq-summary:focus-visible {
  outline: 2px solid #8fd3f2;
  outline-offset: 3px;
  border-radius: 2px;
}

.efq-num {
  color: var(--efq-blue-light);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  transition: color 0.3s ease;
}

.efq-divider {
  width: 1px;
  height: 30px;
  background: var(--efq-rule-strong);
}

.efq-question {
  min-width: 0;
  color: var(--efq-white);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.1875rem, 1.5vw, 1.4375rem);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.012em;
  transition: color 0.3s ease;
}

.efq-plus {
  position: relative;
  display: grid;
  width: var(--efq-ctrl);
  height: var(--efq-ctrl);
  place-items: center;
  color: var(--efq-body-strong);
  border: 1px solid rgba(206, 232, 244, 0.4);
  border-radius: 50%;
  transition:
    border-color 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease;
}

.efq-plus::before,
.efq-plus::after {
  content: "";
  position: absolute;
  background: currentColor;
  transition:
    transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.32s ease;
}

.efq-plus::before {
  width: 15px;
  height: 1.4px;
}

.efq-plus::after {
  width: 1.4px;
  height: 15px;
}

.efq-item[open] .efq-plus {
  color: var(--efq-blue-bright);
  border-color: var(--efq-blue-light);
  background: rgba(95, 182, 226, 0.12);
}

.efq-item[open] .efq-plus::after {
  transform: scaleY(0);
}

.efq-item[open] .efq-num {
  color: var(--efq-blue-bright);
}

.efq-item[open] .efq-question {
  color: #ffffff;
}

.efq-item[open]::after {
  width: 42%;
}

.efq-answer {
  padding: 0 calc(var(--efq-ctrl) + var(--efq-gap))
    clamp(1.35rem, 1.9vw, 1.7rem)
    calc(var(--efq-num-w) + 1px + var(--efq-gap) + var(--efq-gap));
}

.efq-answer p {
  max-width: 68ch;
  margin: 0;
  color: var(--efq-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.03125rem, 1.08vw, 1.0625rem);
  font-weight: 400;
  line-height: 1.72;
  text-wrap: pretty;
}

/* Smooth native disclosure where supported; instant fallback elsewhere. */
@supports (interpolate-size: allow-keywords) {
  .efq {
    interpolate-size: allow-keywords;
  }

  .efq-item::details-content {
    block-size: 0;
    overflow: hidden;
    transition:
      block-size 0.42s cubic-bezier(0.22, 0.61, 0.36, 1),
      content-visibility 0.42s allow-discrete;
  }

  .efq-item[open]::details-content {
    block-size: auto;
  }
}

/* Hover and focus-within polish */

@media (hover: hover) {
  .efq-summary:hover .efq-question {
    color: #ffffff;
  }

  .efq-summary:hover .efq-num {
    color: var(--efq-blue-bright);
  }

  .efq-summary:hover .efq-plus {
    color: var(--efq-blue-bright);
    border-color: var(--efq-blue-light);
    background: rgba(95, 182, 226, 0.1);
  }

  .efq-item:hover::after {
    width: 42%;
  }
}

.efq-summary:focus-visible .efq-plus {
  color: var(--efq-blue-bright);
  border-color: var(--efq-blue-light);
}

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

@media (max-width: 1080px) {
  .efq-head {
    max-width: 100%;
  }

  .efq-title {
    font-size: clamp(2.9rem, 6vw, 3.9rem);
  }

  .efq-lede {
    max-width: 52ch;
  }

  .efq-bg-image {
    object-position: 54% 48%;
  }

  .efq-question {
    font-size: clamp(1.15625rem, 1.8vw, 1.3125rem);
  }
}

@media (max-width: 860px) {
  .efq-linework {
    width: clamp(220px, 38vw, 380px);
    opacity: 0.75;
  }

  .efq-summary {
    padding-block: clamp(1.2rem, 2.4vw, 1.45rem);
  }
}

@media (max-width: 700px) {
  .efq {
    --efq-num-w: 2.25rem;
    --efq-ctrl: 2.75rem;
    --efq-gap: 0.75rem;
    padding-block: 3.4rem 3.6rem;
  }

  .efq-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(5, 14, 20, 0.94) 0%,
        rgba(5, 14, 20, 0.88) 46%,
        rgba(5, 14, 20, 0.96) 100%
      ),
      linear-gradient(
        90deg,
        rgba(5, 14, 20, 0.9) 0%,
        rgba(5, 14, 20, 0.72) 100%
      );
  }

  .efq-linework {
    display: none;
  }

  .efq-eyebrow {
    gap: 10px;
    font-size: 0.65rem;
  }

  .efq-eyebrow-rule {
    width: 42px;
  }

  .efq-title {
    margin-top: 1rem;
    font-size: clamp(2.35rem, 8.8vw, 3rem);
    line-height: 0.98;
    letter-spacing: -0.043em;
  }

  .efq-lede {
    max-width: 44ch;
    margin-top: 1.05rem;
    font-size: 1.0625rem;
    line-height: 1.6;
  }

  .efq-faq {
    margin-top: 2.2rem;
  }

  .efq-summary {
    column-gap: var(--efq-gap);
    padding-block: 1.1rem;
  }

  .efq-num {
    font-size: 0.8125rem;
  }

  .efq-divider {
    height: 22px;
  }

  .efq-question {
    font-size: clamp(1.03125rem, 4.4vw, 1.125rem);
    line-height: 1.32;
  }

  .efq-plus::before {
    width: 13px;
  }

  .efq-plus::after {
    height: 13px;
  }

  .efq-answer {
    padding: 0 0 1.25rem 0;
  }

  .efq-answer p {
    max-width: none;
    font-size: 1rem;
    line-height: 1.66;
  }

  .efq-bg-image {
    object-position: 58% 50%;
  }
}

@media (max-width: 380px) {
  .efq {
    --efq-num-w: 2rem;
    --efq-ctrl: 2.5rem;
    --efq-gap: 0.65rem;
  }

  .efq-title {
    font-size: 2.15rem;
  }

  .efq-question {
    font-size: 1rem;
  }

  .efq-num {
    font-size: 0.78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .efq-item::after,
  .efq-plus,
  .efq-plus::before,
  .efq-plus::after,
  .efq-num,
  .efq-question,
  .efq-bg-image {
    transition: none;
  }

  .efq-item::details-content {
    transition: none;
  }
}

/* ==== electrical-other-division-premium.css ==== */
.eod {
  --eod-paper: var(--surface-soft, #f3f5f6);
  --eod-ink: #102b34;
  --eod-text: #22383f;
  --eod-body: #41565c;
  --eod-blue: #0a6e9e;
  --eod-blue-deep: #07577d;
  --eod-frame-line: #c9dee7;
  --eod-line: var(--line-cool, #d8e2e5);
  --eod-graphite: #0b1c23;
  --eod-cut: clamp(38px, 4vw, 58px);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.75rem, 5vw, 4.75rem);
  background: var(--eod-paper);
  color: var(--eod-ink);
}

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

.eod-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
  grid-template-areas:
    "editorial visual"
    "action visual";
  column-gap: clamp(2.5rem, 3.4vw, 3.5rem);
  align-items: start;
}

/* Left — editorial statement */

.eod-editorial {
  grid-area: editorial;
  min-width: 0;
}

.eod-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  color: var(--eod-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.eod-eyebrow-mark {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.eod-eyebrow-text {
  display: block;
  flex: 0 0 auto;
}

.eod-eyebrow-rule {
  display: block;
  width: clamp(34px, 5vw, 74px);
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: 0.55;
  transform-origin: left center;
}

.eod-title {
  max-width: 100%;
  margin: clamp(1rem, 1.6vw, 1.35rem) 0 0;
  color: var(--eod-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.8rem, 3.9vw, 3.7rem);
  font-weight: 600;
  line-height: 0.96;
  letter-spacing: -0.047em;
  text-wrap: initial;
}

.eod-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.07em;
  margin-block: -0.07em;
}

.eod-title-line {
  display: inline-block;
  max-width: 100%;
}

.eod-summary {
  max-width: 42ch;
  margin: clamp(1.15rem, 1.7vw, 1.45rem) 0 0;
  color: var(--eod-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.0625rem, 1.14vw, 1.125rem);
  font-weight: 400;
  line-height: 1.64;
  text-wrap: pretty;
}

.eod-action {
  grid-area: action;
  align-self: end;
  justify-self: start;
  margin-top: clamp(1.9rem, 2.6vw, 2.4rem);
  padding-bottom: clamp(0.25rem, 1.2vw, 0.9rem);
}

/* Right — architectural photographic chamber inside the master grid */

.eod-visual {
  position: relative;
  grid-area: visual;
  min-width: 0;
  margin: 0;
}

.eod-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: clamp(10px, 1vw, 14px);
  background: linear-gradient(90deg, #0b1c23 0%, #152b33 58%, #0b1c23 100%);
  pointer-events: none;
}

.eod-panel::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 6px;
  background: var(--eod-blue);
}

.eod-photo-reveal {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: clamp(10px, 1vw, 14px);
  aspect-ratio: 1.22;
}

.eod-photo-shell {
  position: absolute;
  inset: 0;
  padding: 1px;
  background: var(--eod-frame-line);
  clip-path: polygon(
    0 0,
    calc(100% - var(--eod-cut)) 0,
    100% var(--eod-cut),
    100% 100%,
    0 100%
  );
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - var(--eod-cut)) 0,
    100% var(--eod-cut),
    100% 100%,
    0 100%
  );
}

.eod-photo-frame {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #0c1a21;
}

.eod-photo-image {
  object-fit: cover;
  object-position: 50% 48%;
  filter: saturate(0.94) contrast(1.03) brightness(0.99);
}

.eod-photo-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(4, 18, 24, 0.12) 0%,
      rgba(4, 18, 24, 0) 32%,
      rgba(4, 18, 24, 0.12) 100%
    ),
    linear-gradient(
      90deg,
      rgba(4, 18, 24, 0.08) 0%,
      rgba(4, 18, 24, 0) 34%
    );
  pointer-events: none;
}

.eod-trace {
  position: absolute;
  z-index: 3;
  top: calc(var(--eod-cut) * 0.5 - 1px);
  right: calc(var(--eod-cut) * -0.207);
  width: calc(var(--eod-cut) * 1.414);
  height: 1px;
  background: var(--eod-blue);
  transform: rotate(45deg);
  transform-origin: center;
  pointer-events: none;
}

.eod-node {
  position: absolute;
  z-index: 4;
  top: -3px;
  right: calc(var(--eod-cut) - 3px);
  width: 6px;
  height: 6px;
  background: var(--eod-blue);
  pointer-events: none;
}

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

@media (max-width: 1080px) {
  .eod {
    --eod-cut: clamp(34px, 4.4vw, 48px);
  }

  .eod-layout {
    column-gap: clamp(2rem, 3.2vw, 2.6rem);
  }

  .eod-title {
    font-size: clamp(2.6rem, 4.6vw, 3.4rem);
  }

  .eod-summary {
    max-width: 44ch;
  }
}

@media (max-width: 900px) {
  .eod-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "editorial"
      "visual"
      "action";
    row-gap: clamp(1.9rem, 3vw, 2.4rem);
  }

  .eod-title {
    max-width: 20ch;
    font-size: clamp(2.7rem, 5.8vw, 3.5rem);
  }

  .eod-summary {
    max-width: 56ch;
  }

  .eod-photo-reveal {
    aspect-ratio: 16 / 9;
    margin-bottom: 10px;
  }

  .eod-panel {
    height: 10px;
  }

  .eod-action {
    align-self: start;
    margin-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 700px) {
  .eod {
    --eod-cut: 34px;
    padding-block: 3.25rem 3.45rem;
  }

  .eod-layout {
    row-gap: 1.75rem;
  }

  .eod-eyebrow {
    gap: 9px;
    font-size: 0.65rem;
  }

  .eod-eyebrow-rule {
    width: 36px;
  }

  .eod-title {
    max-width: 100%;
    margin-top: 0.95rem;
    font-size: clamp(2.3rem, 8.6vw, 2.9rem);
    line-height: 0.99;
    letter-spacing: -0.044em;
  }

  .eod-summary {
    max-width: 44ch;
    margin-top: 1.05rem;
    font-size: 1.0625rem;
    line-height: 1.58;
  }

  .eod-photo-reveal {
    aspect-ratio: 4 / 3;
  }

  .eod-photo-image {
    object-position: 52% 50%;
  }

  .eod-action {
    margin-top: 0.15rem;
  }

  .eod-action .btn {
    width: auto;
    min-height: 46px;
  }
}

@media (max-width: 380px) {
  .eod-title {
    font-size: 2.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eod-photo-image,
  .eod-eyebrow-mark {
    transform: none;
  }
}

/* ==== about-infrastructure-premium.css ==== */
.about-infrastructure-premium {
  --infra-paper: var(--surface-white, #ffffff);
  --infra-ink: #10242c;
  --infra-body: #4b5d63;
  --infra-blue: #0a6e9e;
  --infra-line: var(--line-cool, #d8e2e5);
  position: relative;
  overflow: clip;
  padding-block: clamp(3.5rem, 5vw, 5rem) clamp(4rem, 5.5vw, 5.5rem);
  background: var(--infra-paper);
  color: var(--infra-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
}

.about-infrastructure-premium *,
.about-infrastructure-premium *::before,
.about-infrastructure-premium *::after {
  box-sizing: border-box;
}

.infra-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
  grid-template-areas:
    "media intro"
    "media body";
  grid-template-rows: auto 1fr;
  column-gap: clamp(2.75rem, 4.5vw, 4.25rem);
  row-gap: clamp(1.1rem, 1.7vw, 1.5rem);
  align-items: start;
}

.infra-intro {
  grid-area: intro;
  min-width: 0;
  padding-top: clamp(1.25rem, 2vw, 2rem);
}

.infra-media {
  grid-area: media;
  position: relative;
  z-index: 1;
  min-width: 0;
}

.infra-frame {
  position: relative;
  z-index: 1;
  aspect-ratio: 0.94;
  margin: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #102b34;
}

.infra-photo {
  object-fit: cover;
  object-position: 45% 50%;
}

.infra-accent {
  position: absolute;
  top: 49%;
  left: clamp(-30px, -2.1vw, -20px);
  z-index: 0;
  width: clamp(32px, 2.6vw, 42px);
  height: 34%;
  min-height: 160px;
  max-height: 235px;
  border-radius: 2px;
  background: var(--infra-blue);
  transform-origin: center bottom;
}

.infra-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 clamp(14px, 1.6vw, 20px);
  color: var(--infra-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.infra-eyebrow-line {
  display: block;
  width: 40px;
  height: 1.5px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: left center;
}

.infra-eyebrow-text {
  display: block;
}

.infra-title {
  max-width: 100%;
  margin: 0;
  color: var(--infra-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.75rem, 3.95vw, 3.7rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.infra-title-mask {
  display: block;
  overflow: hidden;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}

.infra-title-line {
  display: block;
}

.infra-body {
  grid-area: body;
  display: flex;
  min-width: 0;
  align-self: stretch;
  flex-direction: column;
}

.infra-copy {
  max-width: 56ch;
  padding-bottom: clamp(2rem, 3vw, 2.5rem);
}

.infra-copy-paragraph {
  margin: 0;
  color: var(--infra-body);
  font-size: clamp(1.03rem, 1.2vw, 1.12rem);
  line-height: 1.68;
  text-wrap: pretty;
}

.infra-copy-paragraph + .infra-copy-paragraph {
  margin-top: 1.25em;
}

.infra-links {
  width: 100%;
  margin-top: auto;
  border-top: 1px solid var(--infra-line);
}

.infra-link-row {
  display: flex;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 15px 0;
  border-bottom: 1px solid var(--infra-line);
  color: var(--infra-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.03rem, 1.3vw, 1.14rem);
  font-weight: 600;
  line-height: 1.3;
  transition:
    color 180ms ease,
    border-color 180ms ease;
}

.infra-link-label {
  min-width: 0;
}

.infra-link-arrow {
  flex: 0 0 auto;
  transition:
    color 180ms ease,
    transform 180ms ease;
}

.infra-link-row:hover {
  border-bottom-color: rgba(10, 110, 158, 0.48);
  color: var(--infra-blue);
}

.infra-link-row:hover .infra-link-arrow {
  color: var(--infra-blue);
  transform: translateX(4px);
}

.infra-link-row:focus-visible {
  outline: 2px solid var(--infra-blue);
  outline-offset: 4px;
}

@media (max-width: 1200px) {
  .infra-layout {
    column-gap: clamp(2.25rem, 4vw, 3rem);
  }

  .infra-title {
    font-size: clamp(2.65rem, 3.7vw, 3.55rem);
  }
}

@media (max-width: 1100px) and (min-width: 961px) {
  .infra-frame {
    aspect-ratio: 0.84;
  }
}

@media (max-width: 960px) {
  .infra-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "intro"
      "media"
      "body";
    grid-template-rows: auto;
    row-gap: 0;
  }

  .infra-intro {
    padding-top: 0;
  }

  .infra-media {
    margin-top: clamp(1.75rem, 4vw, 2.5rem);
  }

  .infra-frame {
    aspect-ratio: 16 / 10;
  }

  .infra-accent {
    display: none;
  }

  .infra-body {
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

  .infra-copy {
    max-width: 65ch;
    padding-bottom: 0;
  }

  .infra-links {
    margin-top: clamp(2rem, 4vw, 2.5rem);
  }

  .infra-title {
    font-size: clamp(2.75rem, 5.2vw, 3.55rem);
  }
}

@media (max-width: 640px) {
  .about-infrastructure-premium {
    padding-bottom: 3.5rem;
  }

  .infra-frame {
    aspect-ratio: 4 / 3;
  }

  .infra-title {
    font-size: clamp(2.25rem, 9.2vw, 2.9rem);
    line-height: 0.97;
  }

  .infra-copy-paragraph {
    font-size: 1.04rem;
    line-height: 1.65;
  }

  .infra-link-row {
    min-height: 58px;
    padding-block: 12px;
  }
}

@media (max-width: 380px) {
  .infra-title {
    font-size: 2.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .infra-link-row,
  .infra-link-arrow {
    transition: none;
  }
}

/* ==== about-details-premium.css ==== */
.about-details-premium {
  --details-paper: var(--surface-soft, #f3f5f6);
  --details-card: var(--surface-white, #ffffff);
  --details-ink: #10242c;
  --details-body: #4b5d63;
  --details-blue: #0a6e9e;
  --details-muted: #5f7176;
  --details-line: var(--line-cool, #d8e2e5);
  position: relative;
  overflow: clip;
  padding-block: clamp(4.5rem, 6.5vw, 6rem);
  background: var(--details-paper);
  color: var(--details-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
}

.about-details-premium *,
.about-details-premium *::before,
.about-details-premium *::after {
  box-sizing: border-box;
}

.details-upper {
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr);
  column-gap: clamp(3rem, 5vw, 5rem);
  align-items: start;
}

.details-intro {
  min-width: 0;
  padding-top: clamp(0.5rem, 1.3vw, 1.1rem);
}

.details-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 clamp(16px, 1.8vw, 24px);
  color: var(--details-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.details-eyebrow-line {
  display: block;
  width: 40px;
  height: 1.5px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: left center;
}

.details-title {
  margin: 0;
  color: var(--details-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.75rem, 4.1vw, 3.8rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.details-title-break {
  display: block;
}

.details-copy {
  max-width: 41ch;
  margin: clamp(22px, 2.4vw, 30px) 0 0;
  color: var(--details-body);
  font-size: clamp(1.05rem, 1.25vw, 1.16rem);
  line-height: 1.66;
  text-wrap: pretty;
}

.details-visual {
  position: relative;
  min-width: 0;
  padding: clamp(14px, 1.5vw, 20px) 0 0 clamp(14px, 1.5vw, 20px);
}

.details-visual::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 1px;
  background: rgba(10, 110, 158, 0.7);
}

.details-visual::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 58px;
  background: rgba(10, 110, 158, 0.42);
}

.details-image-frame {
  position: relative;
  z-index: 1;
  aspect-ratio: 8 / 5;
  margin: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #0b1b22;
}

.details-image {
  object-fit: cover;
  object-position: 50% 50%;
}

.details-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.5vw, 1.5rem);
  margin-top: clamp(3.5rem, 4.8vw, 4.5rem);
}

.details-card {
  display: flex;
  min-height: 216px;
  flex-direction: column;
  padding: 28px;
  border: 1px solid var(--details-line);
  border-radius: 4px;
  background: var(--details-card);
}

.details-card-head {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 15px;
}

.details-card-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 4px;
  background: #e7f2f4;
  color: var(--details-blue);
}

.details-card-svg {
  width: 22px;
  height: 22px;
}

.details-card h3 {
  min-width: 0;
  margin: 0;
  color: var(--details-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.2rem, 1.45vw, 1.35rem);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.details-card-index {
  margin-left: auto;
  color: var(--details-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.13em;
}

.details-card > p {
  max-width: 56ch;
  margin: 22px 0 0;
  color: var(--details-body);
  font-size: clamp(1rem, 1.08vw, 1.06rem);
  line-height: 1.65;
  text-wrap: pretty;
}

.details-card-end {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 24px;
}

.details-card-end::before {
  content: "";
  width: 36px;
  height: 1px;
  background: rgba(10, 110, 158, 0.58);
}

.details-card-end::after {
  content: "";
  width: 4px;
  height: 4px;
  background: var(--details-blue);
}

@media (max-width: 940px) {
  .details-upper {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .details-intro {
    padding-top: 0;
  }

  .details-title {
    font-size: clamp(2.75rem, 6vw, 3.55rem);
  }

  .details-copy {
    max-width: 52ch;
  }

  .details-visual {
    width: 100%;
    padding-top: 18px;
    padding-left: 18px;
  }

  .details-image-frame {
    aspect-ratio: 16 / 9;
  }

  .details-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    margin-top: clamp(2.75rem, 5vw, 3.5rem);
  }

  .details-card {
    min-height: 0;
    padding: 26px;
  }

  .details-card > p {
    max-width: 58ch;
  }

  .details-card-end {
    padding-top: 22px;
  }
}

@media (max-width: 640px) {
  .about-details-premium {
    padding-block: 3.5rem;
  }

  .details-title-break {
    display: none;
  }

  .details-title {
    font-size: clamp(2.25rem, 9.3vw, 2.9rem);
    line-height: 0.97;
    text-wrap: balance;
  }

  .details-copy {
    font-size: 1.04rem;
    line-height: 1.65;
  }

  .details-visual {
    padding-top: 14px;
    padding-left: 14px;
  }

  .details-visual::before {
    width: 40px;
  }

  .details-visual::after {
    height: 40px;
  }

  .details-image-frame {
    aspect-ratio: 4 / 3;
  }

  .details-card {
    padding: 22px;
  }

  .details-card-head {
    gap: 13px;
  }

  .details-card-icon {
    width: 42px;
    height: 42px;
  }

  .details-card h3 {
    font-size: 1.2rem;
  }

  .details-card > p {
    margin-top: 18px;
    font-size: 0.98rem;
    line-height: 1.62;
  }

  .details-card-end {
    padding-top: 20px;
  }
}

@media (max-width: 380px) {
  .details-title {
    font-size: 2.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .details-card,
  .details-image-frame {
    transition: none;
  }
}





/* ==== about-starting-project.css ==== */
.about-starting-project {
  --starting-paper: var(--surface-white, #ffffff);
  --starting-ink: #10242c;
  --starting-body: #4b5d63;
  --starting-blue: #0a6e9e;
  --starting-muted: #55696e;
  --starting-line: rgba(16, 36, 44, 0.14);
  position: relative;
  overflow: clip;
  padding-block: clamp(3.75rem, 5.2vw, 5rem);
  background: var(--starting-paper);
  color: var(--starting-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
}

.about-starting-project *,
.about-starting-project *::before,
.about-starting-project *::after {
  box-sizing: border-box;
}

.starting-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  grid-template-areas:
    "copy visual"
    "note visual";
  grid-template-rows: auto 1fr;
  column-gap: clamp(3rem, 4.5vw, 4.5rem);
  row-gap: clamp(2rem, 2.2vw, 2.5rem);
  align-items: start;
}

.starting-copy {
  grid-area: copy;
  min-width: 0;
}

.starting-visual {
  grid-area: visual;
  position: relative;
  min-width: 0;
  min-height: clamp(420px, 38vw, 545px);
  align-self: stretch;
}

.starting-image-frame {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #102b34;
}

.starting-image {
  object-fit: cover;
  object-position: 76% 50%;
}

.starting-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 clamp(16px, 1.8vw, 24px);
  color: var(--starting-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.starting-eyebrow-line {
  display: block;
  width: 40px;
  height: 1.5px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: left center;
}

.starting-title {
  margin: 0;
  color: var(--starting-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.1rem, 4.4vw, 4.35rem);
  font-weight: 600;
  line-height: 0.94;
  letter-spacing: -0.045em;
  text-wrap: initial;
}

.starting-title-mask {
  display: block;
  overflow: hidden;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}

.starting-title-line {
  display: block;
}

.starting-lede {
  max-width: 44ch;
  margin: clamp(24px, 2.5vw, 30px) 0 0;
  color: var(--starting-body);
  font-size: clamp(1.05rem, 1.25vw, 1.16rem);
  line-height: 1.66;
  text-wrap: pretty;
}

.starting-actions {
  margin-top: clamp(26px, 2.8vw, 32px);
}

.starting-cta {
  min-height: 56px;
  gap: 14px;
  padding-inline: 24px;
  border-radius: 2px;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
}

.starting-cta svg {
  transition: transform 180ms ease;
}

.starting-cta:hover svg {
  transform: translateX(4px);
}

.starting-disclosure {
  grid-area: note;
  display: flex;
  max-width: 55ch;
  align-items: flex-start;
  align-self: end;
  gap: 11px;
  margin: 0;
  padding-top: 18px;
  border-top: 1px solid var(--starting-line);
  color: var(--starting-muted);
  font-size: 0.78rem;
  line-height: 1.55;
}

.starting-disclosure-icon {
  display: block;
  flex: 0 0 auto;
  padding-top: 1px;
  color: var(--starting-blue);
}

.starting-disclosure-icon svg {
  display: block;
}

@media (max-width: 1200px) {
  .starting-title {
    font-size: clamp(2.9rem, 4.1vw, 3.8rem);
  }
}

@media (max-width: 940px) {
  .starting-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "copy"
      "visual"
      "note";
    grid-template-rows: auto;
    row-gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .starting-visual {
    min-height: 0;
    align-self: start;
  }

  .starting-image-frame {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .starting-title {
    font-size: clamp(3rem, 6vw, 4rem);
  }

  .starting-lede {
    max-width: 54ch;
  }

  .starting-disclosure {
    max-width: 60ch;
  }
}

@media (max-width: 640px) {
  .about-starting-project {
    padding-block: 3.5rem;
  }

  .starting-title {
    font-size: clamp(2.25rem, 9.1vw, 3rem);
    line-height: 0.97;
  }

  .starting-lede {
    font-size: 1.04rem;
    line-height: 1.65;
  }

  .starting-image-frame {
    aspect-ratio: 4 / 3;
  }

  .starting-actions .starting-cta {
    width: 100%;
    justify-content: space-between;
  }

  .starting-disclosure {
    padding-top: 16px;
    font-size: 0.75rem;
  }
}

@media (max-width: 380px) {
  .starting-title {
    font-size: 2.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .starting-cta svg {
    transition: none;
  }
}



/* ==== insights-archive.css ==== */
.ia {
  --ia-paper: var(--surface-white, #ffffff);
  --ia-ink: #102b34;
  --ia-body: #41565c;
  --ia-muted: #5e7178;
  --ia-blue: #0a6e9e;
  --ia-blue-deep: #07577d;
  --ia-line: var(--line-cool, #d8e2e5);
  --ia-line-soft: var(--line-cool-soft, #e8eef0);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(3.75rem, 5.4vw, 5.25rem);
  background: var(--ia-paper);
  color: var(--ia-ink);
}

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

/* ============================================================
   Archive masthead
   ============================================================ */

.ia-masthead {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  column-gap: clamp(2.5rem, 4.4vw, 5rem);
  align-items: end;
  padding-bottom: clamp(2rem, 3.2vw, 2.75rem);
  border-bottom: 1px solid var(--ia-line);
}

.ia-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  color: var(--ia-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.ia-eyebrow-mark {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.ia-eyebrow-text {
  display: block;
  flex: 0 0 auto;
}

.ia-eyebrow-rule {
  display: block;
  width: clamp(34px, 5vw, 76px);
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: 0.55;
  transform-origin: left center;
}

.ia-title {
  max-width: 100%;
  margin: clamp(1.1rem, 1.8vw, 1.55rem) 0 0;
  color: var(--ia-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.2rem, 5.1vw, 4.6rem);
  font-weight: 600;
  line-height: 0.92;
  letter-spacing: -0.052em;
  text-wrap: initial;
}

.ia-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.07em;
  margin-block: -0.07em;
}

.ia-title-line {
  display: inline-block;
  max-width: 100%;
}

.ia-masthead-side {
  min-width: 0;
}

.ia-intro {
  max-width: 36ch;
  margin: 0;
  color: var(--ia-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.03125rem, 1.1vw, 1.125rem);
  font-weight: 400;
  line-height: 1.62;
  text-wrap: pretty;
}

.ia-meta {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 2.5vw, 2.25rem);
  margin: clamp(1.4rem, 2.2vw, 1.9rem) 0 0;
  padding-top: 0.95rem;
  border-top: 1px solid var(--ia-line-soft);
}

.ia-meta-item {
  display: grid;
  gap: 0.28rem;
}

.ia-meta-item dt {
  color: var(--ia-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ia-meta-item dd {
  margin: 0;
  color: var(--ia-ink);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.01em;
}

/* ============================================================
   Featured article
   ============================================================ */

.ia-feature {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  column-gap: clamp(2.5rem, 4.2vw, 4.5rem);
  align-items: center;
  margin-top: clamp(2.75rem, 4.2vw, 3.5rem);
}

.ia-feature::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(-1 * clamp(1.5rem, 2.5vw, 2.25rem));
  bottom: calc(-1 * clamp(2.25rem, 3.5vw, 3rem));
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--surface-soft, #f3f5f6);
  pointer-events: none;
}

.ia-feature > * {
  position: relative;
  z-index: 1;
}

.ia-feature-text {
  min-width: 0;
}

.ia-feature-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ia-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ia-feature-label::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: currentColor;
}

.ia-meta-line {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--ia-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.ia-feature .ia-meta-line {
  margin-top: clamp(0.9rem, 1.3vw, 1.15rem);
}

.ia-feature-title {
  margin: clamp(0.7rem, 1.1vw, 0.95rem) 0 0;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2rem, 2.7vw, 2.9rem);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -0.036em;
  text-wrap: pretty;
}

.ia-title-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.28s ease;
}

.ia-feature-excerpt {
  max-width: 46ch;
  margin: clamp(0.85rem, 1.3vw, 1.15rem) 0 0;
  color: var(--ia-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.03125rem, 1.1vw, 1.125rem);
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
}

.ia-more {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  margin-top: clamp(1.25rem, 1.9vw, 1.65rem);
  padding-bottom: 3px;
  color: var(--ia-ink);
  border-bottom: 1px solid transparent;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.005em;
  text-decoration: none;
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.ia-more svg {
  transition: transform 0.25s ease;
}

.ia-media-link {
  display: block;
  text-decoration: none;
}

.ia-feature-media {
  position: relative;
  min-width: 0;
  margin: 0;
}

.ia-feature-media .ia-media-link {
  position: relative;
  display: block;
  aspect-ratio: 1.34;
}

.ia-media-reveal {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.ia-media-frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #e7edef;
  border: 1px solid rgba(10, 110, 158, 0.28);
}

.ia-image {
  object-fit: cover;
  transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.ia-caption {
  margin: 0.7rem 0 0;
  color: var(--ia-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

/* ============================================================
   Article index
   ============================================================ */

.ia-index {
  margin-top: clamp(3rem, 5vw, 4.25rem);
}

.ia-index-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  padding-top: 0.95rem;
  border-top: 1px solid var(--ia-line);
}

.ia-index-label {
  margin: 0;
  color: var(--ia-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ia-index-count {
  margin: 0;
  color: var(--ia-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

.ia-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ia-row {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) clamp(170px, 19vw, 230px) 22px;
  column-gap: clamp(1.2rem, 2.2vw, 2rem);
  align-items: center;
  padding-block: clamp(1.9rem, 2.8vw, 2.4rem);
  border-bottom: 1px solid var(--ia-line);
}

.ia-row::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--ia-blue);
  transition: width 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none;
}

.ia-row:hover::before,
.ia-row:focus-within::before {
  width: 100%;
}

.ia-row-num {
  align-self: start;
  padding-top: 0.42rem;
  color: var(--ia-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-variant-numeric: tabular-nums;
}

.ia-row-body {
  min-width: 0;
}

.ia-row-title {
  margin: 0.55rem 0 0;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.35rem, 1.75vw, 1.7rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.028em;
  text-wrap: pretty;
}

.ia-row-excerpt {
  max-width: 48ch;
  margin: 0.65rem 0 0;
  color: var(--ia-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  text-wrap: pretty;
}

.ia-more-small {
  margin-top: 0.9rem;
  font-size: 0.8125rem;
}

.ia-row-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  min-width: 0;
}

.ia-row-arrow {
  display: grid;
  place-items: center;
  color: rgba(16, 43, 52, 0.48);
  transition:
    color 0.28s ease,
    transform 0.28s ease;
}

.ia-row:hover .ia-row-arrow {
  color: var(--ia-blue);
  transform: translateX(4px);
}

/* ============================================================
   Hover and focus polish
   ============================================================ */

@media (hover: hover) {
  .ia-title-link:hover {
    color: var(--ia-blue);
  }

  .ia-more:hover {
    color: var(--ia-blue);
    border-color: rgba(10, 110, 158, 0.5);
  }

  .ia-more:hover svg {
    transform: translateX(3px);
  }

  .ia-media-link:hover .ia-image {
    transform: scale(1.035);
  }
}

.ia-title-link:focus-visible,
.ia-more:focus-visible,
.ia-media-link:focus-visible {
  outline: 2px solid var(--ia-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

/* ============================================================
   Review note
   ============================================================ */

.ia-note {
  display: grid;
  grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 3rem);
  margin-top: clamp(2.5rem, 4vw, 3.25rem);
  padding-top: 1.15rem;
  border-top: 1px solid var(--ia-line-soft);
}

.ia-note-label {
  margin: 0;
  color: var(--ia-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ia-note-text {
  max-width: 72ch;
  margin: 0;
  color: var(--ia-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
  text-wrap: pretty;
}

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

@media (max-width: 1180px) {
  .ia-masthead {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    column-gap: clamp(2rem, 3.6vw, 3.5rem);
  }

  .ia-feature {
    column-gap: clamp(2rem, 3.4vw, 3rem);
  }

  .ia-row {
    grid-template-columns: 36px minmax(0, 1fr) clamp(160px, 20vw, 200px) 20px;
  }
}

@media (max-width: 900px) {
  .ia-masthead {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(1.5rem, 2.8vw, 2rem);
    align-items: start;
  }

  .ia-title {
    max-width: 14ch;
    font-size: clamp(2.9rem, 6.4vw, 3.9rem);
  }

  .ia-intro {
    max-width: 52ch;
  }

  .ia-meta {
    margin-top: 1.2rem;
  }

  .ia-feature {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(1.6rem, 2.8vw, 2.2rem);
  }

  .ia-feature-media .ia-media-link {
    aspect-ratio: 16 / 9;
  }

  .ia-row {
    grid-template-columns: 32px minmax(0, 1fr) clamp(150px, 24vw, 190px);
  }

  .ia-row-arrow {
    display: none;
  }
}

@media (max-width: 700px) {
  .ia {
    padding-block: 3.4rem 3.6rem;
  }

  .ia-eyebrow {
    gap: 9px;
    font-size: 0.65rem;
  }

  .ia-eyebrow-rule {
    width: 38px;
  }

  .ia-title {
    margin-top: 1rem;
    font-size: clamp(2.55rem, 9.4vw, 3.15rem);
    line-height: 0.94;
    letter-spacing: -0.048em;
  }

  .ia-intro {
    max-width: 44ch;
    font-size: 1.03125rem;
    line-height: 1.58;
  }

  .ia-meta {
    gap: 1.25rem;
    padding-top: 0.85rem;
  }

  .ia-meta-item dd {
    font-size: 0.8125rem;
  }

  .ia-feature {
    margin-top: 2.3rem;
    row-gap: 1.4rem;
  }

  .ia-feature-title {
    font-size: clamp(1.75rem, 6.8vw, 2.2rem);
    line-height: 1.1;
  }

  .ia-feature-excerpt {
    font-size: 1rem;
    line-height: 1.6;
  }

  .ia-feature-media .ia-media-link {
    aspect-ratio: 4 / 3;
  }

  .ia-index {
    margin-top: 2.6rem;
  }

  .ia-row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
    padding-block: 1.9rem;
  }

  .ia-row-num {
    padding-top: 0;
  }

  .ia-row-title {
    font-size: clamp(1.25rem, 5.4vw, 1.5rem);
  }

  .ia-row-excerpt {
    font-size: 0.96875rem;
  }

  .ia-row-media {
    aspect-ratio: 16 / 10;
  }

  .ia-note {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
    margin-top: 2.4rem;
  }

  .ia-note-text {
    font-size: 0.84375rem;
  }
}

@media (max-width: 380px) {
  .ia-title {
    font-size: 2.35rem;
  }

  .ia-feature-title {
    font-size: 1.65rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ia-title-link,
  .ia-more,
  .ia-more svg,
  .ia-image,
  .ia-row::before,
  .ia-row-arrow {
    transition: none;
  }

  .ia-image {
    transform: none;
  }
}

/* ==== insights-article-premium.css ==== */
.ja {
  --ja-paper: var(--surface-white, #ffffff);
  --ja-ink: #102b34;
  --ja-body: #3f545a;
  --ja-muted: #5e7178;
  --ja-blue: #0a6e9e;
  --ja-blue-deep: #07577d;
  --ja-line: var(--line-cool, #d8e2e5);
  --ja-line-soft: var(--line-cool-soft, #e8eef0);
  --ja-wash: var(--surface-soft, #f3f5f6);
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(1.6rem, 2.4vw, 2.2rem) clamp(4rem, 6vw, 5rem);
  background: var(--ja-paper);
  color: var(--ja-ink);
}

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

/* Reading progress — fixed, passive, above the shared header */

.ja-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  width: 100%;
  height: 2px;
  background: var(--ja-blue);
  transform: scaleX(0);
  transform-origin: 0 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* ============================================================
   Article toolbar — below the shared internal banner
   ============================================================ */

.ja-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 2rem;
  align-items: end;
  padding-block: clamp(1.8rem, 2.8vw, 2.4rem) clamp(1.2rem, 2vw, 1.6rem);
  border-bottom: 1px solid var(--ja-line);
}

.ja-intro-main {
  min-width: 0;
}

.ja-intro-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ja-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ja-intro-label::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: currentColor;
}

.ja-intro-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.6rem;
  margin: 0.75rem 0 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ja-intro-caption {
  margin: 0.55rem 0 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.78rem;
  line-height: 1.5;
}

.ja-intro-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ja-intro-actions .ja-share-wrap {
  width: auto;
}

/* ============================================================
   Top bar
   ============================================================ */

.ja-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-bottom: clamp(1.4rem, 2.2vw, 1.8rem);
  border-bottom: 1px solid var(--ja-line);
}

.ja-back {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.ja-back-icon {
  transform: rotate(180deg);
  transition: transform 0.25s ease;
}

.ja-breadcrumb {
  margin: 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* ============================================================
   Shared editorial grid
   ============================================================ */

.ja-masthead,
.ja-reading,
.ja-close {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(220px, 18vw, 260px);
  column-gap: clamp(3rem, 13.9vw, 200px);
}

/* ============================================================
   Masthead
   ============================================================ */

.ja-masthead {
  align-items: end;
  padding-top: clamp(2.4rem, 4vw, 3.4rem);
}

.ja-masthead-main {
  min-width: 0;
}

.ja-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  color: var(--ja-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.ja-eyebrow-mark {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  background: currentColor;
  transform-origin: center;
}

.ja-eyebrow-text {
  display: block;
  flex: 0 0 auto;
}

.ja-eyebrow-rule {
  display: block;
  width: clamp(34px, 5vw, 76px);
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  opacity: 0.55;
}

.ja-title {
  max-width: 100%;
  margin: clamp(1rem, 1.5vw, 1.35rem) 0 0;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.75rem, 4.6vw, 4.4rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.047em;
  text-wrap: balance;
}

.ja-title-mask {
  display: block;
  overflow: hidden;
  padding-block: 0.08em;
  margin-block: -0.08em;
}

.ja-title-inner {
  display: block;
}

.ja-standfirst {
  max-width: 56ch;
  margin: clamp(1.25rem, 1.8vw, 1.6rem) 0 0;
  color: var(--ja-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.25rem, 1.5vw, 1.4375rem);
  font-weight: 400;
  line-height: 1.55;
  text-wrap: pretty;
}

.ja-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.65rem;
  max-width: 44rem;
  margin: clamp(1.2rem, 1.8vw, 1.55rem) 0 0;
  padding-top: 0.95rem;
  border-top: 1px solid var(--ja-line);
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ja-masthead-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  justify-self: start;
  width: 100%;
  min-width: 0;
  padding-bottom: 0.1rem;
}

.ja-aside-read {
  width: 100%;
  margin: 0;
  padding-top: 0.9rem;
  border-top: 1px solid var(--ja-line);
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.15rem, 1.4vw, 1.35rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.ja-share-wrap {
  width: 100%;
}

.ja-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--ja-line);
  border-radius: var(--radius);
  background: transparent;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.005em;
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.ja-share svg {
  flex: 0 0 auto;
}

.ja-share-status {
  display: block;
  min-height: 1.15rem;
  margin-top: 0.5rem;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

/* ============================================================
   Hero photograph
   ============================================================ */

.ja-hero {
  margin: clamp(2.2rem, 3.4vw, 3rem) 0 0;
}

.ja-hero-frame {
  position: relative;
  aspect-ratio: 2.15;
  overflow: hidden;
  background: #e7edef;
  border: 1px solid rgba(10, 110, 158, 0.22);
}

.ja-hero-image {
  object-fit: cover;
}

.ja-hero-caption {
  margin: 0.7rem 0 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.78125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

/* ============================================================
   Reading grid — wide reading column left, navigation rail right
   ============================================================ */

.ja-reading {
  align-items: start;
  margin-top: clamp(2rem, 3vw, 2.6rem);
}

.ja-rail {
  grid-column: 2;
  grid-row: 1;
  position: sticky;
  top: calc(var(--header) + 28px);
  align-self: start;
  min-width: 0;
  padding-left: 1.15rem;
  border-left: 1px solid var(--ja-line);
}

.ja-rail-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ja-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ja-rail-label::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: currentColor;
}

.ja-toc ol {
  display: grid;
  gap: 0.05rem;
  margin: 1.1rem 0 0;
  padding: 0;
  list-style: none;
}

.ja-toc a {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 9px;
  min-height: 44px;
  align-items: center;
  padding: 0.52rem 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.42;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ja-toc a::before {
  content: "";
  position: absolute;
  top: 0.55rem;
  bottom: 0.55rem;
  left: calc(-1.15rem - 1px);
  width: 2px;
  background: transparent;
  transition: background-color 0.2s ease;
}

.ja-toc-index {
  padding-top: 0.1em;
  color: var(--ja-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.06em;
}

.ja-toc a[aria-current="location"] {
  color: var(--ja-blue);
}

.ja-toc a[aria-current="location"]::before {
  background: var(--ja-blue);
}

.ja-toc a[aria-current="location"] .ja-toc-index {
  color: var(--ja-blue);
}

.ja-toc-mobile {
  display: none;
  margin: 0 0 1.75rem;
  padding: 0.85rem 0;
  border-top: 1px solid var(--ja-line);
  border-bottom: 1px solid var(--ja-line);
}

.ja-toc-mobile summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 44px;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
  cursor: pointer;
  list-style: none;
}

.ja-toc-mobile summary::-webkit-details-marker {
  display: none;
}

.ja-toc-mobile summary::after {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  margin-right: 2px;
  border-right: 1.5px solid var(--ja-blue);
  border-bottom: 1.5px solid var(--ja-blue);
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.25s ease;
}

.ja-toc-mobile[open] summary::after {
  transform: rotate(225deg) translateY(-2px);
}

.ja-toc-mobile-meta {
  margin-left: auto;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ja-toc-mobile ol {
  display: grid;
  gap: 0.1rem;
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
}

.ja-toc-mobile a {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  min-height: 44px;
  align-items: center;
  padding: 0.55rem 0;
  border-top: 1px solid var(--ja-line-soft);
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  line-height: 1.45;
  text-decoration: none;
}

.ja-toc-mobile a[aria-current="location"] {
  color: var(--ja-blue);
}

/* ============================================================
   Article body
   ============================================================ */

.ja-body {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  color: var(--ja-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.7;
  text-wrap: pretty;
}

.ja-body > p {
  margin: 0 0 1.45em;
}

.ja-body > p:first-of-type {
  color: var(--ja-ink);
  font-size: 1.5rem;
  line-height: 1.62;
}

.ja-body > h2 {
  margin: clamp(2.8rem, 4vw, 3.6rem) 0 1.05rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--ja-line);
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.75rem, 2.1vw, 2.05rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.ja-body > h2::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 13px;
  background: var(--ja-blue);
  vertical-align: 0.15em;
}

.ja-body > ul {
  display: grid;
  gap: 0.7rem;
  margin: 0 0 1.7em;
  padding: 0;
  list-style: none;
}

.ja-body > ul > li {
  position: relative;
  padding-left: 24px;
}

.ja-body > ul > li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 6px;
  height: 6px;
  background: var(--ja-blue);
  opacity: 0.85;
}

.ja-body > blockquote {
  margin: clamp(2.2rem, 3.2vw, 3rem) 0;
  padding: 0.2rem 0 0.2rem clamp(1.2rem, 2vw, 1.7rem);
  border-left: 2px solid var(--ja-blue);
}

.ja-body > blockquote p {
  margin: 0;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.35rem, 1.65vw, 1.6rem);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.022em;
}

.ja-note {
  margin: clamp(2.2rem, 3vw, 2.9rem) 0;
  padding: clamp(1.25rem, 2vw, 1.7rem) clamp(1.3rem, 2.2vw, 1.8rem);
  border-left: 2px solid var(--ja-blue);
  background: var(--ja-wash);
}

.ja-note .ja-note-title {
  margin: 0 0 0.6rem;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.ja-note p {
  max-width: 60ch;
  margin: 0;
  color: var(--ja-body);
  font-size: 0.96875rem;
  line-height: 1.7;
}

/* ============================================================
   Close — sources, division, review, back to archive
   ============================================================ */

.ja-close {
  align-items: start;
  margin-top: clamp(3.2rem, 4.6vw, 4.2rem);
  padding-top: clamp(1.8rem, 2.6vw, 2.2rem);
  border-top: 1px solid var(--ja-line);
}

.ja-close-main {
  min-width: 0;
}

.ja-section-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 0.8rem;
  color: var(--ja-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ja-section-label::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: currentColor;
}

.ja-sources h2 {
  margin: 0 0 1rem;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.3rem, 1.6vw, 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.022em;
}

.ja-sources ol {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--ja-line-soft);
}

.ja-sources li {
  border-bottom: 1px solid var(--ja-line-soft);
}

.ja-sources a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.85rem 0;
  color: var(--ja-blue);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  transition:
    color 0.2s ease,
    padding-left 0.2s ease;
}

.ja-sources a svg {
  flex: 0 0 auto;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

.ja-division {
  margin-top: clamp(2.2rem, 3.4vw, 3rem);
  padding: clamp(1.5rem, 2.4vw, 2rem);
  background: var(--ja-wash);
}

.ja-division h2 {
  margin: 0 0 0.55rem;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.5rem, 1.9vw, 1.8rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.026em;
}

.ja-division p {
  max-width: 54ch;
  margin: 0 0 1.2rem;
  color: var(--ja-body);
  font-size: 1rem;
  line-height: 1.65;
}

.ja-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(10, 110, 158, 0.45);
  color: var(--ja-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}

.ja-close-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1rem;
  min-width: 0;
}

.ja-review-note {
  margin: 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.68;
}

.ja-colophon-meta {
  margin: 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ja-back-bottom svg {
  transform: none;
}

/* ============================================================
   Related reading
   ============================================================ */

.ja-related {
  position: relative;
  isolation: isolate;
  margin-top: clamp(4rem, 6vw, 5.5rem);
  padding-top: clamp(2rem, 3vw, 2.5rem);
  border-top: 1px solid var(--ja-line);
}

.ja-related::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(-1 * clamp(1.75rem, 2.5vw, 2.25rem));
  bottom: calc(-1 * clamp(2.25rem, 3.5vw, 3rem));
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--surface-soft, #f3f5f6);
  pointer-events: none;
}

.ja-related > * {
  position: relative;
  z-index: 1;
}

.ja-related-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
}

.ja-related-head h2 {
  margin: 0;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2rem, 2.8vw, 2.65rem);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.036em;
}

.ja-related-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}

.ja-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: clamp(2rem, 3vw, 2.6rem);
}

.ja-related-item {
  min-width: 0;
}

.ja-related-media {
  display: block;
}

.ja-related-frame {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #e7edef;
  border: 1px solid rgba(10, 110, 158, 0.22);
}

.ja-related-image {
  object-fit: cover;
  transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.ja-meta-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0.9rem 0 0;
  color: var(--ja-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ja-related-title {
  margin: 0.55rem 0 0;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.022em;
}

.ja-related-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}

.ja-related-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 0.7rem;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  color: var(--ja-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}

.ja-related-more svg {
  transition: transform 0.2s ease;
}

/* ============================================================
   Hover and focus
   ============================================================ */

@media (hover: hover) {
  .ja-back:hover {
    color: var(--ja-blue);
    border-bottom-color: rgba(10, 110, 158, 0.45);
  }

  .ja-back:hover .ja-back-icon {
    transform: translateX(-3px) rotate(180deg);
  }

  .ja-back-bottom:hover svg {
    transform: translateX(3px);
  }

  .ja-share:hover {
    border-color: var(--ja-blue);
    color: var(--ja-blue);
  }

  .ja-toc a:hover {
    color: var(--ja-ink);
  }

  .ja-toc a:hover::before {
    background: rgba(10, 110, 158, 0.35);
  }

  .ja-sources a:hover {
    color: var(--ja-blue-deep);
    padding-left: 0.35rem;
  }

  .ja-sources a:hover svg {
    transform: rotate(-45deg) translateX(2px);
  }

  .ja-text-link:hover {
    color: var(--ja-blue-deep);
    border-color: var(--ja-blue-deep);
  }

  .ja-related-all:hover {
    color: var(--ja-blue);
    border-color: rgba(10, 110, 158, 0.45);
  }

  .ja-related-item:hover .ja-related-image {
    transform: scale(1.035);
  }

  .ja-related-item:hover .ja-related-title {
    color: var(--ja-blue);
  }

  .ja-related-item:hover .ja-related-more {
    color: var(--ja-blue);
    border-color: rgba(10, 110, 158, 0.45);
  }

  .ja-related-more:hover svg {
    transform: translateX(3px);
  }
}

.ja-back:focus-visible,
.ja-share:focus-visible,
.ja-toc a:focus-visible,
.ja-toc-mobile a:focus-visible,
.ja-sources a:focus-visible,
.ja-text-link:focus-visible,
.ja-related-all:focus-visible,
.ja-related-media:focus-visible,
.ja-related-link:focus-visible,
.ja-related-more:focus-visible {
  outline: 2px solid var(--ja-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

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

@media (min-width: 1600px) {
  .ja-body {
    font-size: 1.375rem;
  }

  .ja-body > p:first-of-type {
    font-size: 1.5625rem;
  }

  .ja-body > h2 {
    font-size: 2.15rem;
  }
}

@media (max-width: 1240px) {
  .ja-masthead,
  .ja-reading,
  .ja-close {
    display: block;
  }

  .ja-masthead-main {
    max-width: 900px;
  }

  .ja-masthead-aside {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.6rem;
    margin-top: 1.5rem;
  }

  .ja-aside-read {
    padding-top: 0;
    border-top: 0;
    font-size: 1.125rem;
  }

  .ja-share-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.9rem;
  }

  .ja-share-status {
    margin-top: 0;
    min-height: 0;
  }

  .ja-reading {
    max-width: 740px;
    margin-inline: auto;
  }

  .ja-body {
    font-size: 1.25rem;
    line-height: 1.72;
  }

  .ja-body > p:first-of-type {
    font-size: 1.4375rem;
    line-height: 1.63;
  }

  .ja-body > h2 {
    font-size: 1.9rem;
  }

  .ja-rail {
    display: none;
  }

  .ja-toc-mobile {
    display: block;
  }

  .ja-close {
    max-width: 740px;
    margin-inline: auto;
  }

  .ja-close-side {
    margin-top: 2.2rem;
    padding-top: 1.4rem;
    border-top: 1px solid var(--ja-line-soft);
  }
}

@media (max-width: 900px) {
  .ja-title {
    font-size: clamp(2.4rem, 6.2vw, 3.3rem);
    line-height: 1.02;
  }

  .ja-standfirst {
    max-width: 62ch;
  }

  .ja-hero-frame {
    aspect-ratio: 16 / 9;
  }

  .ja-related-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.2rem;
  }
}

@media (max-width: 700px) {
  .ja {
    padding-block: 1.5rem 3.5rem;
  }

  .ja-intro {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.1rem;
    align-items: start;
    padding-block: 1.5rem 1.3rem;
  }

  .ja-intro-label {
    font-size: 0.62rem;
  }

  .ja-intro-meta {
    font-size: 0.65rem;
  }

  .ja-intro-caption {
    font-size: 0.75rem;
  }

  .ja-intro-actions {
    gap: 0.8rem;
  }

  .ja-intro .ja-share {
    min-height: 46px;
  }

  .ja-topbar {
    gap: 1rem;
    padding-bottom: 1.2rem;
  }

  .ja-back {
    font-size: 0.78rem;
  }

  .ja-breadcrumb {
    font-size: 0.6rem;
  }

  .ja-masthead {
    padding-top: 1.9rem;
  }

  .ja-eyebrow {
    gap: 9px;
    font-size: 0.65rem;
  }

  .ja-eyebrow-rule {
    width: 38px;
  }

  .ja-title {
    margin-top: 0.95rem;
    font-size: clamp(2.2rem, 8.8vw, 2.9rem);
    line-height: 1.03;
    letter-spacing: -0.043em;
  }

  .ja-standfirst {
    margin-top: 1.15rem;
    font-size: 1.03125rem;
    line-height: 1.58;
  }

  .ja-meta-row {
    margin-top: 1.1rem;
    padding-top: 0.85rem;
    font-size: 0.65rem;
  }

  .ja-masthead-aside {
    margin-top: 1.25rem;
  }

  .ja-share {
    min-height: 46px;
    padding-inline: 16px;
  }

  .ja-share-wrap {
    gap: 0.8rem;
  }

  .ja-hero {
    margin-top: 1.8rem;
  }

  .ja-hero-frame {
    aspect-ratio: 4 / 3;
  }

  .ja-hero-caption {
    font-size: 0.75rem;
  }

  .ja-reading {
    margin-top: 2.2rem;
  }

  .ja-body {
    font-size: 1.0625rem;
    line-height: 1.75;
  }

  .ja-body > p:first-of-type {
    font-size: 1.125rem;
    line-height: 1.66;
  }

  .ja-body > h2 {
    margin-top: 2.3rem;
    padding-top: 0.95rem;
    font-size: 1.4rem;
  }

  .ja-body > h2::before {
    width: 6px;
    height: 6px;
    margin-right: 10px;
  }

  .ja-note {
    padding: 1.15rem 1.2rem;
  }

  .ja-toc-mobile {
    margin-bottom: 1.4rem;
  }

  .ja-close {
    margin-top: 2.6rem;
    padding-top: 1.6rem;
  }

  .ja-sources a {
    padding: 0.75rem 0;
    font-size: 0.9375rem;
  }

  .ja-division {
    margin-top: 2rem;
    padding: 1.3rem;
  }

  .ja-close-side {
    margin-top: 1.8rem;
    gap: 0.9rem;
  }

  .ja-related {
    margin-top: 3rem;
    padding-top: 1.8rem;
  }

  .ja-related-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.9rem;
  }

  .ja-related-head h2 {
    font-size: 2rem;
  }

  .ja-related-grid {
    margin-top: 1.7rem;
  }

  .ja-related-title {
    font-size: 1.25rem;
  }
}

@media (max-width: 380px) {
  .ja-title {
    font-size: 2.05rem;
  }

  .ja-meta-row {
    gap: 0.4rem 0.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ja-progress,
  .ja-back,
  .ja-share,
  .ja-toc a,
  .ja-toc a::before,
  .ja-toc-mobile summary::after,
  .ja-sources a,
  .ja-sources a svg,
  .ja-text-link,
  .ja-related-all,
  .ja-related-image,
  .ja-related-link,
  .ja-related-more,
  .ja-related-more svg {
    transition: none;
  }

  .ja-related-item:hover .ja-related-image {
    transform: none;
  }
}

/* ==== contact-premium.css ==== */
.cr {
  --cr-bg: #ffffff;
  --cr-ink: #102b34;
  --cr-graphite: #1b333c;
  --cr-body: #465a62;
  --cr-muted: #5b6d74;
  --cr-blue: #0a6e9e;
  --cr-blue-deep: #07577d;
  --cr-blue-soft: #eef6fa;
  --cr-line: #dbe3e7;
  --cr-line-strong: #c8d4da;
  --cr-line-soft: #e8eef1;
  --cr-wash: var(--surface-soft, #f3f5f6);
  --cr-error: #8a2f24;
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--cr-bg);
  color: var(--cr-ink);
}

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

.cr .container {
  position: relative;
}

/* ============================================================
   Shared type
   ============================================================ */

.cr-kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: var(--cr-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cr-kicker::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: currentColor;
}

/* ============================================================
   Direct contact — white editorial section
   ============================================================ */

.cr-intro {
  padding-block: clamp(3rem, 5vw, 4.6rem) clamp(2.6rem, 4.2vw, 3.6rem);
  background: var(--cr-bg);
}

.cr-intro-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
  column-gap: clamp(3rem, 7vw, 7rem);
  align-items: end;
}

.cr-intro-main {
  min-width: 0;
}

.cr-title {
  margin: 1.05rem 0 0;
  color: var(--cr-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.2rem, 5vw, 4.6rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.052em;
}

.cr-title-mask {
  display: block;
  overflow: hidden;
  padding-bottom: 0.04em;
  margin-bottom: -0.04em;
}

.cr-title-line {
  display: block;
  will-change: transform;
}

.cr-intro-copy {
  max-width: 39ch;
  margin: 0 0 0.3rem;
  padding-top: 1.15rem;
  border-top: 1px solid var(--cr-line);
  color: var(--cr-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.68;
  text-wrap: pretty;
}

/* Contact actions — large, deliberate, not boxed cards */

.cr-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: clamp(2.4rem, 4vw, 3.4rem);
  border-top: 1px solid var(--cr-line-strong);
  border-bottom: 1px solid var(--cr-line-strong);
}

.cr-action {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 1.1rem;
  min-height: 132px;
  padding: clamp(1.6rem, 2.6vw, 2.2rem) 0;
  color: var(--cr-ink);
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}

.cr-action:first-child {
  padding-right: clamp(2rem, 3vw, 3.2rem);
}

.cr-action + .cr-action {
  padding-left: clamp(2rem, 3vw, 3.2rem);
  border-left: 1px solid var(--cr-line);
}

.cr-action-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--cr-line-strong);
  border-radius: 50%;
  color: var(--cr-blue);
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.cr-action-copy {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
}

.cr-action-label {
  color: var(--cr-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.63rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cr-action-value {
  color: var(--cr-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.9rem, 2.6vw, 2.5rem);
  font-weight: 600;
  line-height: 1.03;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
  transition: color 0.25s ease;
}

.cr-action-value-email {
  font-size: clamp(1.2rem, 1.55vw, 1.48rem);
  letter-spacing: -0.01em;
}

.cr-action-arrow {
  color: var(--cr-line-strong);
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.cr-contact-note {
  max-width: 62ch;
  margin: 1rem 0 0;
  color: var(--cr-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.78rem;
  line-height: 1.6;
}

/* Supporting strip */

.cr-help {
  display: grid;
  grid-template-columns: minmax(120px, 0.24fr) minmax(0, 1fr);
  column-gap: clamp(2rem, 4vw, 4rem);
  margin-top: clamp(2.2rem, 3.6vw, 3rem);
  padding-top: 1.15rem;
  border-top: 1px solid var(--cr-line);
}

.cr-help-label {
  margin: 0;
  color: var(--cr-graphite);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cr-help ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1.2rem, 2.5vw, 2.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cr-help li {
  position: relative;
  padding-left: 17px;
  color: var(--cr-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.55;
}

.cr-help li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 5px;
  height: 5px;
  background: var(--cr-blue);
}

/* ============================================================
   Inquiry form — white fields on a pale cool band
   ============================================================ */

.cr-inquiry {
  padding-block: clamp(3rem, 5vw, 4.6rem);
  background: var(--cr-wash);
  border-top: 1px solid var(--cr-line);
  border-bottom: 1px solid var(--cr-line);
}

.cr-inquiry-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  column-gap: clamp(2.5rem, 5vw, 5rem);
  align-items: end;
  padding-top: 1.15rem;
  padding-bottom: clamp(1.4rem, 2.2vw, 1.9rem);
  margin-bottom: clamp(1.8rem, 2.8vw, 2.4rem);
  border-top: 1px solid var(--cr-line-strong);
  border-bottom: 1px solid var(--cr-line-strong);
}

.cr-inquiry-head::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 72px;
  height: 2px;
  background: var(--cr-blue);
}

.cr-inquiry-head h2 {
  max-width: 12ch;
  margin: 0.75rem 0 0;
  color: var(--cr-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(3.1rem, 4.2vw, 3.9rem);
  font-weight: 600;
  line-height: 0.96;
  letter-spacing: -0.052em;
}

.cr-form-title-line {
  display: block;
}

.cr-inquiry-meta {
  display: grid;
  gap: 0.55rem;
  padding-left: 1.1rem;
  border-left: 1px solid var(--cr-line);
}

.cr-inquiry-meta p {
  max-width: 34ch;
  margin: 0;
  color: var(--cr-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.84375rem;
  line-height: 1.55;
}

.cr-inquiry .inquiry-form {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.cr-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.85fr);
  column-gap: clamp(2rem, 4.5vw, 4.5rem);
  align-items: start;
}

.cr-form-column {
  min-width: 0;
}

.cr-form-column--side {
  padding-left: clamp(2rem, 4vw, 4rem);
  border-left: 1px solid var(--cr-line);
}

.cr-form-group + .cr-form-group {
  margin-top: clamp(2rem, 3vw, 2.6rem);
}

.cr-form-group-head {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 1rem;
  padding-top: 0.8rem;
  border-top: 1px solid var(--cr-line);
}

.cr-group-label {
  color: var(--cr-graphite);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cr-form-group-head::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  background: var(--cr-blue);
}

.cr-group-rule {
  display: block;
  flex: 1;
  height: 1px;
  background: var(--cr-line-soft);
}

.cr-field-row {
  display: grid;
  gap: 0.95rem 1.15rem;
}

.cr-field-row--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cr-form-column--side .cr-field-row--two {
  grid-template-columns: minmax(0, 1fr);
}

/* Fields */

.cr-inquiry .field {
  display: grid;
  gap: 0.5rem;
  margin: 0 0 1.1rem;
}

.cr-inquiry .field:last-child {
  margin-bottom: 0;
}

.cr-inquiry .field-label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.cr-inquiry .field label {
  color: var(--cr-graphite);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  transition: color 0.18s ease;
}

.cr-inquiry .field:focus-within .field-label-row label {
  color: var(--cr-blue);
}

.cr-inquiry .required-mark {
  margin-left: 4px;
  color: var(--cr-blue);
}

.cr-inquiry .field-required {
  display: none;
}

.cr-inquiry .field input,
.cr-inquiry .field select,
.cr-inquiry .field textarea {
  width: 100%;
  min-height: 60px;
  padding: 15px 16px;
  background: #ffffff;
  border: 1px solid var(--cr-line-strong);
  border-radius: 2px;
  color: var(--cr-ink);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1.02rem;
  line-height: 1.45;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

.cr-inquiry .field input:hover,
.cr-inquiry .field select:hover,
.cr-inquiry .field textarea:hover {
  border-color: #aebfc7;
}

.cr-inquiry .field input:focus,
.cr-inquiry .field select:focus,
.cr-inquiry .field textarea:focus {
  outline: 2px solid var(--cr-blue);
  outline-offset: 2px;
  border-color: var(--cr-blue);
  box-shadow: 0 0 0 3px rgba(10, 110, 158, 0.08);
  background: #ffffff;
}

.cr-inquiry .field input,
.cr-inquiry .field select {
  height: 60px;
}

.cr-inquiry .field textarea {
  min-height: 180px;
  padding: 14px 16px;
  line-height: 1.65;
  resize: vertical;
}

.cr-inquiry .field select {
  appearance: none;
  padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' stroke='%2353656C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 17px center;
  cursor: pointer;
}

.cr-inquiry .field.has-error input,
.cr-inquiry .field.has-error select,
.cr-inquiry .field.has-error textarea {
  border-color: var(--cr-error);
}

.cr-inquiry .field.has-error input:focus,
.cr-inquiry .field.has-error select:focus,
.cr-inquiry .field.has-error textarea:focus {
  outline-color: var(--cr-error);
  border-color: var(--cr-error);
  box-shadow: 0 0 0 3px rgba(138, 47, 36, 0.08);
}

.cr-inquiry .field-hint {
  margin: 0;
  color: var(--cr-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.78rem;
  line-height: 1.5;
}

.cr-inquiry .field-error {
  margin: 0;
  color: var(--cr-error);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
}

/* Footer: acknowledgment + action */

.cr-form-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 2rem;
  align-items: center;
  margin-top: clamp(2rem, 3vw, 2.6rem);
  padding-top: 1.6rem;
  border-top: 1px solid var(--cr-line-strong);
}

.cr-form-footer .checkbox-field {
  margin: 0;
  padding: 0;
  border: 0;
}

.cr-inquiry .checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 54ch;
  color: var(--cr-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  cursor: pointer;
}

.cr-inquiry .checkbox-label input {
  width: 20px;
  height: 20px;
  min-height: auto;
  flex: 0 0 auto;
  margin: 0.12em 0 0;
  accent-color: var(--cr-blue);
}

.cr-inquiry .field-error {
  margin-top: 0.35rem;
}

.cr-submit-row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.7rem;
}

.cr-submit-row .btn {
  min-height: 58px;
  padding: 0 26px;
  white-space: nowrap;
}

.cr-submit-row p {
  max-width: 34ch;
  margin: 0;
  color: var(--cr-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.78rem;
  line-height: 1.5;
  text-align: right;
}

.cr-submit-row p::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 7px;
  vertical-align: 0.12em;
  background: var(--cr-blue);
}

/* Error summary */

.cr-inquiry .error-summary {
  margin-bottom: 1.8rem;
  padding: 1rem 1.15rem;
  background: #ffffff;
  border: 1px solid #e3c3bc;
  border-left: 3px solid var(--cr-error);
  border-radius: 3px;
  color: #5c1e1a;
}

.cr-inquiry .error-summary h2 {
  margin: 0 0 6px;
  color: #5c1e1a;
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1rem;
}

.cr-inquiry .error-summary p {
  margin: 0 0 10px;
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.84rem;
  line-height: 1.5;
}

.cr-inquiry .error-summary ul {
  margin: 0;
  padding-left: 18px;
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.84rem;
  line-height: 1.55;
}

.cr-inquiry .error-summary a {
  color: #5c1e1a;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Review state — a readable, review-only inquiry summary */

.cr-inquiry .form-review {
  max-width: none;
  padding: clamp(2rem, 3.8vw, 3.4rem);
  background: #ffffff;
  border: 1px solid var(--cr-line);
  border-top: 3px solid var(--cr-blue);
  border-radius: 4px;
  animation: cr-review-enter 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cr-inquiry .form-review-live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.cr-inquiry .form-review-head {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(270px, 0.75fr);
  gap: clamp(1.8rem, 4vw, 4rem);
  align-items: start;
  padding-bottom: clamp(1.4rem, 2.5vw, 2.2rem);
  border-bottom: 1px solid var(--cr-line-strong);
}

.cr-inquiry .form-eyebrow {
  margin: 0 0 0.65rem;
  color: var(--cr-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.cr-inquiry .form-review h2 {
  max-width: 18ch;
  margin: 0 0 0.9rem;
  color: var(--cr-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(2.2rem, 3.3vw, 3.1rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.045em;
}

.cr-inquiry .form-review h2:focus {
  outline: none;
}

.cr-inquiry .form-review-intro {
  max-width: 54ch;
  margin: 0;
  color: var(--cr-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

.cr-inquiry .form-review-status {
  padding: 1.15rem 1.25rem;
  border-left: 3px solid var(--cr-blue);
  background: var(--cr-blue-soft);
}

.cr-inquiry .form-review-status-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--cr-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.cr-inquiry .form-review-status-label svg {
  flex: 0 0 auto;
}

.cr-inquiry .form-review-status p {
  margin: 0.55rem 0 0;
  color: var(--cr-graphite);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.84rem;
  line-height: 1.55;
}

.cr-inquiry .form-review-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(2rem, 5vw, 4.5rem);
  row-gap: clamp(1.5rem, 3vw, 2.4rem);
  margin-top: clamp(1.6rem, 2.8vw, 2.4rem);
}

.cr-inquiry .form-review-group {
  min-width: 0;
  padding-top: 1.05rem;
  border-top: 1px solid var(--cr-line-strong);
}

.cr-inquiry .form-review-group--project {
  grid-column: 1 / -1;
}

.cr-inquiry .form-review-group h3 {
  margin: 0 0 0.7rem;
  color: var(--cr-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cr-inquiry .form-review-list {
  margin: 0;
  padding: 0;
}

.cr-inquiry .form-review-pair {
  display: grid;
  grid-template-columns: minmax(132px, 0.34fr) minmax(0, 1fr);
  column-gap: 1.2rem;
  align-items: start;
  padding: 0.78rem 0;
  border-bottom: 1px solid var(--cr-line-soft);
}

.cr-inquiry .form-review-pair:last-child {
  border-bottom: 0;
}

.cr-inquiry .form-review-pair dt {
  margin: 0;
  color: var(--cr-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.cr-inquiry .form-review-pair dd {
  min-width: 0;
  margin: 0;
  color: var(--cr-ink);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.cr-inquiry .form-review-value--email {
  font-size: 0.95rem;
}

.cr-inquiry .form-review-pair--description {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.55rem;
  padding-top: 1rem;
}

.cr-inquiry .form-review-description {
  padding: 1rem 1.1rem;
  border-left: 2px solid var(--cr-line-strong);
  background: var(--cr-wash);
  color: var(--cr-graphite);
  font-size: 0.9875rem;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.cr-inquiry .form-review-note {
  max-width: 78ch;
  margin: 1.35rem 0 0;
  color: var(--cr-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.75rem;
  line-height: 1.55;
}

.cr-inquiry .form-review-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.6rem;
  margin-top: 1.5rem;
  padding-top: 1.35rem;
  border-top: 1px solid var(--cr-line);
}

.cr-inquiry .form-review-edit {
  min-height: 52px;
  min-width: 150px;
  border-color: var(--cr-blue);
  color: var(--cr-blue);
  background: #ffffff;
  font-weight: 700;
}

.cr-inquiry .form-review-actions .btn {
  min-height: 52px;
}

.cr-inquiry .form-contact-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(10, 110, 158, 0.4);
  color: var(--cr-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

@keyframes cr-review-enter {
  from {
    opacity: 0;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes cr-review-rise {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cr-inquiry .form-review-head,
.cr-inquiry .form-review-group {
  animation: cr-review-rise 440ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cr-inquiry .form-review-head {
  animation-delay: 40ms;
}

.cr-inquiry .form-review-group:nth-child(1) {
  animation-delay: 100ms;
}

.cr-inquiry .form-review-group:nth-child(2) {
  animation-delay: 150ms;
}

.cr-inquiry .form-review-group:nth-child(3) {
  animation-delay: 200ms;
}

@media (hover: hover) {
  .cr-inquiry .form-review-edit:hover {
    border-color: var(--cr-blue);
    background: var(--cr-blue);
    color: #ffffff;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cr-inquiry .form-review,
  .cr-inquiry .form-review-head,
  .cr-inquiry .form-review-group {
    animation: none;
  }
}

/* Server-rendered fallback shown only when JavaScript is unavailable. */
.cr-inquiry .cr-nojs-fallback {
  max-width: 720px;
  margin-bottom: clamp(1.4rem, 2.4vw, 2rem);
  padding: clamp(1.25rem, 2.2vw, 1.65rem);
  border: 1px solid var(--cr-line);
  border-top: 3px solid var(--cr-blue);
  background: #ffffff;
}

.cr-inquiry .cr-nojs-eyebrow {
  margin: 0 0 0.55rem;
  color: var(--cr-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.cr-inquiry .cr-nojs-fallback > p:not(.cr-nojs-eyebrow) {
  margin: 0;
  color: var(--cr-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.9875rem;
  line-height: 1.65;
}

.cr-inquiry .cr-nojs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1.5rem;
  margin-top: 1.1rem;
}

.cr-inquiry .cr-submit-row button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

/* ============================================================
   Hover and focus
   ============================================================ */

@media (hover: hover) {
  .cr-action:hover {
    background: linear-gradient(90deg, rgba(238, 246, 250, 0.7), rgba(238, 246, 250, 0));
  }

  .cr-action:hover .cr-action-icon {
    border-color: var(--cr-blue);
    background: var(--cr-blue);
    color: #ffffff;
  }

  .cr-action:hover .cr-action-value {
    color: var(--cr-blue);
  }

  .cr-action:hover .cr-action-arrow {
    color: var(--cr-blue);
    transform: translateX(3px);
  }

  .cr-inquiry .form-contact-link:hover {
    color: var(--cr-blue-deep);
    border-color: var(--cr-blue-deep);
  }
}

.cr-action:focus-visible,
.cr-inquiry .form-contact-link:focus-visible,
.cr-submit-row .btn:focus-visible,
.cr-inquiry .form-review-actions .btn:focus-visible {
  outline: 2px solid var(--cr-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

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

@media (max-width: 1240px) {
  .cr-title {
    font-size: clamp(3rem, 4.8vw, 4.2rem);
  }

  .cr-action-value {
    font-size: clamp(1.8rem, 2.5vw, 2.35rem);
  }

  .cr-action-value-email {
    font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  }

  .cr-form-layout {
    column-gap: clamp(2rem, 3.5vw, 3.5rem);
  }

  .cr-form-column--side {
    padding-left: clamp(1.8rem, 3vw, 3rem);
  }
}

@media (max-width: 1080px) {
  .cr-intro-head {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.6rem;
    align-items: start;
  }

  .cr-intro-copy {
    max-width: 58ch;
    padding-top: 1rem;
    margin: 0;
  }

  .cr-form-layout {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.4rem;
  }

  .cr-form-column--side {
    margin-top: 1.2rem;
    padding-left: 0;
    border-left: 0;
  }

  .cr-form-column--side .cr-field-row--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cr-inquiry-head {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  }

  .cr-inquiry .form-review-head {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.35rem;
  }

  .cr-inquiry .form-review-grid {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 1.2rem;
  }

  .cr-inquiry .form-review-group--project {
    grid-column: auto;
  }
}

@media (max-width: 900px) {
  .cr-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .cr-action {
    min-height: auto;
  }

  .cr-action:first-child {
    padding-right: 0;
  }

  .cr-action + .cr-action {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--cr-line);
  }

  .cr-help {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
  }

  .cr-help ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cr-inquiry-head {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.9rem;
    align-items: start;
  }

  .cr-inquiry-meta {
    padding-left: 0;
    border-left: 0;
  }

  .cr-form-footer {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.4rem;
    align-items: start;
  }

  .cr-submit-row {
    align-items: stretch;
  }

  .cr-submit-row .btn {
    width: 100%;
  }

  .cr-submit-row p {
    max-width: none;
    text-align: left;
  }
}

@media (max-width: 700px) {
  .cr-intro {
    padding-block: 2.2rem 2.6rem;
  }

  .cr-title {
    margin-top: 0.9rem;
    font-size: clamp(2.55rem, 11vw, 3.2rem);
    line-height: 0.98;
  }

  .cr-intro-copy {
    font-size: 1rem;
    line-height: 1.65;
  }

  .cr-actions {
    margin-top: 2rem;
  }

  .cr-action {
    grid-template-columns: 38px minmax(0, 1fr) 16px;
    gap: 12px;
    padding: 1.3rem 0;
  }

  .cr-action-icon {
    width: 38px;
    height: 38px;
  }

  .cr-action-value {
    font-size: 1.75rem;
  }

  .cr-action-value-email {
    font-size: 1.02rem;
  }

  .cr-contact-note {
    font-size: 0.72rem;
  }

  .cr-help {
    margin-top: 2rem;
    padding-top: 1rem;
  }

  .cr-help ul {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
  }

  .cr-help li {
    font-size: 0.9rem;
  }

  .cr-inquiry {
    padding-block: 2.4rem 2.8rem;
  }

  .cr-inquiry-head {
    padding-bottom: 1.2rem;
    margin-bottom: 1.5rem;
  }

  .cr-inquiry-head h2 {
    font-size: 2.35rem;
  }

  .cr-inquiry-meta p {
    font-size: 0.82rem;
  }

  .cr-form-column--side .cr-field-row--two,
  .cr-field-row--two {
    grid-template-columns: minmax(0, 1fr);
  }

  .cr-form-group {
    margin-top: 1.7rem;
  }

  .cr-form-group:first-child {
    margin-top: 0;
  }

  .cr-form-group-head {
    padding-top: 0.7rem;
    margin-bottom: 0.85rem;
  }

  .cr-inquiry .field {
    margin-bottom: 0.95rem;
  }

  .cr-inquiry .field input,
  .cr-inquiry .field select,
  .cr-inquiry .field textarea {
    min-height: 56px;
    padding: 13px 14px;
    font-size: 1rem;
  }

  .cr-inquiry .field input,
  .cr-inquiry .field select {
    height: 56px;
  }

  .cr-inquiry .field textarea {
    min-height: 160px;
  }

  .cr-form-footer {
    margin-top: 1.8rem;
    padding-top: 1.3rem;
  }

  .cr-inquiry .checkbox-label {
    font-size: 0.84375rem;
  }

  .cr-submit-row .btn {
    min-height: 56px;
  }

  .cr-inquiry .form-review {
    padding: 1.6rem 1.4rem;
  }

  .cr-inquiry .form-review-head {
    padding-bottom: 1.15rem;
  }

  .cr-inquiry .form-review h2 {
    font-size: clamp(2rem, 10vw, 2.55rem);
  }

  .cr-inquiry .form-review-grid {
    margin-top: 1.35rem;
    row-gap: 1rem;
  }

  .cr-inquiry .form-review-group {
    padding-top: 0.9rem;
  }

  .cr-inquiry .form-review-pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.3rem;
    padding: 0.7rem 0;
  }

  .cr-inquiry .form-review-pair--description {
    gap: 0.5rem;
  }

  .cr-inquiry .form-review-description {
    padding: 0.85rem 0.9rem;
  }

  .cr-inquiry .form-review-actions {
    align-items: stretch;
    gap: 0.9rem;
  }

  .cr-inquiry .form-review-edit {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .cr-title {
    font-size: 2.35rem;
  }

  .cr-action-value {
    font-size: 1.58rem;
  }

  .cr-action-value-email {
    font-size: 0.94rem;
  }

  .cr-inquiry {
    padding-block: 2.1rem 2.4rem;
  }

  .cr-inquiry-head h2 {
    font-size: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cr-action,
  .cr-action-icon,
  .cr-action-value,
  .cr-action-arrow,
  .cr-inquiry .field input,
  .cr-inquiry .field select,
  .cr-inquiry .field textarea,
  .cr-inquiry .form-contact-link {
    transition: none;
  }
}

/* ==== policy-page-premium.css ==== */
.policy-page {
  --pp-bg: #ffffff;
  --pp-ink: #102b34;
  --pp-graphite: #1b333c;
  --pp-body: #40565e;
  --pp-muted: #5b6d74;
  --pp-blue: #0a6e9e;
  --pp-blue-deep: #07577d;
  --pp-blue-soft: #eef6fa;
  --pp-wash: var(--surface-soft, #f3f5f6);
  --pp-line: #dbe3e7;
  --pp-line-soft: #e8eef1;
  background: var(--pp-bg);
  color: var(--pp-ink);
}

.policy-body {
  padding-block: clamp(2.8rem, 5vw, 4.6rem) clamp(3.6rem, 6vw, 5.2rem);
  background: var(--pp-bg);
}

.policy-shell {
  display: grid;
  grid-template-columns:
    var(--nola-policy-rail-width, 300px)
    minmax(0, var(--nola-policy-reading-width, 800px));
  justify-content: space-between;
  align-items: start;
}

/* ============================================================
   Shared labels and links
   ============================================================ */

.policy-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--pp-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.policy-kicker::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  background: currentColor;
}

.policy-page a {
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.policy-page a:focus-visible {
  outline: 2px solid var(--pp-blue);
  outline-offset: 3px;
  border-radius: 2px;
}

/* ============================================================
   Left rail — document navigation and identity
   ============================================================ */

.policy-rail {
  align-self: stretch;
  min-width: 0;
}

.policy-rail-inner {
  position: sticky;
  top: calc(var(--header) + 28px);
  padding-top: 0.2rem;
}

.policy-toc {
  margin-top: 1.2rem;
  border-top: 1px solid var(--pp-line);
}

.policy-toc ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.policy-toc li {
  border-bottom: 1px solid var(--pp-line-soft);
}

.policy-toc a {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  padding: 0.56rem 0 0.56rem 10px;
  color: var(--pp-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.45;
  text-decoration: none;
}

.policy-toc a::before {
  content: "";
  position: absolute;
  top: 0.45rem;
  bottom: 0.45rem;
  left: 0;
  width: 2px;
  background: transparent;
  transition: background-color 0.2s ease;
}

.policy-toc-index {
  padding-top: 0.1em;
  color: var(--pp-muted);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  transition: color 0.2s ease;
}

.policy-toc a:hover,
.policy-toc a[aria-current="location"] {
  color: var(--pp-ink);
}

.policy-toc a:hover::before,
.policy-toc a[aria-current="location"]::before {
  background: var(--pp-blue);
}

.policy-toc a[aria-current="location"] .policy-toc-index {
  color: var(--pp-blue);
}

.policy-rail-meta {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--pp-line);
}

.policy-rail-label {
  margin: 0 0 0.35rem;
  color: var(--pp-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.6rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.policy-rail-value {
  margin: 0 0 0.8rem;
  color: var(--pp-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.82rem;
  line-height: 1.5;
}

.policy-rail-value:last-child {
  margin-bottom: 0;
}

.policy-rail-status {
  color: var(--pp-blue);
  font-weight: 600;
}

/* ============================================================
   Main document
   ============================================================ */

.policy-main {
  min-width: 0;
}

.policy-document-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--pp-line);
}

.policy-document-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--pp-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.68rem;
  line-height: 1.4;
  text-align: right;
}

.policy-status-dot {
  display: block;
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  background: var(--pp-blue);
}

.policy-lede {
  margin: 1.8rem 0 0;
  color: var(--pp-graphite);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: clamp(1.1rem, 1.5vw, 1.25rem);
  line-height: 1.7;
}

.policy-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin-top: clamp(1.8rem, 3vw, 2.5rem);
  padding: clamp(1.2rem, 2vw, 1.6rem) clamp(1.25rem, 2.3vw, 1.8rem);
  background: var(--pp-wash);
  border-left: 3px solid var(--pp-blue);
}

.policy-summary-label {
  margin: 0;
  color: var(--pp-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.policy-summary ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem 1.8rem;
  margin: 0.35rem 0 0;
  padding: 0;
  list-style: none;
}

.policy-summary li {
  position: relative;
  padding-left: 14px;
  color: var(--pp-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.86rem;
  line-height: 1.55;
}

.policy-summary li::before {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 4px;
  height: 4px;
  background: var(--pp-blue);
}

.policy-sections {
  margin-top: clamp(2rem, 3vw, 2.8rem);
}

.policy-section {
  padding-top: clamp(1.5rem, 2.3vw, 2.1rem);
  margin-top: clamp(1.6rem, 2.6vw, 2.4rem);
  border-top: 1px solid var(--pp-line);
  scroll-margin-top: 0;
}

.policy-section:first-child {
  margin-top: 0;
}

.policy-section-heading {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: start;
  margin-bottom: 1.1rem;
}

.policy-section-marker {
  width: 8px;
  height: 8px;
  margin-top: 0.62em;
  background: var(--pp-blue);
}

.policy-section h2 {
  margin: 0;
  color: var(--pp-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: clamp(1.55rem, 2.2vw, 1.95rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

.policy-section-anchor {
  display: inline-grid;
  width: 26px;
  height: 26px;
  margin-top: 0.25rem;
  place-items: center;
  color: var(--pp-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.8rem;
  text-decoration: none;
  opacity: 0;
  transition:
    opacity 0.2s ease,
    color 0.2s ease;
}

.policy-section-heading:hover .policy-section-anchor,
.policy-section-anchor:focus-visible {
  color: var(--pp-blue);
  opacity: 1;
}

.policy-section p,
.policy-section li,
.policy-subsection p,
.policy-subsection li {
  color: var(--pp-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
}

.policy-section p {
  margin: 0 0 1.15rem;
}

.policy-section p:last-child {
  margin-bottom: 0;
}

.policy-section > p:first-of-type {
  margin-top: 0;
}

.policy-section ul,
.policy-section ol {
  margin: 0.3rem 0 1.35rem;
  padding-left: 1.35rem;
}

.policy-section li {
  margin-bottom: 0.55rem;
  padding-left: 0.2rem;
}

.policy-section li:last-child {
  margin-bottom: 0;
}

.policy-section ul li::marker {
  color: var(--pp-blue);
  font-size: 0.9em;
}

.policy-section ol {
  counter-reset: legal-number;
}

.policy-section ol li {
  position: relative;
  list-style: none;
  counter-increment: legal-number;
  padding-left: 1.1rem;
}

.policy-section ol li::before {
  content: counter(legal-number, decimal-leading-zero) ".";
  position: absolute;
  top: 0;
  left: -1.35rem;
  color: var(--pp-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.policy-subsection {
  margin-top: 2rem;
}

.policy-subsection h3 {
  margin: 0 0 0.65rem;
  color: var(--pp-graphite);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.policy-definitions {
  margin: 1.2rem 0 1.4rem;
  padding: 0;
  border-top: 1px solid var(--pp-line-soft);
}

.policy-definitions > div {
  display: grid;
  grid-template-columns: minmax(120px, 0.32fr) minmax(0, 1fr);
  gap: 1.2rem;
  padding: 0.95rem 0;
  border-bottom: 1px solid var(--pp-line-soft);
}

.policy-definitions dt {
  color: var(--pp-graphite);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.45;
}

.policy-definitions dd {
  margin: 0;
  color: var(--pp-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}

.policy-section-note {
  margin: 1.4rem 0;
  padding-left: 1rem;
  border-left: 2px solid var(--pp-line);
  color: var(--pp-muted);
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
}

/* Contact block inside the policy */

.policy-contact {
  margin-top: 1.8rem;
  padding: 1.4rem 0 0;
  border-top: 1px solid var(--pp-line-soft);
}

.policy-contact-label {
  margin: 0 0 1rem;
  color: var(--pp-blue);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.policy-contact-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.policy-contact-links a {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-width: 0;
  padding: 0.9rem 1rem;
  border: 1px solid var(--pp-line);
  color: var(--pp-ink);
  text-decoration: none;
}

.policy-contact-links a:hover {
  border-color: var(--pp-blue);
  background: var(--pp-blue-soft);
}

.policy-contact-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--pp-line);
  border-radius: 50%;
  color: var(--pp-blue);
}

.policy-contact-links a > span:last-child {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.policy-contact-links small {
  color: var(--pp-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.58rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.policy-contact-links strong {
  overflow-wrap: anywhere;
  color: var(--pp-ink);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.35;
}

.policy-contact-note {
  margin: 1rem 0 0;
  color: var(--pp-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.78rem;
  line-height: 1.6;
}

/* ============================================================
   Closing policy links
   ============================================================ */

.policy-legal-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.7fr);
  gap: 2rem;
  margin-top: clamp(2.5rem, 4vw, 3.5rem);
  padding-top: 1.3rem;
  border-top: 1px solid var(--pp-line);
}

.policy-related-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.4rem;
  margin-top: 0.8rem;
}

.policy-related-links a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding-bottom: 1px;
  border-bottom: 1px solid var(--pp-line);
  color: var(--pp-body);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.8rem;
  line-height: 1.5;
  text-decoration: none;
}

.policy-related-links a:hover {
  color: var(--pp-blue);
  border-color: var(--pp-blue);
}

.policy-footer-note {
  margin: 0;
  color: var(--pp-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.78rem;
  line-height: 1.6;
  text-align: right;
}

/* ============================================================
   Mobile document navigation
   ============================================================ */

.policy-toc-drawer {
  display: none;
  margin-top: 1.8rem;
  border-top: 1px solid var(--pp-line);
  border-bottom: 1px solid var(--pp-line);
}

.policy-toc-drawer summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 50px;
  padding: 0.65rem 0;
  color: var(--pp-graphite);
  font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  list-style: none;
}

.policy-toc-drawer summary::-webkit-details-marker {
  display: none;
}

.policy-toc-drawer summary:focus-visible {
  outline: 2px solid var(--pp-blue);
  outline-offset: 3px;
}

.policy-toc-drawer summary::after {
  content: "+";
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--pp-line);
  color: var(--pp-blue);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.policy-toc-drawer[open] summary::after {
  content: "−";
}

.policy-toc-count {
  margin-left: auto;
  color: var(--pp-muted);
  font-family: var(--font-home-body), "General Sans", "Segoe UI", sans-serif;
  font-size: 0.68rem;
  font-weight: 500;
}

.policy-toc-drawer .policy-toc {
  margin-top: 0;
  border-top: 1px solid var(--pp-line-soft);
}

.policy-toc-drawer .policy-toc a {
  padding-left: 0;
}

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

@media (max-width: 1200px) {
  .policy-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .policy-rail {
    display: none;
  }

  .policy-main {
    width: 100%;
    max-width: var(--nola-policy-reading-width, 800px);
    margin-inline: auto;
  }

  .policy-toc-drawer {
    display: block;
  }

  .policy-document-head {
    align-items: flex-start;
  }
}

@media (min-width: 1201px) and (max-height: 820px) {
  .policy-rail-meta {
    display: none;
  }

  .policy-toc a {
    padding-block: 0.46rem;
  }
}

@media (max-width: 700px) {
  .policy-body {
    padding-block: 2rem 3.5rem;
  }

  .policy-document-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
    padding-bottom: 1rem;
  }

  .policy-document-status {
    text-align: left;
  }

  .policy-lede {
    margin-top: 1.4rem;
    font-size: 1.06rem;
    line-height: 1.7;
  }

  .policy-summary {
    margin-top: 1.5rem;
    padding: 1.1rem 1.15rem;
  }

  .policy-summary ul {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
  }

  .policy-summary li {
    font-size: 0.84rem;
  }

  .policy-toc-drawer {
    margin-top: 1.5rem;
  }

  .policy-sections {
    margin-top: 1.6rem;
  }

  .policy-section {
    padding-top: 1.3rem;
    margin-top: 1.5rem;
  }

  .policy-section-heading {
    grid-template-columns: 11px minmax(0, 1fr);
    gap: 0.55rem;
    margin-bottom: 0.9rem;
  }

  .policy-section-marker {
    width: 6px;
    height: 6px;
    margin-top: 0.64em;
  }

  .policy-section h2 {
    font-size: 1.45rem;
    line-height: 1.2;
  }

  .policy-section-anchor {
    display: none;
  }

  .policy-section p,
  .policy-section li,
  .policy-subsection p,
  .policy-subsection li {
    font-size: 1.0625rem;
    line-height: 1.75;
  }

  .policy-section p {
    margin-bottom: 1rem;
  }

  .policy-definitions > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.3rem;
    padding: 0.8rem 0;
  }

  .policy-subsection {
    margin-top: 1.6rem;
  }

  .policy-subsection h3 {
    font-size: 1.1rem;
  }

  .policy-contact-links {
    grid-template-columns: minmax(0, 1fr);
  }

  .policy-contact-links a {
    padding: 0.85rem 0.9rem;
  }

  .policy-legal-footer {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.3rem;
    margin-top: 2.3rem;
  }

  .policy-footer-note {
    text-align: left;
  }

  .policy-toc-drawer summary {
    font-size: 0.75rem;
  }

  .policy-related-links {
    gap: 0.5rem 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .policy-page a,
  .policy-toc a::before,
  .policy-toc-index,
  .policy-section-anchor {
    transition: none;
  }
}

/* ==== WordPress / Nola runtime bridge ==== */
@font-face{font-family:"Switzer";src:url("../fonts/switzer-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Switzer";src:url("../fonts/switzer-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Switzer";src:url("../fonts/switzer-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/general-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/general-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/general-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--font-display:"Switzer","Segoe UI",Arial,sans-serif;--font-body:"General Sans","Segoe UI",Arial,sans-serif;--font-home-display:"Switzer","Segoe UI",Arial,sans-serif;--font-home-body:"General Sans","Segoe UI",Arial,sans-serif}
html{scroll-padding-top:calc(var(--header) + 18px)}
body{font-family:var(--font-home-body),"General Sans","Segoe UI",Arial,sans-serif}
body > #site-header,body > header.site-header,body > #site-footer,body > footer.site-footer:not(.signature-footer){display:none!important}
body #main{padding:0;margin:0}
body .elementor-widget-html > .elementor-widget-container,body .elementor-widget-nola-section > .elementor-widget-container{width:100%;margin:0;padding:0}
body .elementor-widget-html,body .elementor-widget-nola-section{width:100%}
body .elementor-element .elementor-widget-container{width:100%}
body .e-con,body .elementor-section{overflow:visible}
.nola-page-widgets > .e-con-inner{width:100%;max-width:none;padding:0;gap:0}
.nola-page-widgets .elementor-widget-container{width:100%}
body > .elementor-21,body > .elementor-68,body > .elementor-69,body > .elementor-70,body > .elementor-71,body > .elementor-72,body > .elementor-73,body > .elementor-74,body > .elementor-75,body > .elementor-76,body > .elementor-77,body > .elementor-78,body > .elementor-79,body > .elementor-80,body > .elementor-81{width:100%}
main#main{display:block}
.site-footer.signature-footer .container{width:min(calc(100% - (var(--gutter) * 2)),var(--container))}
.sf-legal .container{width:min(calc(100% - (var(--gutter) * 2)),var(--container))}
@media (max-width: 782px){.admin-bar .lab-masthead{top:46px}.admin-bar .lab-strip{top:0}}

/* ==== Elementor/theme containment and form-control corrections ==== */
body .elementor-element > .elementor-widget-container,
body .elementor-element .elementor-widget-container,
body .elementor-widget-html,
body .elementor-widget-html > .elementor-widget-container{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body footer.elementor-location-footer .elementor-widget-html,
body footer.elementor-location-footer .elementor-widget-container,
body footer.elementor-location-footer .signature-footer{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
body footer.elementor-location-footer .signature-footer{display:block}
body .inquiry-form .field input:not([type="checkbox"]),
body .inquiry-form .field select,
body .inquiry-form .field textarea{border:1px solid #cbd8dc!important;border-radius:4px!important;background:#ffffff!important;color:#10242c!important;min-height:60px}
body .inquiry-form .field input[type="checkbox"]{width:18px!important;height:18px!important;min-height:0!important;border:1px solid #8aa0a6!important;accent-color:#0a6e9e}
body .inquiry-form .field select{appearance:auto}
body .inquiry-form .field textarea{min-height:150px;padding:16px}
body .inquiry-form .field.has-error input:not([type="checkbox"]),
body .inquiry-form .field.has-error select,
body .inquiry-form .field.has-error textarea{border-color:#a73131!important}
body .inquiry-form .field-error{color:#a73131}

/* Final control normalization against Elementor's global button defaults. */
body .btn.btn-primary,
body .form-review-actions .btn.btn-primary{background:#0a6e9e;border-color:#0a6e9e;color:#ffffff}
body .btn.btn-primary:hover,
body .form-review-actions .btn.btn-primary:hover{background:#08577d;border-color:#08577d;color:#ffffff}
body .btn.btn-secondary,
body .form-review-actions .btn.btn-secondary{background:#ffffff;border-color:#cbd8dc;color:#10242c}
body .btn.btn-secondary:hover,
body .form-review-actions .btn.btn-secondary:hover{background:#10242c;border-color:#10242c;color:#ffffff}
body .lab-mobile-close{background:transparent;border:1px solid rgba(255,255,255,.26);color:#ffffff}
body .lab-mobile-close:hover{background:rgba(28,157,211,.10)!important;border-color:#1c9dd3!important}

/* No-JS navigation fallback */
.nola-nojs-nav{display:flex;flex-wrap:wrap;gap:0 16px;padding:10px clamp(1.25rem,3vw,2.5rem);background:#08181e;color:#f1f3ef;font-family:"General Sans","Segoe UI",sans-serif;font-size:13px;line-height:1.5;border-bottom:1px solid rgba(28,157,211,.35)}
.nola-nojs-nav a{display:inline-flex;align-items:center;min-height:40px;color:#f1f3ef;text-decoration:none;border-bottom:1px solid transparent}
.nola-nojs-nav a:hover,.nola-nojs-nav a:focus-visible{color:#7bd6ea;border-bottom-color:#7bd6ea;outline:none}

/* ==== Editable Nola Signal Header widget ==== */
body .elementor-widget-nola-signal-header,
body .elementor-widget-nola-signal-header > .elementor-widget-container,
body .elementor-widget-nola-signal-header .elementor-widget-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.nola-signal-header{position:relative;z-index:80;width:100%}
.nola-signal-header .lab-strip{width:100%}
.nola-signal-header .lab-masthead{width:100%}
.nola-signal-header .lab-services-toggle,
.nola-signal-header .lab-menu-toggle,
.nola-signal-header .lab-strip-control{padding:0!important;border-width:0!important;box-sizing:border-box!important;min-width:0!important;min-height:0!important;line-height:1!important;font:inherit}
.nola-signal-header .lab-services-toggle{width:28px;height:34px}
.nola-signal-header .lab-menu-toggle{width:44px;height:44px}
.nola-signal-header .lab-strip-control{width:46px!important;height:100%!important}
.nola-signal-header .lab-cta{text-decoration:none}
.nola-signal-header .lab-mobile-phone{text-decoration:none}
.nola-signal-header .nola-not-sticky{position:relative!important}
.nola-signal-header .nola-no-motion *,
.nola-signal-header .nola-no-motion *::before,
.nola-signal-header .nola-no-motion *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
@media (max-width:1080px){.nola-signal-header .lab-services-toggle{width:28px;height:34px}.nola-signal-header .lab-menu-toggle{width:44px;height:44px}}
@media (max-width:640px){.nola-signal-header .lab-menu-toggle{width:44px;height:44px}}
@media (max-width:380px){.nola-signal-header .lab-menu-toggle{width:44px;height:44px}}

/* Sticky parity: Elementor wrapper boxes are height-constrained ancestors.
   Removing their layout boxes lets the Signal masthead stick across the page. */
body .elementor-location-header,
body .elementor-location-header > .elementor,
body .elementor-location-header .elementor-element:has(.nola-signal-header),
body .elementor-location-header .elementor-element:has(.nola-signal-header) > .elementor-widget-container,
body .elementor-location-header .nola-signal-header{display:contents!important}

/* ==== Editable Nola Signature Footer widget ==== */
body .elementor-widget-nola-signature-footer,
body .elementor-widget-nola-signature-footer > .elementor-widget-container,
body .elementor-location-footer .elementor-widget-nola-signature-footer .elementor-widget-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.nola-signature-footer{width:100%}
.nola-signature-footer .signature-footer{padding-left:0;padding-right:0}
.nola-signature-footer .signature-footer{background:radial-gradient(120% 120% at 88% -15%, rgba(28,157,211,.075), transparent 58%),linear-gradient(180deg,var(--sf-bg-soft,#0a2029) 0%,var(--sf-bg,#081a21) 44%,var(--sf-bg-deep,#07171d) 100%)}
.nola-signature-footer .signature-footer .container{width:min(calc(100% - (var(--gutter) * 2)),var(--container))}
.nola-signature-footer .sf-logo-link{max-width:100%}
.nola-signature-footer .sf-contact-value{overflow-wrap:anywhere}
.nola-signature-footer .sf-backtop{flex:0 0 auto}
@media (max-width:700px){.nola-signature-footer .signature-footer{padding-left:0;padding-right:0}}

/* Mobile theme padding on footer must not shrink the 1280 master container. */
.nola-signature-footer .signature-footer{padding-left:var(--nola-footer-pad-x,0px)!important;padding-right:var(--nola-footer-pad-x,0px)!important}

/* Step 7D.9C — exact Header interaction-state colours (theme reset defenses). */
body .nola-signal-header .lab-services-toggle,
body .nola-signal-header .lab-services-toggle:hover,
body .nola-signal-header .lab-services-toggle[aria-expanded="true"]{border:0;background:transparent;box-shadow:none}
body .nola-signal-header .lab-services-toggle{color:#91b2ba}
body .nola-signal-header .lab-services-toggle:hover,
body .nola-signal-header .lab-services-toggle[aria-expanded="true"]{color:#1c9dd3}
.elementor-82 .elementor-element.elementor-element-7d1hdw1 .lab-mobile-company-link.is-current,
.elementor-82 .elementor-element.elementor-element-7d1hdw1 .lab-mobile-services-link.is-current{color:var(--lab-blue,#1c9dd3)}
body .nola-signal-header .lab-nav-link:focus-visible,
body .nola-signal-header .lab-services-toggle:focus-visible,
body .nola-signal-header .lab-phone:focus-visible,
body .nola-signal-header .lab-mobile-company-link:focus-visible,
body .nola-signal-header .lab-mobile-route:focus-visible,
body .nola-signal-header .lab-mobile-all:focus-visible,
body .nola-signal-header .lab-mobile-call:focus-visible{outline:2px solid #0a6e9e;outline-offset:3px}

/* Step 7D.9E — restore approved Close-button geometry over reset button defaults. */
body .nola-signal-header .lab-mobile-close{
  display:flex;
  height:42px;
  padding:0 12px;
  border-radius:0;
  align-items:center;
  box-sizing:border-box;
  font-size:10px;
  font-weight:600;
  line-height:1;
}
@media (max-width:640px){
  body .nola-signal-header .lab-mobile-close{
    width:42px;
    min-width:42px;
    padding:0;
    justify-content:center;
  }
}
body .nola-signal-header .lab-mobile-close:focus-visible{outline-offset:3px}