:root {
  --paper: #eef2f4;
  --paper-2: #dfe7ec;
  --ink: #0b1925;
  --muted: #536572;
  --line: #bcc9d1;
  --white: #ffffff;
  --orange: #dc4335;
  --orange-strong: #c63228;
  --orange-dark: #90231d;
  --acid: #9acde2;
  --steel: #b7c7d1;
  --blue: #245f7e;
  --blue-dark: #102b3c;
  --blue-black: #07131d;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --content-max: 1480px;
  --max: var(--content-max);
}

html {
  background: var(--blue-black);
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
}

body::before {
  opacity: .08;
  mix-blend-mode: multiply;
}

::selection {
  background: var(--orange);
  color: #fff;
}

:focus-visible {
  outline: 3px solid #4fa3c8;
  outline-offset: 3px;
}

.odx-shell {
  width: min(calc(100% - 72px), var(--max));
}

.odx-label {
  color: var(--orange-strong);
  font-weight: 700;
  letter-spacing: .11em;
}

.odx-label::before,
.odx-label::after {
  color: #8295a0;
}

.odx-hero h1,
.odx-section-head h2,
.odx-choice-copy h2,
.odx-quote-copy h2,
.odx-faq-intro h2,
.ce-archive-header h2 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.odx-topline {
  background: var(--blue-black);
  border-color: #294151;
  color: #aebdc7;
}

.odx-topline .odx-shell {
  min-height: 34px;
  letter-spacing: .08em;
}

.odx-topline strong {
  color: #fff;
}

.odx-header {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #9eafb9;
  box-shadow: 0 8px 28px rgba(6, 24, 36, .08);
  backdrop-filter: blur(14px);
}

.odx-nav {
  min-height: 78px;
  grid-template-columns: 250px 1fr auto;
  gap: 36px;
}

.odx-brand img {
  width: 158px;
}

.odx-brand span {
  color: #526875;
  font-size: 8px;
  letter-spacing: .08em;
}

.odx-nav-links {
  gap: clamp(20px, 2.8vw, 44px);
  color: #172a37;
  font-size: 12px;
  letter-spacing: .035em;
}

.odx-nav-links > a::after,
.odx-product-nav > a::after {
  background: var(--orange);
}

.odx-product-toggle:hover,
.odx-product-toggle:focus-visible,
.odx-product-nav.is-open .odx-product-toggle {
  background: var(--blue-dark);
}

.odx-product-mega {
  border-color: #486173;
  background: var(--blue-black);
  box-shadow: 9px 10px 0 rgba(220, 67, 53, .25), 0 24px 54px rgba(0, 0, 0, .26);
}

.odx-product-mega-intro {
  border-color: #3a5261;
  background: var(--blue-dark);
}

.odx-product-mega-intro span,
.odx-product-mega-intro a:hover,
.odx-product-mega-links a::after {
  color: #9fd4ea;
}

.odx-product-mega-links a {
  border-color: #304857;
}

.odx-product-mega-links a:hover,
.odx-product-mega-links a:focus-visible {
  background: var(--orange-strong);
}

.odx-nav-cta {
  min-height: 44px;
  padding-inline: 18px;
  background: var(--orange-strong);
  color: #fff;
  font-weight: 700;
  letter-spacing: .04em;
}

.odx-nav-cta:hover {
  background: var(--orange-dark);
}

.odx-hero {
  background: var(--blue-black);
  border-bottom: 0;
  color: #fff;
}

.odx-hero::before {
  opacity: .24;
  background-image:
    linear-gradient(rgba(129, 165, 186, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(129, 165, 186, .18) 1px, transparent 1px);
  background-size: 44px 44px;
}

.odx-hero-grid {
  min-height: 720px;
  grid-template-columns: minmax(520px, .92fr) minmax(0, 1.08fr);
}

.odx-hero-copy {
  padding: 66px 56px 52px 0;
  border-right: 1px solid #3a5261;
}

.odx-hero-index {
  color: #91a5b2;
  font-weight: 700;
  letter-spacing: .1em;
}

.odx-hero-index span:first-child {
  color: #fff;
}

.odx-hero-index span:last-child::before {
  background: var(--orange);
  box-shadow: 0 0 0 5px rgba(220, 67, 53, .18);
}

.odx-hero .odx-label {
  color: #91cae3;
}

.odx-hero h1 {
  max-width: 11ch;
  margin: 44px 0 28px;
  color: #f7fafb;
  font-size: clamp(58px, 6.2vw, 98px);
  font-weight: 850;
  line-height: .9;
  letter-spacing: -.06em;
  text-wrap: balance;
}

.odx-hero h1 em {
  color: #ef6254;
}

.odx-hero-lead {
  max-width: 50ch;
  color: #c5d1d8;
  font-size: clamp(16px, 1.25vw, 19px);
}

.odx-btn {
  border-radius: 2px;
  letter-spacing: .025em;
}

.odx-btn-primary {
  border-color: var(--orange-strong);
  background: var(--orange-strong);
}

.odx-btn-primary:hover {
  border-color: var(--orange-dark);
  background: var(--orange-dark);
}

.odx-hero .odx-btn-ghost {
  border-color: #6e8796;
  color: #fff;
}

.odx-hero .odx-btn-ghost:hover {
  border-color: #fff;
  background: #fff;
  color: var(--ink);
}

.odx-hero-note {
  color: #7f96a4;
  letter-spacing: .08em;
}

.odx-hero-media {
  border: 20px solid var(--blue-black);
  border-left: 0;
  background: #1a2b35;
}

.odx-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 19, 29, .32), transparent 42%), linear-gradient(0deg, rgba(7, 19, 29, .45), transparent 35%);
  pointer-events: none;
}

.odx-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.78) contrast(1.04);
}

.odx-media-stamp {
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, .65);
  background: rgba(11, 25, 37, .74);
  color: #fff;
  backdrop-filter: blur(8px);
}

.odx-media-caption {
  z-index: 2;
  color: #fff;
}

.odx-media-caption b {
  color: #ef6254;
}

.odx-input-strip {
  background: #fff;
  border-color: #9bacb7;
}

.odx-input-grid {
  grid-template-columns: 1.3fr repeat(4, 1fr) auto;
}

.odx-input-title,
.odx-input,
.odx-input-link {
  min-height: 100px;
  border-color: #c4cfd6;
}

.odx-input-title strong {
  color: var(--blue-dark);
}

.odx-input span {
  color: #6c7d88;
  letter-spacing: .08em;
}

.odx-input b {
  color: #1d3442;
}

.odx-input-link {
  background: var(--orange-strong);
  color: #fff;
}

.odx-input-link:hover {
  background: var(--orange-dark);
}

.odx-proof {
  background: #15384d;
  color: #fff;
}

.odx-proof-intro,
.odx-proof-item {
  min-height: 126px;
  border-color: #426277;
}

.odx-proof-intro p {
  color: #b8c9d3;
}

.odx-proof-item strong {
  color: #a9daf0;
}

.odx-proof-item span,
.odx-proof-note {
  color: #a7bac6;
}

.odx-proof-note {
  border-color: #426277;
}

.odx-section,
.odx-index-section,
.odx-evidence,
.odx-global,
.odx-faq,
.odx-quote {
  padding-block: 104px;
}

.odx-section-head {
  grid-template-columns: 170px minmax(0, 1.18fr) minmax(310px, .82fr);
  gap: 40px;
  margin-bottom: 50px;
  padding-top: 20px;
  border-color: #8196a3;
}

.odx-section-head h2 {
  max-width: 20ch;
  color: var(--blue-black);
  font-size: clamp(42px, 4.5vw, 68px);
  font-weight: 820;
  line-height: .98;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.odx-section-head > p:last-child {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.odx-route {
  background: var(--paper);
}

.odx-route-stage {
  min-height: 630px;
  grid-template-columns: minmax(350px, .74fr) minmax(0, 1.26fr);
  border-color: #8da0ac;
  background: #fff;
  box-shadow: 0 20px 54px rgba(8, 31, 46, .1);
}

.odx-route-list {
  border-color: #9caeb8;
}

.odx-route-button {
  border-color: #c0ccd3;
  background: #f8fafb;
}

.odx-route-button::after {
  width: 6px;
  background: var(--orange);
}

.odx-route-button:hover {
  background: #e8eef2;
}

.odx-route-button[aria-selected="true"] {
  background: var(--blue-dark);
  color: #fff;
}

.odx-route-button[aria-selected="true"] .odx-route-no {
  color: #ef6254;
}

.odx-route-button[aria-selected="true"] .odx-route-text span,
.odx-route-button[aria-selected="true"] .odx-route-text small {
  color: #aec0cb;
}

.odx-route-no {
  color: var(--orange-strong);
  font-weight: 700;
}

.odx-route-text span {
  color: #6d7e88;
}

.odx-route-text strong {
  font-size: 17px;
}

.odx-route-text small {
  color: #60727d;
}

.odx-route-visual {
  background: var(--blue-black);
}

.odx-route-visual img {
  filter: saturate(.8) contrast(1.03);
}

.odx-route-overlay {
  background: linear-gradient(transparent, rgba(7, 19, 29, .94));
}

.odx-index-section {
  border-color: #a2b1ba;
  background: #fff;
}

.odx-index-layout {
  grid-template-columns: minmax(0, 1.3fr) minmax(350px, .7fr);
  gap: 52px;
}

.odx-product-index {
  border-top: 2px solid var(--blue-dark);
}

.odx-product-row {
  min-height: 104px;
  border-left: 5px solid transparent;
  border-bottom-color: #bac6cd;
  background: #fff;
}

.odx-product-row:hover,
.odx-product-row:focus-visible {
  padding-inline: 16px;
  border-left-color: var(--orange);
  background: #e8eef2;
}

.odx-product-row > span:first-of-type {
  color: var(--orange-strong);
  font-weight: 700;
}

.odx-product-row h3 {
  color: #132a38;
  font-size: 18px;
}

.odx-product-purpose {
  color: #4e6877;
  font: 600 10px/1.35 var(--mono);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.odx-product-note {
  color: #657681;
  font-size: 12px;
}

.odx-index-preview {
  border: 0;
  background: #15384d;
  box-shadow: 18px 18px 0 #d9e3e8;
}

.odx-index-preview img {
  padding: 42px;
  filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .16));
}

.odx-index-preview span {
  background: var(--orange-strong);
}

.odx-index-aside p {
  margin-top: 28px;
  color: #516674;
  line-height: 1.6;
}

.odx-choice {
  background: var(--blue-black);
}

.odx-choice-panel {
  min-height: 700px;
  border-color: #405866;
}

.odx-choice-panel::after {
  background: linear-gradient(180deg, rgba(7, 19, 29, .18), rgba(7, 19, 29, .97) 78%);
}

.odx-choice-panel img {
  opacity: .62;
  filter: saturate(.65) contrast(1.08);
}

.odx-choice-panel:hover img {
  opacity: .76;
}

.odx-choice-top {
  color: #cfdae0;
}

.odx-choice-top b {
  color: #9fd4ea;
}

.odx-choice-copy h2 {
  max-width: 15ch;
  font-size: clamp(40px, 3.8vw, 60px);
  line-height: .98;
}

.odx-choice-copy p {
  color: #c2d0d7;
}

.odx-choice-list {
  border-color: #5a7180;
}

.odx-choice-list span {
  border-color: #5a7180;
  color: #c6d4db;
}

.odx-choice-link {
  color: #9fd4ea;
}

.odx-evidence {
  background: #e8eef1;
}

.odx-evidence-collage {
  gap: 14px;
}

.odx-evidence-collage figure {
  border: 0;
  box-shadow: 0 12px 28px rgba(10, 35, 50, .12);
}

.odx-evidence-collage img {
  filter: saturate(.62) contrast(1.04);
}

.odx-evidence-collage figcaption {
  padding: 42px 18px 16px;
  background: linear-gradient(transparent, rgba(7, 19, 29, .92));
}

.odx-evidence-summary {
  border-color: #8fa1ab;
}

.odx-evidence-summary h3 {
  color: var(--blue-dark);
}

/* CE documents: six static sheets, with the first three in the foreground. */
.ce-dossier {
  --ce-bg: #0d2130;
  --ce-ink: #f5f8fa;
  --ce-muted: #adbec8;
  --ce-line: #405d6e;
  --ce-blue: #9fd4ea;
  --ce-red: #ef6254;
  padding: 104px 0;
  background:
    linear-gradient(rgba(109, 150, 173, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(109, 150, 173, .12) 1px, transparent 1px),
    radial-gradient(circle at 84% 12%, rgba(55, 124, 159, .3), transparent 34%),
    var(--ce-bg);
  background-size: 48px 48px, 48px 48px, auto, auto;
  color: var(--ce-ink);
}

.ce-archive-header {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
  padding-top: 22px;
  border-color: #6b8796;
}

.ce-eyebrow {
  color: var(--ce-blue);
  font-weight: 700;
}

.ce-archive-header h2 {
  max-width: 17ch;
  font-family: var(--sans);
  font-size: clamp(44px, 4.5vw, 68px);
  font-weight: 820;
  line-height: .98;
  letter-spacing: -.045em;
}

.ce-archive-header-copy {
  padding-top: 40px;
  color: #b8c8d1;
}

.ce-archive-summary {
  display: none;
}

.ce-archive-layout {
  grid-template-columns: minmax(360px, 38%) minmax(0, 62%);
  gap: clamp(38px, 4.6vw, 72px);
  margin-top: 48px;
}

.ce-archive-primary {
  border-color: #597485;
  background: rgba(30, 63, 82, .88);
}

.ce-archive-primary span {
  color: var(--ce-blue);
}

.ce-archive-primary strong {
  color: #fff;
  font-size: 23px;
}

.ce-archive-category-list {
  border-color: #4d6878;
}

.ce-archive-category-list li,
.ce-archive-category-list li.is-pending {
  min-height: 72px;
  border-color: #4d6878;
  background: rgba(11, 34, 49, .92);
}

.ce-archive-category-list li:nth-child(2n) {
  border-color: #4d6878;
}

.ce-archive-category-list b,
.ce-archive-category-list li.is-pending b {
  color: var(--ce-red);
  font-weight: 700;
}

.ce-category-copy strong,
.ce-archive-category-list li.is-pending .ce-category-copy strong {
  color: #edf4f7;
}

.ce-category-copy small {
  display: none;
}

.ce-delivery-file {
  border-color: #6b8796;
}

.ce-delivery-file h3 {
  color: #fff;
}

.ce-delivery-file li {
  border-color: #405d6e;
  color: #b5c5ce;
}

.ce-delivery-file li::before {
  color: var(--ce-red);
}

.ce-file-note {
  color: #94a9b5;
}

.ce-records-link {
  display: none;
}

.ce-archive-gallery {
  min-height: 630px;
  padding: 22px;
  border-color: #587485;
  background: linear-gradient(145deg, rgba(31, 67, 87, .94), rgba(8, 27, 40, .94));
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 28px 70px rgba(0, 0, 0, .25);
}

.ce-archive-topline {
  border-color: #4d6878;
  color: #aebfc8;
}

.ce-archive-topline b {
  color: var(--ce-red);
}

.ce-archive-viewport {
  min-height: 548px;
  overflow: hidden;
  padding: 18px 14px 24px 0;
}

.ce-archive-stack {
  width: min(100%, 710px);
  min-width: 696px;
  height: 535px;
}

.ce-archive-card {
  position: absolute;
  z-index: var(--z);
  top: var(--y);
  left: var(--x);
  display: block;
  width: 338px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  aspect-ratio: .7071;
  border: 1px solid #7ba0b2;
  background: #fff;
  box-shadow: 16px 26px 58px rgba(0, 0, 0, .42);
  cursor: default;
  opacity: 0;
  animation: ce-archive-enter .38s ease forwards;
  animation-delay: var(--delay);
  transform: none;
  pointer-events: none;
}

.ce-archive-card:hover,
.ce-archive-card:focus-visible {
  z-index: var(--z);
  box-shadow: 16px 26px 58px rgba(0, 0, 0, .42);
  transform: none;
}

.ce-archive-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ce-archive-card-id {
  z-index: 2;
  color: var(--blue-dark);
}

.ce-archive-card:first-child .ce-archive-card-id {
  color: var(--orange-strong);
}

.ce-archive-card-note {
  display: none !important;
}

.odx-global {
  border-color: #9aabb5;
  background: #dbe5ea;
  color: var(--ink);
}

.odx-global .odx-section-head,
.odx-global-explorer {
  border-color: #8297a3;
}

.odx-global .odx-label {
  color: var(--orange-strong);
}

.odx-global .odx-section-head > p:last-child,
.odx-global-cta span {
  color: #4d6472;
}

.odx-global-explorer {
  background: var(--blue-black);
  box-shadow: 0 22px 55px rgba(7, 29, 43, .16);
}

.odx-global-regions {
  border-color: #8195a1;
  background: #f8fafb;
}

.odx-global-kicker,
.odx-region-choice {
  border-color: #b6c4cc;
}

.odx-region-choice:hover {
  background: #e6edf1;
}

.odx-region-choice[aria-pressed="true"] {
  background: var(--blue-dark);
  color: #fff;
}

.odx-region-choice[aria-pressed="true"] small {
  color: #b8cbd5;
}

.odx-region-choice b {
  color: var(--orange-strong);
}

.odx-region-choice[aria-pressed="true"] b,
.odx-region-choice[aria-pressed="true"]::after {
  color: #ef6254;
}

.odx-global-regions-foot {
  background: var(--orange-strong);
  color: #fff;
}

.odx-country-toolbar,
.odx-global-detail,
.odx-global-nav {
  background: var(--blue-black);
}

.odx-country-toolbar,
.odx-global-detail,
.odx-global-nav,
.odx-global-nav button:first-child,
.odx-global-nav button:last-child {
  border-color: #385464;
}

.odx-country-choice:hover,
.odx-country-choice[aria-pressed="true"] {
  border-color: #9fd4ea;
  background: #9fd4ea;
  color: var(--blue-black);
}

.odx-global-media::after {
  background: linear-gradient(90deg, transparent 58%, rgba(7, 19, 29, .28)), linear-gradient(0deg, rgba(7, 19, 29, .72), transparent 34%);
}

.odx-global-detail-top span,
.odx-global-position {
  color: #9fd4ea;
}

.odx-global-detail h3 {
  max-width: 16ch;
  color: #fff;
}

.odx-global-detail > p {
  color: #aebfc8;
}

.odx-global-facts,
.odx-global-facts div {
  border-color: #385464;
}

.odx-project-switch {
  border-color: #9aabb5;
  background: #edf2f4;
}

.odx-project-choice:hover,
.odx-project-choice[aria-current="true"] {
  background: #9fd4ea;
}

.odx-global-nav button:hover {
  background: var(--orange-strong);
  color: #fff;
}

.odx-global-cta {
  border-color: #8297a3;
}

.odx-global-cta a {
  color: var(--orange-dark);
  font-weight: 700;
}

.odx-faq {
  background: #fff;
}

.odx-faq-intro h2 {
  max-width: 12ch;
  color: var(--blue-black);
  font-size: clamp(42px, 5vw, 70px);
  line-height: .94;
}

.odx-faq .odx-choice-link {
  color: var(--orange-dark);
}

.odx-faq-item {
  border-color: #9aabb5;
}

.odx-faq-item summary {
  padding-block: 25px;
}

.odx-faq-item summary span:first-child {
  color: var(--orange-strong);
  font-weight: 700;
}

.odx-faq-item summary strong {
  color: #142b38;
}

.odx-faq-toggle::before,
.odx-faq-toggle::after {
  background: var(--blue-dark);
}

.odx-quote {
  background:
    linear-gradient(rgba(104, 145, 167, .1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 145, 167, .1) 1px, transparent 1px),
    var(--blue-black);
  background-size: 48px 48px;
}

.odx-quote::before {
  content: "ДАННЫЕ → КОНФИГУРАЦИЯ → ЗАПРОС";
  color: rgba(255, 255, 255, .035);
}

.odx-quote-grid {
  grid-template-columns: minmax(0, .78fr) minmax(520px, 1.22fr);
  gap: 80px;
}

.odx-quote-copy h2 {
  max-width: 13ch;
  color: #fff;
  font-size: clamp(44px, 4.7vw, 66px);
  line-height: .92;
}

.odx-quote-copy > p {
  color: #b7c7d0;
}

.odx-quote-data,
.odx-quote-data span,
.odx-contact-stack > a {
  border-color: #3e5868;
}

.odx-quote-data span {
  color: #c2d0d7;
}

.odx-contact-stack > a {
  color: #a9daf0;
}

.odx-wechat {
  border-left: 5px solid var(--orange);
  background: #fff;
}

.odx-form {
  border: 1px solid #8095a2;
  border-top: 8px solid var(--orange);
  background: #f4f7f8;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.odx-form-head h3 {
  color: var(--blue-dark);
}

.odx-field input,
.odx-field select,
.odx-field textarea {
  border-color: #8fa2ae;
  background: #fff;
}

.odx-field input:focus,
.odx-field select:focus,
.odx-field textarea:focus {
  border-color: #2f789c;
  outline-color: #2f789c;
}

.odx-btn-secondary {
  border-color: var(--blue-dark);
  color: var(--blue-dark);
}

.odx-btn-secondary:hover {
  background: var(--blue-dark);
  color: #fff;
}

.odx-form-status {
  color: var(--orange-dark);
}

.odx-footer {
  background: #050d13;
}

.odx-footer-column h2 {
  color: #9fd4ea;
}

.odx-footer-column a:hover {
  color: #ef6254;
}

.odx-footer-bottom {
  border-color: #2a414f;
  color: #8196a3;
}

.odx-floating {
  border-color: #fff;
  background: var(--orange-strong);
  color: #fff;
  box-shadow: 5px 5px 0 var(--blue-black);
  font-weight: 700;
}

.odx-floating::before {
  background: #fff;
}

@media (max-width: 1180px) {
  .odx-nav {
    grid-template-columns: 210px 1fr auto;
    gap: 20px;
  }

  .odx-nav-links {
    gap: 18px;
  }

  .odx-hero-grid {
    grid-template-columns: minmax(430px, .9fr) minmax(0, 1.1fr);
  }

  .odx-hero h1 {
    font-size: clamp(54px, 7vw, 82px);
  }

  .odx-section-head {
    grid-template-columns: 140px minmax(0, 1.15fr) minmax(270px, .85fr);
  }

  .odx-product-row {
    grid-template-columns: 44px minmax(220px, 1fr) minmax(160px, .7fr) 28px;
  }

  .odx-product-note {
    display: none;
  }

  .ce-archive-layout {
    grid-template-columns: minmax(330px, 42%) minmax(0, 58%);
    gap: 36px;
  }

  .ce-archive-stack {
    min-width: 600px;
    transform: scale(.9);
    transform-origin: top left;
  }
}

@media (max-width: 900px) {
  .odx-shell {
    width: min(calc(100% - 38px), var(--max));
  }

  .odx-nav {
    min-height: 70px;
    grid-template-columns: 1fr auto;
  }

  .odx-nav-links,
  .odx-nav-cta {
    display: none;
  }

  .odx-menu {
    display: block;
  }

  .odx-menu-panel {
    border-color: #496372;
    background: var(--blue-black);
    box-shadow: 7px 7px 0 var(--orange);
  }

  .odx-hero-grid {
    grid-template-columns: 1fr;
  }

  .odx-hero-copy {
    min-height: 590px;
    padding: 48px 0 42px;
    border-right: 0;
  }

  .odx-hero h1 {
    max-width: 10.5ch;
    font-size: clamp(58px, 12vw, 88px);
  }

  .odx-hero-media {
    min-height: 560px;
    border: 0;
    border-top: 1px solid #3a5261;
  }

  .odx-input-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .odx-input-title {
    grid-column: 1 / -1;
  }

  .odx-input-link {
    grid-column: 1 / -1;
  }

  .odx-proof-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .odx-proof-intro {
    grid-column: 1 / -1;
  }

  .odx-section,
  .odx-index-section,
  .odx-evidence,
  .odx-global,
  .odx-faq,
  .odx-quote,
  .ce-dossier {
    padding-block: 82px;
  }

  .odx-section-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .odx-section-head h2 {
    max-width: 18ch;
    font-size: clamp(42px, 8.5vw, 62px);
  }

  .odx-route-stage,
  .odx-index-layout,
  .odx-choice-grid,
  .odx-global-explorer,
  .odx-faq-grid,
  .odx-quote-grid {
    grid-template-columns: 1fr;
  }

  .odx-route-list {
    border-right: 0;
    border-bottom: 1px solid #9caeb8;
  }

  .odx-route-visual {
    min-height: 500px;
  }

  .odx-index-aside {
    display: none;
  }

  .odx-choice-panel {
    min-height: 650px;
    border-right: 0;
    border-bottom: 1px solid #405866;
  }

  .odx-evidence-collage {
    grid-template-columns: repeat(2, 1fr);
  }

  .ce-archive-header,
  .ce-archive-layout {
    grid-template-columns: 1fr;
  }

  .ce-archive-header-copy {
    padding-top: 0;
  }

  .ce-archive-gallery {
    order: 1;
  }

  .ce-archive-notes {
    order: 2;
  }

  .ce-archive-stack {
    min-width: 696px;
    transform: none;
  }

  .odx-global-regions {
    grid-template-columns: repeat(2, 1fr);
  }

  .odx-global-viewer {
    grid-template-columns: 1fr;
    height: auto;
  }

  .odx-global-detail {
    border-left: 0;
    border-top: 1px solid #385464;
  }

  .odx-quote-grid {
    gap: 54px;
  }
}

@media (max-width: 560px) {
  body::before {
    display: none;
  }

  .odx-shell {
    width: min(calc(100% - 28px), var(--max));
  }

  .odx-topline .odx-shell {
    font-size: 8px;
  }

  .odx-brand img {
    width: 136px;
  }

  .odx-nav {
    min-height: 64px;
  }

  .odx-hero-copy {
    min-height: 560px;
    padding-top: 34px;
  }

  .odx-hero h1 {
    margin-top: 34px;
    font-size: clamp(48px, 14vw, 68px);
    line-height: .92;
  }

  .odx-hero-lead {
    font-size: 15px;
  }

  .odx-hero-media {
    min-height: 420px;
  }

  .odx-input-grid,
  .odx-proof-grid {
    grid-template-columns: 1fr;
  }

  .odx-input-title,
  .odx-input,
  .odx-input-link,
  .odx-proof-item {
    min-height: 78px;
  }

  .odx-proof-item {
    padding-inline: 0;
  }

  .odx-section,
  .odx-index-section,
  .odx-evidence,
  .odx-global,
  .odx-faq,
  .odx-quote,
  .ce-dossier {
    padding-block: 66px;
  }

  .odx-section-head {
    margin-bottom: 32px;
  }

  .odx-section-head h2 {
    font-size: clamp(34px, 10.5vw, 48px);
  }

  .odx-route-button {
    grid-template-columns: 38px 1fr;
    padding: 19px 16px;
  }

  .odx-route-visual {
    min-height: 340px;
  }

  .odx-product-row {
    grid-template-columns: 30px 1fr 22px;
    gap: 10px;
    min-height: 88px;
  }

  .odx-product-row::before,
  .odx-product-purpose,
  .odx-product-note {
    display: none;
  }

  .odx-choice-panel {
    min-height: 600px;
    padding: 26px 20px;
  }

  .odx-choice-copy h2 {
    font-size: 39px;
  }

  .odx-evidence-collage {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 250px);
  }

  .odx-evidence-collage figure {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .ce-archive-header h2 {
    max-width: none;
    font-size: clamp(34px, 10vw, 44px);
  }

  .ce-archive-layout {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 34px;
  }

  .ce-archive-gallery {
    min-height: 445px;
    padding: 14px;
  }

  .ce-archive-viewport {
    min-height: 370px;
    padding: 10px 0 0;
  }

  .ce-archive-stack {
    position: relative;
    display: block;
    width: 390px;
    min-width: 390px;
    height: 360px;
    margin-left: 0;
    transform: scale(.68);
    transform-origin: top left;
  }

  .ce-archive-card {
    position: absolute;
    width: 338px;
    flex: none;
    opacity: 0;
    animation: ce-archive-enter .38s ease forwards;
    transform: none !important;
  }

  .ce-archive-card:nth-child(1) { left: 0; top: 0; }
  .ce-archive-card:nth-child(2) { left: 38px; top: 9px; }
  .ce-archive-card:nth-child(3) { left: 76px; top: 18px; }
  .ce-archive-card:nth-child(4) { left: 114px; top: 27px; }
  .ce-archive-card:nth-child(5) { left: 140px; top: 36px; }
  .ce-archive-card:nth-child(6) { left: 166px; top: 45px; }

  .ce-archive-category-list {
    grid-template-columns: 1fr;
  }

  .ce-archive-category-list li:nth-child(2n) {
    border-left: 0;
  }

  .ce-archive-category-list li:nth-last-child(-n + 2) {
    border-bottom: 1px solid #4d6878;
  }

  .ce-archive-category-list li:last-child {
    border-bottom: 0;
  }

  .odx-global-regions {
    grid-template-columns: repeat(2, 1fr);
  }

  .odx-global-media {
    height: 280px;
  }

  .odx-global-detail {
    min-height: 470px;
  }

  .odx-faq-intro h2,
  .odx-quote-copy h2 {
    font-size: 48px;
  }

  .odx-form {
    padding: 24px 18px;
  }

  .odx-form-actions {
    grid-template-columns: 1fr;
  }

  .odx-wechat {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .odx-wechat img {
    width: 88px;
    height: 88px;
  }

  .odx-floating {
    right: 10px;
    bottom: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ce-archive-card {
    opacity: 1;
    animation: none;
  }
}