/* Bersenev & Co — сайт в фирменном стиле BIK Soft.
   Токены повторяют слой бренда из bic-soft/src/app/globals.css. */

:root {
  /* Бренд */
  --brand-olive: #4c6a1e;       /* 5.35:1 на --bg-main */
  --brand-olive-deep: #35501a;
  --brand-leaf: #6f9a2a;        /* только декор, не для текста */
  --brand-berry: #d6df8a;
  --brand-ink: #2f2a1f;

  /* Поверхности */
  --bg-main: #f3eee2;
  --bg-card: #fbf8f0;
  --bg-sunken: #ebe4d3;
  --bg-hover: rgba(76, 106, 30, 0.09);
  --border: #dcd3bd;
  --border-strong: #8c836c;

  --text-primary: var(--brand-ink);
  --text-secondary: #675d49;    /* ≥ 4.5:1 на --bg-main и --bg-card */

  /* Тёмно-оливковые полосы (как меню приложения) */
  --sidebar-bg: #2f4518;
  --sidebar-text: #f3eee2;
  --sidebar-muted: color-mix(in srgb, var(--sidebar-text) 75%, transparent); /* 5.95:1 */
  --sidebar-hover: rgba(255, 255, 255, 0.1);
  --sidebar-border: rgba(255, 255, 255, 0.18);

  --table-head-bg: var(--brand-olive-deep);
  --table-head-text: var(--sidebar-text);

  /* Шрифты */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-sans: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Шкала */
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-h3: 1.1875rem;
  --text-h2: clamp(2.25rem, 1.65rem + 2.6vw, 3.5rem);
  --text-h1: clamp(2rem, 1.1rem + 3.3vw, 3.5rem);
  --text-second: clamp(1.375rem, 1.05rem + 1.35vw, 2.125rem);

  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --section-y: clamp(56px, 5vw + 24px, 96px);
  --gutter: clamp(16px, 4vw, 40px);

  --radius: 10px;
  --radius-sm: 6px;
  --header-h: 72px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ---------- База ---------- */

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

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--header-h) + 12px);
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

body {
  margin: 0;
  background-color: var(--bg-main);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: 1.6;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

img { display: block; max-width: 100%; height: auto; }

h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }

a { color: var(--brand-olive); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--brand-olive-deep); }

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

:focus-visible {
  outline: 2px solid var(--brand-olive-deep);
  outline-offset: 3px;
  border-radius: 2px;
}

address { font-style: normal; }

.wrap {
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: var(--gutter);
}

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

.nowrap { white-space: nowrap; }

.skip-link {
  position: absolute;
  left: var(--space-md);
  top: -100px;
  z-index: 100;
  padding: var(--space-sm) var(--space-md);
  background: var(--bg-card);
  color: var(--text-primary);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  font-weight: 600;
}
.skip-link:focus { top: var(--space-sm); }

/* ---------- Типографика ---------- */

.section-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-h2);
  line-height: 1.08;
  letter-spacing: -0.018em;
  color: var(--text-primary);
  text-wrap: balance;
}

.lead {
  font-size: var(--text-lg);
  line-height: 1.55;
  color: var(--text-primary);
  max-width: 40ch;
  text-wrap: pretty;
}

.muted { color: var(--text-secondary); max-width: 60ch; }

.text-link { font-weight: 600; font-size: var(--text-sm); }

/* ---------- Кнопки ---------- */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 var(--space-lg);
  border-radius: 4px;
  border: 1px solid transparent;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 160ms var(--ease-out), border-color 160ms var(--ease-out), color 160ms var(--ease-out);
}

.btn--primary { background: var(--brand-olive); color: var(--bg-card); }
.btn--primary:hover { background: var(--brand-olive-deep); color: var(--bg-card); }

.btn--ghost { background: transparent; color: var(--text-primary); border-color: var(--border-strong); }
.btn--ghost:hover { background: var(--bg-hover); color: var(--text-primary); }

/* ---------- Шапка ---------- */

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--bg-main);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border);
}

.site-header__bar {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  min-height: var(--header-h);
}

.site-footer a:focus-visible,
.band :focus-visible {
  outline-color: var(--brand-berry);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  color: var(--sidebar-text);
  text-decoration: none;
  flex-shrink: 0;
}
.brand:hover { color: var(--sidebar-text); }

.brand__wordmark { width: clamp(190px, 18vw, 250px); height: auto; }
.brand__mark { width: 40px; height: auto; }

.brand__name {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 1.1875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-nav { display: none; }

.site-nav__list a {
  display: block;
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 160ms var(--ease-out);
}
.site-nav__list a:hover { background: var(--bg-hover); color: var(--text-primary); }

.site-nav__contacts { display: none; }

.site-header__phone {
  display: none;
  margin-left: auto;
  text-align: right;
  line-height: 1.25;
}

.phone-link {
  color: var(--text-primary);
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap;
}
.phone-link:hover { color: var(--brand-olive); }

.phone-note {
  display: block;
  font-size: 0.75rem;
  color: var(--text-secondary);
}

.menu-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: 44px;
  padding: 0 var(--space-sm);
  background: transparent;
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font: 600 0.9375rem/1 var(--font-sans);
  cursor: pointer;
}
.menu-toggle:hover { background: var(--bg-hover); }

.menu-toggle__bars,
.menu-toggle__bars::before,
.menu-toggle__bars::after {
  display: block;
  width: 18px;
  height: 1.5px;
  background: currentColor;
  border-radius: 1px;
  transition: transform 200ms var(--ease-out), opacity 200ms var(--ease-out);
}
.menu-toggle__bars { position: relative; }
.menu-toggle__bars::before,
.menu-toggle__bars::after { content: ""; position: absolute; left: 0; }
.menu-toggle__bars::before { top: -6px; }
.menu-toggle__bars::after { top: 6px; }

.menu-toggle[aria-expanded="true"] .menu-toggle__bars { background: transparent; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars::before { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars::after { transform: translateY(-6px) rotate(-45deg); }

/* Мобильное меню: выпадает под шапкой */
.site-nav.is-open {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: calc(100dvh - var(--header-h));
  overflow-y: auto;
  background: var(--bg-main);
  border-top: 1px solid var(--border);
  padding: var(--space-sm) var(--gutter) var(--space-xl);
}
.site-nav.is-open .site-nav__list a { padding: var(--space-sm); font-size: 1.0625rem; }
.site-nav.is-open .site-nav__contacts {
  display: grid;
  gap: var(--space-2xs);
  margin-top: var(--space-md);
  padding: var(--space-md) var(--space-sm) 0;
  border-top: 1px solid var(--border);
}
.site-nav__contacts a { color: var(--text-primary); font-weight: 600; text-decoration: none; }
.site-nav__contacts span { color: var(--text-secondary); font-size: var(--text-sm); }

/* Без JS меню просто видно списком */
html:not(.js) .site-nav { display: block; width: 100%; }
html:not(.js) .menu-toggle { display: none; }
html:not(.js) .site-header__bar { flex-wrap: wrap; padding-block: var(--space-sm); }
html:not(.js) .site-nav__list { display: flex; flex-wrap: wrap; }
html:not(.js) .site-header { position: static; }

@media (min-width: 640px) {
  .site-header__phone { display: block; }
  .menu-toggle { margin-left: 0; }
}

@media (min-width: 1280px) {
  .menu-toggle { display: none; }
  .site-nav,
  .site-nav.is-open {
    display: block;
    position: static;
    padding: 0;
    border: 0;
    background: none;
    max-height: none;
    overflow: visible;
    margin-left: auto;
  }
  .site-nav__list { display: flex; gap: var(--space-2xs); }
  .site-nav.is-open .site-nav__list a { padding: var(--space-xs) var(--space-sm); font-size: 0.9375rem; }
  .site-nav.is-open .site-nav__contacts { display: none; }
  .site-header__phone {
    margin-left: var(--space-md);
    padding-left: var(--space-lg);
    border-left: 1px solid var(--border);
  }
  html:not(.js) .site-nav { width: auto; }
  html:not(.js) .site-header__bar { flex-wrap: nowrap; }
}

/* ---------- Герой: модель и типографика в едином фирменном поле ---------- */
.hero__viewer { position:relative;min-height:700px;background:var(--sidebar-bg);color:var(--bg-main);overflow:hidden; }
.hero__content { position:relative;padding-top:60px;pointer-events:none; }
.hero__copy { max-width:350px;pointer-events:auto; }
.hero__title { font-family:var(--font-display);font-size:clamp(3.75rem,5.3vw,4.75rem);font-weight:600;line-height:.98;letter-spacing:-.025em;color:var(--bg-main); }
.hero__title em { display:block;font-weight:500;color:var(--brand-berry); }
.hero__service { max-width:27ch;margin-top:24px;font-size:1.0625rem;font-weight:600;line-height:1.45; }
.hero__route { max-width:35ch;margin-top:18px;font-size:.9375rem;line-height:1.6;color:#d6dccb; }
.hero__actions { display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:24px; }
.hero .btn--primary { background:var(--bg-main);color:var(--brand-olive-deep);border-color:var(--bg-main); }
.hero .btn--primary:hover { background:var(--brand-berry);border-color:var(--brand-berry); }
.hero__stage { position:absolute;top:0;right:0;width:calc(100% - max(370px,calc((100% - 1160px)/2 + 340px)));height:620px; }
.hero__poster,.hero__canvas { display:block;position:absolute;inset:0;width:100%;height:100%; }
.hero__poster { object-fit:contain;object-position:center; }
.hero__canvas { opacity:0;pointer-events:none;cursor:grab;touch-action:pan-y; }
.hero__canvas:active { cursor:grabbing; }
.hero__canvas[hidden],.hero__view-actions [hidden] { display:none; }
.is-interactive .hero__canvas { opacity:1;pointer-events:auto; }
.is-interactive .hero__poster { opacity:0; }
.hero__viewer-bar { position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:end;gap:20px; }
.hero__fleet p { font-weight:600;font-size:.9375rem; }
.hero__fleet span { display:block;margin-top:4px;font-size:.8125rem;color:#d6dccb; }
.hero__view-actions { display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:flex-end; }
.hero__view-actions span { font-size:.8125rem;color:#d6dccb; }
.hero__view-actions button { min-height:44px;padding:9px 12px;border:1px solid #899775;border-radius:3px;background:transparent;color:var(--bg-main);font:500 .8125rem/1.25 var(--font-sans);cursor:pointer; }
.hero__view-actions button:hover { background:#40572a; }
.hero__view-actions button:disabled { cursor:wait;opacity:.6; }
.hero__view-actions button:focus-visible,.hero__canvas:focus-visible { outline:2px solid var(--brand-berry);outline-offset:-3px; }
.hero__view-status { position:relative;text-align:center;font-size:.8125rem;padding-inline:20px; }
.hero__view-status:empty { display:none; }
@media(max-width:1099px){
 .hero__viewer{min-height:680px}.hero__content{padding-top:48px}.hero__copy{max-width:300px}
 .hero__title{font-size:3.75rem}.hero__service{font-size:1rem}.hero__route{font-size:.9375rem}
 .hero__stage{width:calc(100% - 330px);height:600px}.hero__view-actions span{display:none}
}
@media(max-width:719px){
 .hero__viewer{display:flex;flex-direction:column;min-height:0;padding-bottom:18px}
 .hero__stage{position:relative;width:100%;height:250px;flex:none;order:0}
 .hero__content{order:1;padding-top:0}.hero__copy{max-width:none}
 .hero__title{font-size:2.75rem;line-height:1.02}.hero__title em{display:inline}
 .hero__service{margin-top:12px;font-size:1rem;max-width:29ch}.hero__route{margin-top:12px;max-width:43ch;font-size:.9375rem;line-height:1.5}
 .hero__actions{margin-top:18px}.hero__actions .btn{width:100%}
 .hero__viewer-bar{position:relative;left:auto;bottom:auto;transform:none;order:2;display:block;margin-top:24px}
 .hero__view-actions{justify-content:flex-start;margin-top:14px;gap:8px}
 .hero__fleet p{font-size:.8125rem}.hero__fleet span{font-size:.75rem}
}

/* ---------- Секции ---------- */

.section { padding-block: var(--section-y); }

.section--sunken {
  background: var(--bg-sunken);
  border-block: 1px solid var(--border);
}

.section-head {
  display: grid;
  gap: var(--space-md);
  margin-bottom: clamp(32px, 3vw + 16px, 56px);
}

@media (min-width: 960px) {
  .section-head {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: end;
    gap: var(--space-xl);
  }
  .section-head .lead { max-width: 46ch; }
}

/* ---------- Перевозки ---------- */

.split {
  display: grid;
  gap: var(--space-2xl);
}

.split__lead { display: grid; gap: var(--space-lg); align-content: start; }

.split__body { display: grid; gap: var(--space-lg); }

.service-title {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: var(--space-lg);
}

.route { counter-reset: step; }

.route__step {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-areas: "num label" "num value";
  column-gap: var(--space-lg);
  row-gap: var(--space-2xs);
  padding-bottom: var(--space-xl);
  align-content: start;
  counter-increment: step;
}
.route__step:last-child { padding-bottom: 0; }
.route__step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 21px;
  top: 48px;
  bottom: 4px;
  width: 1px;
  background: var(--border-strong);
}
.route__step::before {
  content: "0" counter(step);
  grid-area: num;
  display: grid;
  place-items: center;
  align-self: start;
  width: 44px;
  height: 44px;
  color: var(--brand-olive-deep);
  font-family:var(--font-display);
  font-size:2rem;
  font-weight:500;
}
.route__label { grid-area: label; font-size: var(--text-sm); color: var(--text-secondary); }
.route__value { grid-area: value; font-weight: 500; font-size: clamp(1.25rem,1.7vw,1.5rem); line-height: 1.35; max-width: 36ch; }

.transport-modes {
  margin-top: var(--space-md);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--border);
}
.transport-modes .service-title { margin-bottom: var(--space-sm); }
.modes { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); }
.modes li { display: flex; align-items: center; gap: var(--space-xs); }
.modes li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--brand-olive); }
.modes__name { font-weight: 500; font-size: 0.9375rem; }

.also { font-size: 0.9375rem; line-height: 1.7; color: var(--text-secondary); max-width: 72ch; }

@media (min-width: 960px) {
  .split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-3xl); }
  .split__lead { position: sticky; top: calc(var(--header-h) + var(--space-xl)); }
}

/* ---------- Контейнеры ---------- */

.offers { margin-bottom: var(--space-xl); }

.offers__list { display: grid; border-block: 1px solid var(--border-strong); }

.offer {
  display: grid;
  align-content: start;
  gap: var(--space-2xs);
  padding: var(--space-lg) 0;
  border-top: 1px solid var(--border);
}
.offer:first-child { border-top: 0; }

.offer__title {
  font-family:var(--font-display);
  font-size:clamp(1.625rem,2.1vw,1.875rem);
  font-weight:500;
  line-height:1.2;
  text-wrap:balance;
}

.offer__note { color: var(--text-secondary); font-size: 0.9375rem; }

@media (min-width: 720px) {
  .offers__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .offer { border-top: 0; padding-block: var(--space-lg); }
  .offer + .offer { border-left: 1px solid var(--border); padding-left: var(--space-lg); }
}

.types {
  display: grid;
  gap: var(--space-xl);
  align-items: start;
  margin-bottom: clamp(40px, 4vw + 16px, 72px);
}

.types__text { display: grid; gap: var(--space-md); max-width: 62ch; }

@media (min-width: 960px) {
  .types { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-3xl); }
}

/* Таблицы в стиле приложения */
.table-frame {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}

.data-table { width: 100%; border-collapse: collapse; }

.data-table thead th {
  background: var(--table-head-bg);
  color: var(--table-head-text);
  text-align: left;
  font-size: var(--text-sm);
  font-weight: 600;
  padding: var(--space-sm) var(--space-md);
  white-space: nowrap;
}

.data-table td,
.data-table tbody th {
  padding: var(--space-md);
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--border);
}

.types__inventory .service-title { margin-bottom: var(--space-md); }
.types__list { display:flex;flex-wrap:wrap;gap:20px 24px; }
.types__list li { display:flex;align-items:baseline;gap:4px;padding-right:24px;border-right:1px solid var(--border-strong);font-size:1.75rem;font-weight:600;line-height:1.1;color:var(--brand-olive-deep); }
.types__list li:last-child { border-right:0; }
.types__list small { font-size:.875rem;font-weight:600; }

/* Галерея */
.gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-sm);
}

.gallery__item { margin: 0; min-width: 0; }
.gallery__item figure { display: grid; height: 100%; grid-template-rows: 1fr auto; }
.gallery__item figcaption { padding-top:10px; color:var(--text-secondary); font-size:.875rem; line-height:1.45; }
.gallery__item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 3px;
  background: var(--bg-card);
}

.gallery__item--wide { grid-column: 1 / -1; }

@media (min-width: 960px) {
  .gallery {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: var(--space-md);
  }
  .gallery__item--wide { grid-column: 1 / span 2; grid-row: 1 / span 2; }
  .gallery__item--wide img { aspect-ratio: auto; min-height: 100%; }
}

/* ---------- Почему мы ---------- */

.reasons {
  display: grid;
  gap: var(--space-xl);
}

.reason {
  display: grid;
  align-content: start;
  gap: var(--space-sm);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--border-strong);
}

.reason__title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
  line-height: 1.15;
}

.reason p { color: var(--text-secondary); max-width: 38ch; }

@media (min-width: 840px) {
  .reasons { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2xl); }
}

/* Тёмно-оливковая полоса с подписями */
.band {
  margin-top: var(--section-y);
  margin-bottom: calc(-1 * var(--section-y));
  background: var(--sidebar-bg);
  color: var(--sidebar-text);
}

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

.band__item {
  display: grid;
  align-content: start;
  gap: var(--space-xs);
  padding: var(--space-xl) var(--space-md) var(--space-xl) 0;
  border-top: 1px solid var(--sidebar-border);
}
.band__item:nth-child(-n + 2) { border-top: 0; }
.band__item:nth-child(even) { padding-left: var(--space-md); border-left: 1px solid var(--sidebar-border); }

.band__figure {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.375rem, 1rem + 1.5vw, 2.125rem);
  line-height: 1.1;
  color: var(--brand-berry);
}

.band__caption {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--sidebar-muted);
  max-width: 24ch;
}

@media (min-width: 960px) {
  .band__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .band__item,
  .band__item:nth-child(even) {
    border-top: 0;
    padding: var(--space-2xl) var(--space-lg);
  }
  .band__item:first-child { padding-left: 0; }
  .band__item + .band__item { border-left: 1px solid var(--sidebar-border); }
}

/* ---------- Партнёры ---------- */

.partners {
  padding-block: clamp(48px, 3vw + 32px, 80px);
  border-top: 1px solid var(--border);
}
/* сразу после тёмной полосы рамка не нужна */
.band + .partners, #about + .partners { border-top: 0; }

.partners__inner {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.partners__title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  line-height: 1.15;
}

.partners__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

.partner {
  flex: 1 1 150px;
  display: grid;
  place-items: center;
  height: 112px;
  padding: var(--space-md);
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.partner__logo { width: auto; max-width: 100%; height: auto; }
/* белый фон картинок растворяется в карточке, сам логотип не меняется */
.partner__logo--kristal,
.partner__logo--de { mix-blend-mode: multiply; }
.partner__logo--kristal { max-height: 60px; }
.partner__logo--de { max-height: 48px; }
.partner__logo--neco { max-height: 40px; }

@media (min-width: 960px) {
  .partners__inner { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-3xl); }
  .partners__list { gap: var(--space-md); }
  .partner { height: 128px; }
  .partner__logo--neco { max-width: 86%; }
}

/* ---------- Расчёт стоимости ---------- */

.quote {
  display: grid;
  gap: var(--space-2xl);
  align-items: start;
}

.quote__text { display: grid; gap: var(--space-lg); }

.form-card {
  accent-color: var(--brand-olive);
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: clamp(16px, 2vw + 8px, 32px);
  min-height: 240px;
}

.form-fallback {
  display: grid;
  gap: var(--space-xs);
  color: var(--text-secondary);
}
.form-fallback__title { font-weight: 600; color: var(--text-primary); }

/* Как только Bitrix24 вставил форму — прячем запасной текст */
.form-card.has-form .form-fallback { display: none; }
.form-card.has-form { padding: var(--space-xs) 0; }

/* Заголовок формы из CRM дублирует заголовок раздела */
.form-card .b24-form-header { display: none; }
/* Текст согласия у Bitrix24 серый (2.2:1) — поднимаем до фирменного вторичного */
.form-card .b24-form-control-desc,
.form-card .b24-form-sign,
.form-card .b24-form-sign-abuse-link,
.form-card .b24-form-sign-text { color: var(--text-secondary) !important; opacity: 1 !important; }
.form-card .b24-form-sign-abuse-link { border-bottom-color: currentColor !important; }

@media (min-width: 960px) {
  .quote { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-3xl); }
  .quote__text { position: sticky; top: calc(var(--header-h) + var(--space-xl)); }
}

/* ---------- Контакты ---------- */

.contacts {
  display: grid;
  gap: var(--space-xl);
}

.facts { display: grid; }

.facts__row {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: var(--space-md);
  padding-block: var(--space-md);
  border-top: 1px solid var(--border);
}
.facts__row:last-child { border-bottom: 1px solid var(--border); }

.facts dt { color: var(--text-secondary); font-size: var(--text-sm); padding-top: 2px; }
.facts dd { display: grid; gap: var(--space-2xs); font-weight: 600; }
.facts dd a { color: var(--text-primary); text-decoration-color: var(--border-strong); }
.facts dd a:hover { color: var(--brand-olive); }
.facts dd .text-link { color: var(--brand-olive); justify-self: start; }
.facts__note { font-weight: 400; font-size: var(--text-sm); color: var(--text-secondary); }

.channel {
  display: grid;
  gap: var(--space-2xs);
  padding: var(--space-lg);
  background: var(--sidebar-bg);
  color: var(--sidebar-text);
  border-radius: var(--radius);
  text-decoration: none;
  transition: background-color 160ms var(--ease-out);
}
.channel:hover { background: var(--brand-olive-deep); color: var(--sidebar-text); }
.channel:focus-visible { outline-color: var(--brand-olive-deep); }

.channel__label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sidebar-muted);
}
.channel__title {
  font-family: var(--font-display);
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
}
.channel__url { font-size: 0.9375rem; color: var(--brand-berry); overflow-wrap: anywhere; }

.depts tbody th { font-weight: 700; white-space: nowrap; }
.depts td a { color: var(--text-primary); text-decoration-color: var(--border-strong); white-space: nowrap; }
.depts td a:hover { color: var(--brand-olive); }
.depts tbody tr:nth-child(even) { background: rgba(76, 106, 30, 0.035); }

/* Отделы на телефоне — карточками */
@media (max-width: 719px) {
  .depts thead { display: none; }
  .depts,
  .depts tbody,
  .depts tr,
  .depts th,
  .depts td { display: block; }
  .depts tbody tr { padding: var(--space-md); border-top: 1px solid var(--border); }
  .depts tbody tr:first-child { border-top: 0; }
  .depts tbody tr:nth-child(even) { background: none; }
  .depts tbody th { padding: 0 0 var(--space-xs); border: 0; font-size: 1.0625rem; }
  .depts td {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: var(--space-sm);
    padding: var(--space-2xs) 0;
    border: 0;
  }
  .depts td::before {
    content: attr(data-label);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding-top: 1px;
  }
}

@media (min-width: 720px) {
  .contacts__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-xl); }
  .contacts__facts .facts__row:nth-last-child(2) { border-bottom: 1px solid var(--border); }
}

@media (min-width: 1100px) {
  .contacts { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); column-gap: var(--space-2xl); }
  .contacts__depts { grid-column: 1 / -1; margin-top: var(--space-lg); }
  .channel { align-content: end; }
}

/* ---------- Подвал ---------- */

.site-footer {
  background: var(--sidebar-bg);
  color: var(--sidebar-text);
  padding-block: var(--space-2xl);
}

.site-footer__grid {
  display: grid;
  gap: var(--space-lg);
}

.site-footer__brand { display: inline-flex; align-items: center; gap: var(--space-sm); }
.site-footer__brand img { width: 32px; height: auto; }

.site-footer__nav { display: flex; flex-wrap: wrap; gap: var(--space-2xs) var(--space-lg); }
.site-footer__nav a { color: var(--sidebar-text); font-size: 0.9375rem; text-decoration: none; }
.site-footer__nav a:hover { color: var(--brand-berry); text-decoration: underline; }

.site-footer__legal { font-size: var(--text-sm); color: var(--sidebar-muted); }

@media (min-width: 960px) {
  .site-footer__grid { grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-2xl); }
  .site-footer__nav { justify-content: center; }
}

@media print {
  .site-header, .menu-toggle, .quote__form { display: none; }
  .band, .site-footer { background: none; color: var(--text-primary); }
}

.form-fallback__action { margin-top: var(--space-lg); }

/* Editorial hierarchy and phone reading rhythm, within the original brand. */
.section-title{max-width:20ch}.section-head{margin-bottom:36px}.section-head .lead{padding-top:2px}
.band__figure strong{font:500 clamp(2.75rem,4vw,3.25rem)/1 var(--font-display)}
.site-nav__list a{min-height:44px;display:flex;align-items:center;font-weight:600}
.site-footer__nav a{display:inline-flex;align-items:center;min-height:44px}
.facts dd a[href^="tel:"],.facts dd a[href^="https://wa.me/"]{font-size:1.375rem;line-height:1.3;min-height:44px;display:flex;align-items:center}
.facts dd a[href^="mailto:"]{font-size:1.0625rem;overflow-wrap:anywhere;min-height:44px;display:flex;align-items:center}
.depts td a{overflow-wrap:anywhere}
.form-card input,.form-card textarea,.form-card select{font-size:16px!important}
@media(max-width:719px){
 body{font-size:1rem;line-height:1.6}.section-title{font-size:2.375rem;line-height:1.08}
 .section-head{gap:20px;margin-bottom:28px}.lead{font-size:1.125rem;line-height:1.55}
 .split__lead .section-title{margin-bottom:20px}.route__step{column-gap:18px;padding-bottom:28px}
 .route__value{font-size:1.25rem;line-height:1.4}.offer{padding-block:22px}.offer__title{font-size:1.75rem}
 .types__list{gap:20px}.types__list li{padding-right:20px}.types__text{font-size:1rem}
 .gallery__item--wide{grid-column:1/-1}.gallery__item figcaption{font-size:.8125rem}
 .facts__row{grid-template-columns:1fr;gap:4px;padding-block:18px}
 .depts tbody tr{padding:24px 18px}.depts tbody th{font-size:1.25rem;padding-bottom:14px;white-space:normal}
 .depts td{grid-template-columns:72px minmax(0,1fr);align-items:baseline;padding-block:5px}
 .depts td a{white-space:normal;min-height:44px;display:flex;align-items:center}
 .depts td[data-label="Телефон"] a{font-size:1.125rem}.depts td[data-label="Почта"] a{font-size:1rem}
 .channel{border-radius:3px}.channel__label{text-transform:none;letter-spacing:0;font-size:.875rem}
 .band__item{padding-block:26px}.band__figure{font-size:1.5rem}.band__figure strong{display:block;margin-top:2px}
 .site-footer__nav{gap:4px 20px}
}

/* Reference-derived hierarchy: two business directions, one consistent type system. */
.hero__copy{max-width:450px}.hero__title{font-family:var(--font-sans);font-size:3rem;font-weight:700;line-height:1.05;letter-spacing:-.035em}
.hero__title span{display:block}.hero__directions{display:grid;gap:16px;margin-top:24px;max-width:39ch;color:#d6dccb;font-size:1rem;line-height:1.55}
.hero__actions{display:grid;grid-template-columns:1fr;max-width:300px;gap:8px;margin-top:28px}
.hero__actions .btn{width:100%}.hero__viewer-bar{justify-content:flex-end}
.hero__view-actions button{border-color:transparent;padding-inline:0;text-decoration:underline;text-underline-offset:5px;font-size:.875rem}
.hero__view-actions button:hover{background:transparent;color:var(--brand-berry)}
.section-title{font-family:var(--font-sans);font-size:clamp(2rem,3.65vw,3.25rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;max-width:none}
.section-head{gap:24px;margin-bottom:48px;align-items:start}.section-head .lead{padding-top:4px}
.offer__title{font-family:var(--font-sans);font-weight:600;font-size:clamp(1.5rem,1.85vw,1.625rem);line-height:1.2;letter-spacing:-.025em}
.partners__title,.channel__title{font-family:var(--font-sans);font-weight:700;letter-spacing:-.025em}
.route__step::before{font-family:var(--font-sans);font-size:1.5rem;font-weight:600;letter-spacing:-.035em}
.partner{border:0;border-radius:0;background:transparent;padding:20px 28px;height:112px}.partner+.partner{border-left:1px solid var(--border)}
.partners__list{gap:0}.partners{border-block:1px solid var(--border)}
.service-action{margin-top:40px}.service-action .btn{min-width:280px}
.form-card{border-radius:3px}.quote__text .lead{font-size:1.125rem;line-height:1.55}
.site-footer{padding-block:48px}.site-footer__legal{max-width:28ch;line-height:1.6}
@media(min-width:960px){
 .section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
 .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
 .split__lead{position:static}.quote{gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .quote__text{position:static}.quote__text .section-title{margin-bottom:4px}
}
@media(max-width:1099px){.hero__copy{max-width:320px}.hero__title{font-size:2.125rem}.hero__directions{font-size:.9375rem}}
@media(max-width:719px){
 .hero__copy{max-width:none}.hero__title{font-size:clamp(1.8rem,8.5vw,2.125rem);line-height:1.08}
 .hero__directions{gap:12px;margin-top:20px;font-size:1rem;line-height:1.5}
 .hero__actions{max-width:none;margin-top:20px}.hero__viewer-bar{margin-top:10px}.hero__view-actions{margin-top:0}
 .section-title{font-size:clamp(1.875rem,8.5vw,2.125rem);line-height:1.1}
 .section-head{gap:20px;margin-bottom:32px}.section-head .lead{padding-top:0}
 .offer__title{font-size:1.5rem}.partner{height:94px;flex-basis:33.333%;padding:12px}.partner__logo--neco{max-width:100%}
 .partners__title{font-size:1.5rem}.service-action{margin-top:28px}.service-action .btn{width:100%;min-width:0}
 .site-footer__grid{gap:24px}.site-footer__nav{padding-block:16px;border-block:1px solid var(--sidebar-border)}.site-footer__legal{max-width:none}
}

/* Visible keyboard focus across the dark first-screen field. */
.hero :focus-visible{outline:2px solid var(--brand-berry);outline-offset:3px}

@media(max-width:359px){.site-header__bar{gap:12px}.brand__wordmark{width:170px}}

/* A single scene crosses the colour plane. Canvas is transparent, never used as a crop mask. */
.hero__viewer{min-height:760px;background:var(--bg-main);overflow:visible;isolation:isolate}
.hero__viewer::before{content:"";position:absolute;inset:0 0 155px;background:var(--sidebar-bg);z-index:-1}
.hero__content{padding-top:54px}.hero__copy{max-width:490px}.hero__title{font-size:3.125rem;line-height:1.03;letter-spacing:-.04em}
.hero__title>span+span{margin-top:18px}.hero__stage{top:132px;width:calc(100% - max(430px,calc((100% - 1160px)/2 + 350px)));height:600px;z-index:1}
.hero__content{z-index:2}.hero__entries{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;max-width:475px}
.hero__entry p{font-size:.875rem;line-height:1.5;max-width:24ch;min-height:44px;color:#d6dccb}
.hero__entry a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;color:var(--bg-main);font-size:.9375rem;font-weight:700;text-decoration:none;border-bottom:1px solid #aab59a}
.hero__entry a:hover{color:var(--brand-berry)}.hero__entry svg{width:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.hero__viewer-bar{bottom:16px;z-index:3}.hero__view-actions button{color:var(--brand-olive-deep)}
.freight{padding-top:36px}.freight-map{margin-top:36px}.freight-map img{width:100%;height:auto}
.freight-map figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:.8125rem;color:var(--text-secondary)}
.freight-map figcaption>span:first-child{font-weight:700;color:var(--text-primary)}.freight-map__legend{display:flex;gap:24px}
.freight-map__legend>span{display:flex;align-items:center;gap:8px}.freight-map__legend>span::before{content:"";width:30px;border-top:3px solid var(--brand-olive)}.freight-map__legend .legend-sea::before{border-color:#314d71;border-top-style:dashed}
.freight-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px}.freight-stages h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em}.freight-stages p{font-size:1rem;margin-top:8px;color:var(--text-secondary)}
.line-partnership{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;gap:64px;margin-top:56px;padding-block:40px;border-block:1px solid var(--border)}
.line-partnership img{width:280px;max-width:100%;height:auto}.line-partnership h3{font-size:1.625rem;line-height:1.2;letter-spacing:-.025em}.line-partnership p{max-width:60ch;font-size:1rem;color:var(--text-secondary);margin-top:12px}
.freight-details{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:32px;color:var(--text-secondary);font-size:.9375rem}
.container-product{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.container-product__photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.container-product__photo figcaption{font-size:.8125rem;margin-top:12px;color:var(--text-secondary)}
.container-formats h3,.container-terms>h3{font-size:1rem;font-weight:600;margin-bottom:24px}.container-formats dl>div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding-block:26px;border-top:1px solid var(--border-strong)}
.container-formats dt{font-size:4.75rem;line-height:1;font-weight:600;letter-spacing:-.055em}.container-formats dd{display:grid;align-content:center;gap:8px}.container-formats dd strong{font-size:1.25rem;letter-spacing:-.02em}.container-formats dd span{font-size:.9375rem;color:var(--text-secondary)}.container-formats__note{margin-top:16px;font-size:.9375rem;color:var(--text-secondary)}
.container-terms{margin-top:64px}.container-terms dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.container-terms dl>div{padding-top:22px;border-top:1px solid var(--border-strong)}.container-terms dt{font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em}.container-terms dd{margin-top:12px;font-size:1rem;color:var(--text-secondary)}
.departments{padding-top:0}.contacts__depts{margin-top:0}.departments .table-frame{border-radius:0;background:transparent;border-inline:0}.departments .depts tbody tr:nth-child(even){background:transparent}.departments .data-table thead th{background:transparent;color:var(--text-secondary);border-bottom:1px solid var(--border-strong)}
@media(max-width:1099px) and (min-width:720px){
 .hero__viewer{min-height:790px}.hero__viewer::before{bottom:160px}.hero__copy{max-width:380px}.hero__title{font-size:2.625rem}.hero__entries{grid-template-columns:1fr;gap:18px;max-width:270px}.hero__entry p{min-height:0;max-width:none}.hero__stage{top:225px;width:calc(100% - 330px);height:540px}
 .container-product{gap:32px}.container-formats dl>div{grid-template-columns:85px 1fr;gap:18px}.container-formats dt{font-size:3.75rem}.line-partnership{grid-template-columns:240px 1fr;gap:36px}
}
@media(max-width:719px){
 .hero__viewer{padding-bottom:22px;min-height:0}.hero__viewer::before{height:205px;bottom:auto}.hero__stage{top:auto;position:relative;width:100%;height:280px;z-index:1}
 .hero__content{padding-top:0}.hero__copy{max-width:none}.hero__title{font-size:2rem;line-height:1.08;color:var(--text-primary);letter-spacing:-.035em}.hero__title>span+span{margin-top:8px}.hero__title br{display:none}.hero__title>span{max-width:18ch}
 .hero__entries{grid-template-columns:1fr;gap:16px;margin-top:20px;max-width:none}.hero__entry p{color:var(--text-secondary);min-height:0;max-width:none;font-size:.875rem}.hero__entry a{min-height:44px;color:var(--brand-olive-deep);font-size:1rem;border-color:var(--border-strong)}
 .hero__viewer-bar{margin-top:12px}.hero__view-actions button{font-size:.8125rem;min-height:44px}.hero :focus-visible{outline-color:var(--brand-olive-deep)}.hero__canvas:focus-visible{outline-color:var(--brand-berry)}
 .freight{padding-top:44px}.freight-map{margin-inline:calc(-1*var(--gutter));margin-top:28px}.freight-map img{height:300px;object-fit:cover;object-position:58% center}.freight-map figcaption{padding-inline:var(--gutter);font-size:.75rem;gap:12px}.freight-map__legend{gap:18px}
 .freight-stages{grid-template-columns:1fr;gap:18px;margin-top:28px}.freight-stages>div{display:grid;grid-template-columns:140px 1fr;gap:16px}.freight-stages h3{font-size:1rem}.freight-stages p{font-size:.875rem;margin-top:0}
 .line-partnership{grid-template-columns:1fr;gap:28px;margin-top:36px;padding-block:32px}.line-partnership img{width:240px}.line-partnership h3{font-size:1.375rem}.line-partnership p{font-size:1rem}.freight-details{grid-template-columns:1fr;gap:16px;margin-top:28px}
 .container-product{grid-template-columns:1fr;gap:32px}.container-formats dl>div{grid-template-columns:100px 1fr;gap:20px;padding-block:24px}.container-formats dt{font-size:4rem}.container-terms{margin-top:40px}.container-terms dl{grid-template-columns:1fr;gap:24px}.container-terms dt{font-size:1.25rem}.container-terms dd{margin-top:8px}
 .departments{padding-top:0}.departments .depts tbody tr{padding:24px 0}.departments .depts td{grid-template-columns:72px 1fr}.departments .depts td a{min-height:44px}
}

@media(max-width:719px){.freight-map img{height:auto;aspect-ratio:600/660;object-fit:contain}.freight-map picture{display:block}}

/* Both entry paths stay in the free column, clear of the physical object. */
@media(min-width:1100px){.hero__entries{grid-template-columns:1fr;max-width:340px;gap:18px;margin-top:26px}.hero__entry p{min-height:0;max-width:none}.hero__entry a{font-size:1rem}}

.route-coverage{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:32px}.route-coverage h3{font-size:1rem;font-weight:600;margin-bottom:16px}.route-coverage ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;font-size:1.125rem;line-height:1.45}.route-coverage li{padding-block:4px}
@media(max-width:719px){.freight-map img{aspect-ratio:600/930}.route-coverage{grid-template-columns:1fr;gap:28px}.route-coverage ul{font-size:1rem;gap:6px 20px}}

/* Department contacts read as four compact records, while native table headers remain available. */
.site-footer__brand .brand__name{font-family:var(--font-sans);font-weight:700}
@media(max-width:719px){
 .container-product{gap:24px}.container-terms{margin-top:24px}
 .departments .depts thead{display:table-header-group;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .departments .depts tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:20px 0}
 .departments .depts tbody th{grid-column:1;grid-row:1;padding:0;font-size:1.125rem;line-height:1.4}
 .departments .depts td{grid-column:1/-1;display:block;padding:0}
 .departments .depts td::before{display:none}
 .departments .depts td[data-label="Контакт"]{grid-column:2;grid-row:1;font-size:1rem;text-align:right}
 .departments .depts td a{min-height:44px}
}

/* Equal actions borrow the quoter ghost-button mechanics in BIK colours. */
.hero__entry a.hero__action{min-height:52px;padding:12px 18px;background:var(--bg-main);border:2px solid var(--brand-olive-deep);border-radius:12px;color:var(--brand-olive-deep);font-size:1rem;line-height:1.35;font-weight:700;transition:background-color .18s,color .18s,border-color .18s}
.hero__entry a.hero__action:hover{background:var(--brand-olive-deep);color:var(--bg-main);border-color:var(--bg-main)}
.hero__entry a.hero__action:active{background:#233613;color:var(--bg-main)}
.hero__entry a.hero__action:focus-visible{outline:3px solid var(--brand-berry);outline-offset:4px}
.hero__entry p{margin-bottom:8px}
.route-network{margin-top:40px;background:#dfe8e7}
.route-network__flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:24px 28px;background:var(--bg-main);border-block:1px solid var(--border-strong);font-size:1.125rem;font-weight:600;letter-spacing:-.025em}
.route-network__flow>span:last-child{text-align:right}.route-network__transfer{color:var(--brand-olive-deep);font-weight:700}
.route-network__maps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}
.route-network__leg{min-width:0}.route-network__leg h3{padding:28px 28px 0;font-size:1.375rem;line-height:1.2;font-weight:700;letter-spacing:-.03em;color:var(--brand-olive-deep)}
.route-network__leg--sea h3{color:#314d71}.route-network__leg img{display:block;width:100%;height:auto}
.route-network__leg--rail{display:flex;flex-direction:column}.route-network__leg--rail picture{display:block;margin-top:32px}
.route-network__handoff{margin:0;padding:8px 28px 28px;max-width:46ch;font-size:1rem;line-height:1.55;color:var(--brand-olive-deep)}
.route-network figcaption{display:flex;align-items:start;justify-content:space-between;gap:24px;background:var(--bg-main);padding-top:20px;font-size:.8125rem;line-height:1.55;color:var(--text-secondary)}
.route-network figcaption>span:last-child{max-width:47ch}.route-network__legend{display:flex;gap:24px;font-weight:600;color:var(--text-primary)}
.route-network__legend>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.route-network__legend>span::before{content:"";width:24px;border-top:3px solid #314d71}.route-network__legend>span+span::before{border-color:var(--brand-olive-deep);border-top-style:double;border-top-width:5px}
@media(max-width:1099px) and (min-width:720px){.route-network__flow{padding-inline:20px;font-size:1rem;gap:16px}.route-network__leg h3{font-size:1.125rem;padding-inline:20px}.route-network__handoff{font-size:.875rem;padding-inline:20px}.route-network__maps{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media(max-width:719px){
 .hero__entry a.hero__action{padding-inline:16px}.hero__entry a.hero__action:hover{border-color:var(--brand-olive-deep)}.hero__entry a.hero__action:focus-visible{outline-color:var(--brand-olive-deep)}
 .route-network{margin-top:28px;margin-inline:calc(-1*var(--gutter))}.route-network__flow{grid-template-columns:1fr;gap:6px;padding:18px var(--gutter);font-size:1rem;line-height:1.4}.route-network__flow>span:last-child{text-align:left}.route-network__flow>span:not(:first-child)::before{content:"↓";display:inline-block;margin-right:12px;color:var(--text-secondary)}
 .route-network__maps{grid-template-columns:1fr}.route-network__leg h3{font-size:1.25rem;padding:24px var(--gutter) 0}.route-network__leg--rail{border-top:1px solid #b5c0b2}.route-network__leg--rail picture{margin-top:8px}.route-network__handoff{padding:0 var(--gutter) 24px;font-size:.9375rem;max-width:none}
 .route-network figcaption{padding:18px var(--gutter) 0;flex-direction:column;gap:12px;font-size:.8125rem}.route-network__legend{flex-wrap:wrap;gap:8px 20px}.route-network figcaption>span:last-child{max-width:none}
}
@media(prefers-reduced-motion:reduce){.hero__entry a.hero__action{transition:none}}

/* Chosen light cartographic style: typography and geography share one cream field. */
.route-fields{margin-top:44px;color:#173953}
.route-field{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:24px;align-items:start;position:relative;padding-block:28px 32px}
.route-field+.route-field{margin-top:28px;border-top:1px solid #aab798;padding-top:48px}
.route-field__copy{grid-column:1;grid-row:1;z-index:1;padding-top:20px}
.route-field h3{font-size:clamp(2.25rem,3.55vw,3.25rem);font-weight:700;line-height:1.02;letter-spacing:-.035em;color:#173953}
.route-field dl{margin-top:28px}.route-field dl>div{padding-top:14px;margin-top:22px;border-top:1px solid #879477}
.route-field dt{font-size:.9375rem;color:var(--brand-olive-deep);margin-bottom:5px}
.route-field dd{font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.route-field dd>span{display:block;font-size:1rem;font-weight:600;letter-spacing:0;margin-top:4px}
.route-field__map{grid-column:2;grid-row:1/3;display:block;align-self:center;min-width:0}.route-field__map img{display:block;width:100%;height:auto}
.route-field__ports,.route-field__cities{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 16px;margin-top:24px;font-size:.9375rem;line-height:1.45}
.route-field__ports{list-style:none;counter-reset:ports}.route-field__ports li{display:flex;gap:8px;counter-increment:ports}.route-field__ports li::before{content:counter(ports);font-weight:700;width:14px;flex:none}
.route-field__cities{grid-template-columns:1fr;font-size:1rem;gap:10px}
.route-field figcaption{grid-column:2;grid-row:3;font-size:.8125rem;line-height:1.55;color:var(--text-secondary);max-width:68ch;padding-top:16px}
@media(max-width:1099px) and (min-width:720px){.route-field{grid-template-columns:minmax(0,250px) minmax(0,1fr);column-gap:12px}.route-field h3{font-size:2.5rem}.route-field dd{font-size:1.5rem}.route-field__ports{font-size:.8125rem;gap:8px 12px}}
@media(max-width:719px){
 .route-fields{margin-top:28px}.route-field{display:flex;flex-direction:column;padding-block:16px 24px}.route-field+.route-field{margin-top:24px;padding-top:32px}
 .route-field__copy{padding-top:0;width:100%}.route-field h3{font-size:2.375rem;line-height:1.02}.route-field h3 br{display:none}
 .route-field dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.route-field dl>div{margin-top:0;padding-top:12px}.route-field dd{font-size:1.375rem}.route-field dt{font-size:.875rem}
 .route-field__map{order:1;align-self:stretch;margin:16px calc(-1*var(--gutter)) 0}.route-field__map img{width:100%;height:auto}
 .route-field__ports,.route-field__cities{order:2;margin-top:16px;font-size:1rem;gap:10px 24px;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 .route-field figcaption{order:3;padding-top:18px;font-size:.8125rem;max-width:none}
}

/* Geography bleeds to its field edge; no inner cartographic letterbox or floating map panel. */
@media(min-width:1100px){.route-field{column-gap:0}.route-field__copy,.route-field__ports,.route-field__cities{padding-right:24px}}