@font-face {
  font-family: 'Open Sans Host';
  src: url('/illustration/os-lat-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans Host';
  src: url('/illustration/os-lat-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans Host';
  src: url('/illustration/os-lat-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans Host';
  src: url('/illustration/os-lat-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --anchor: #0f1f26;
  --action: #e81f40;
  --accent-pressed: #d11534;
  --action-deep: #b01030;
  --sheet: #f6f6f6;
  --layer: #ffffff;
  --body: #1d2936;
  --quiet: #46515f;
  --quiet-up: #cfd5db;
  --stroke: #dcdfe3;
  --stroke-heavy: #b5bdc5;
  --grad-1: #f594a8;
  --blend-b: #FFFFFF;
  --advisory: #b02a37;

  --g-1: 2px;
  --g-2: 6px;
  --g-3: 10px;
  --g-4: 14px;
  --g-5: 20px;
  --g-6: 28px;
  --g-7: 48px;
  --g-8: 72px;

  --lozenge: 9999px;
  --orb: 50%;
  --r-1: 1px;
  --r-2: 2px;
  --r-3: 6px;
  --r-4: 10px;
  --r-5: 16px;
  --r-6: 22px;
  --r-7: 28px;
  --r-8: 36px;

  --lead: 'Open Sans Host', 'Segoe UI', Tahoma, sans-serif;
  --f-body: 'Open Sans Host', 'Segoe UI', Tahoma, sans-serif;

  --h1: 38px;
  --h2: 30px;
  --display-3: 24px;
  --md-2: 20px;
  --minor: 17px;
  --h6: 15px;
  --normal: 17px;
  --petite: 15px;
  --mini: 13px;

  --snug: 1.25;
  --regular: 1.6;
  --roomy: 1.8;

  --base: 400;
  --mid: 500;
  --bold: 600;

  --e-snug: 0;
  --default: 0;
  --airy: 0.01em;

  --d-1: none;
  --d-2: none;
  --d-3: 0 1px 3px rgba(0, 0, 0, 0.05);
  --d-4: 0 4px 12px rgba(0, 0, 0, 0.09);
  --d-5: 0 8px 24px rgba(0, 0, 0, 0.13);
  --d-6: 0 12px 32px rgba(0, 0, 0, 0.16);
  --d-7: 0 18px 44px rgba(0, 0, 0, 0.18);
  --d-8: 0 24px 60px rgba(0, 0, 0, 0.2);

  --snap: 189ms;
  --t-regular: 340ms;
  --slow: 521ms;
  --out: cubic-bezier(0.16,0.86,0.27,0.97);
  --take-off: cubic-bezier(0.51,0.05,0.86,0.3);
  --both: cubic-bezier(0.42,0.12,0.51,0.91);
  --overshoot: cubic-bezier(0.3,0.95,0.73,1.15);

  --main: 1440px;
  --narrow: 640px;
  --padding-desktop: 48px;
  --edge-mid: 32px;
  --inset-mobile: 16px;

  --hair: 1px;
  --medium: 2px;
  --wide: 3px;

  --size-desktop: 56px;
  --h-sm: 52px;

  --edge: var(--padding-desktop);
  --shell-h: 186px;
  --frame: calc(var(--main) + 2 * var(--padding-desktop));
}

@media (max-width: 1120px) {
  :root {
    --edge: var(--edge-mid);
  }
}

@media (max-width: 880px) {
  :root {
    --h1: 28px;
    --h2: 24px;
    --display-3: 20px;
    --md-2: 18px;
    --minor: 16px;
    --h6: 14px;
    --normal: 16px;
    --petite: 14px;
    --mini: 12px;
    --edge: var(--inset-mobile);
    --shell-h: 150px;
  }
}

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

html,
body {
  overflow-x: clip;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--sheet);
  color: var(--body);
  font-family: var(--f-body);
  font-size: var(--normal);
  font-weight: var(--base);
  line-height: var(--roomy);
  -webkit-font-smoothing: antialiased;
}

main {
  display: block;
  margin-block-start: var(--shell-h);
}

section[id],
.arrowGroup-masthead[id] {
  scroll-margin-block-start: calc(var(--shell-h) + var(--g-4));
}


h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: anywhere;
  margin: 0;
  font-family: var(--lead);
  color: var(--body);
}

h1 {
  font-size: clamp(27px, 4.2vw, var(--h1));
  line-height: var(--snug);
  font-weight: var(--bold);
  letter-spacing: var(--e-snug);
}

h2 {
  font-size: clamp(22px, 3.1vw, var(--h2));
  line-height: var(--snug);
  font-weight: var(--bold);
}

h3 {
  font-size: var(--display-3);
  line-height: var(--snug);
  font-weight: var(--bold);
}

h4 {
  font-size: var(--md-2);
  font-weight: var(--mid);
}

p {
  margin: 0 0 var(--g-4);
}

ul,
ol {
  margin: 0 0 var(--g-4);
  padding-inline-start: var(--g-6);
}

li {
  margin-block-end: var(--g-2);
}

a {
  color: var(--accent-pressed);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--snap) var(--out);
}

a:hover {
  color: var(--action-deep);
}

img {
  max-width: 100%;
}

strong {
  font-weight: var(--bold);
}

table {
  border-collapse: collapse;
}

button {
  font: inherit;
}

:focus-visible {
  outline: var(--wide) solid var(--accent-pressed);
  outline-offset: 2px;
}

.skipJump {
  position: absolute;
  left: var(--g-3);
  z-index: 200;
  padding: var(--g-3) var(--g-5);
  border-radius: var(--r-4);
  background: var(--anchor);
  color: var(--layer);
  text-decoration: none;
}

.skipJump:not(:focus) {
  top: -200px !important;
}

.skipJump:focus {
  top: var(--g-3);
}

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

[data-onview] {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(22px);
  transition: opacity var(--slow) var(--out), filter var(--slow) var(--out), transform var(--slow) var(--out);
}

[data-onview].shown {
  opacity: 1;
  filter: blur(0);
  transform: none;
}

.rgStrip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--g-3);
  margin: 0;
  padding: var(--g-2) var(--edge);
  background: var(--advisory);
  color: var(--layer);
  font-size: var(--mini);
  line-height: var(--regular);
  text-align: center;
}

.rgStrip a {
  color: var(--layer);
  font-size: inherit;
  text-decoration: underline;
}

.rgStrip a:hover {
  color: var(--layer);
}

.bayStrip {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 100;
  background: var(--layer);
  box-shadow: var(--d-3);
  transition: transform var(--t-regular) var(--out);
}

.bayStrip.is-hidden {
  transform: translateY(-100%);
}

.bayStrip-crown {
  min-height: 96px;
  display: flex;
  align-items: center;
  background: var(--layer);
}

.bayStrip-crown-hold {
  display: flex;
  align-items: center;
  gap: var(--g-5);
  width: 100%;
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.bayStrip-sign {
  display: inline-flex;
  align-items: center;
  gap: var(--g-3);
  flex-shrink: 0;
  text-decoration: none;
}

.bayStrip-sign-orb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  flex-shrink: 0;
  border-radius: var(--orb);
  background: var(--anchor);
}

.bayStrip-sign-orb img {
  width: 26px;
  height: 25px;
}

.bayStrip-sign-image {
  height: 60px;
  width: auto;
  flex-shrink: 0;
}

.bayStrip-flag {
  display: inline-flex;
  align-items: center;
  margin-inline-start: auto;
  font-size: var(--md-2);
  line-height: 1;
}

.bayStrip-offer {
  display: flex;
  align-items: center;
  gap: var(--g-3);
  flex-shrink: 0;
}

.bayStrip-offer-press {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding-inline: var(--g-5);
  border-radius: var(--lozenge);
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
}

.bayStrip-offer-press-quiet {
  border: var(--hair) solid var(--anchor);
  background: transparent;
  color: var(--anchor);
  transition: background var(--snap) var(--out), color var(--snap) var(--out);
}

.bayStrip-offer-press-quiet:hover {
  background: var(--anchor);
  color: var(--layer);
}

.bayStrip-offer-press-main {
  border: var(--hair) solid var(--accent-pressed);
  background: var(--accent-pressed);
  color: var(--layer);
}

.bayStrip-offer-press-main:hover {
  background: var(--action-deep);
  color: var(--layer);
}

.bayStrip-switch {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-direction: column;
  width: 46px;
  height: 44px;
  margin-left: auto !important;
  padding: 0;
  border: var(--hair) solid var(--anchor);
  border-radius: var(--r-4);
  background: transparent;
  cursor: pointer;
}

.bayStrip-switch-bars {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--anchor);
}

.bayStrip-deck {
  height: 56px;
  min-height: 56px;
  background: var(--anchor);
}

.bayStrip-deck-hold {
  display: flex;
  align-items: center;
  height: 100%;
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.bayStrip-bar {
  width: 100%;
}

.bayStrip-stack {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--g-3);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.bayStrip-cell {
  display: flex;
  align-items: center;
  margin: 0;
}

.bayStrip-cell + .bayStrip-cell::before {
  content: '\00b7';
  margin-inline-end: var(--g-3);
  color: var(--stroke-heavy);
}

.bayStrip-path {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: var(--g-3);
  border-radius: var(--lozenge);
  color: var(--sheet);
  font-family: var(--lead);
  font-size: 13px;
  font-weight: 600;
  font-variant: small-caps;
  letter-spacing: var(--airy);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--snap) var(--out);
}

.bayStrip-path::after {
  content: '';
  position: absolute;
  inset-block-end: 12px;
  inset-inline-start: 50%;
  width: 0;
  height: 2px;
  background: var(--action);
  transform: translateX(-50%);
  transition: width var(--snap) var(--out);
}

.bayStrip-path:hover {
  color: var(--layer);
}

.bayStrip-path:hover::after {
  width: calc(100% - 2 * var(--g-3));
}

.bayStrip-path[aria-current='page'] {
  background: var(--accent-pressed);
  color: var(--layer);
}

.bayStrip-path[aria-current='page']::after {
  width: 0;
}

.bayStrip-flyout {
  display: none;
  max-height: 68vh;
  overflow-y: auto;
  padding: var(--g-4) var(--edge) var(--g-5);
  border-block-start: var(--hair) solid var(--stroke);
  background: var(--anchor);
}

.bayStrip-flyout.is-open {
  display: block;
}

.bayStrip-flyout-stack {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bayStrip-flyout-cell {
  margin: 0;
}

.bayStrip-flyout-path {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding-inline: var(--g-3);
  border-radius: var(--r-3);
  color: var(--sheet);
  font-family: var(--lead);
  font-size: var(--minor);
  font-weight: var(--mid);
  text-decoration: none;
}

.bayStrip-flyout-path:hover {
  background: #1d3742;
  color: var(--layer);
}

.bayStrip-flyout-path[aria-current='page'] {
  background: var(--accent-pressed);
  color: var(--layer);
}

.coreSet {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 600px;
  height: 78vh;
  max-height: 900px;
  padding-block: var(--g-8);
  overflow: hidden;
  background: var(--anchor);
}

.coreSet-frame {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url('/illustration/spotlight-light.webp');
  background-size: cover;
  background-position: center center;
}

.coreSet-veil {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.45) 46%, rgba(0, 0, 0, 0.78) 100%);
}

.coreSet-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.coreSet-matter {
  max-width: var(--narrow);
}

.coreSet-crest {
  color: #ffffff;
  letter-spacing: var(--e-snug);
}

.coreSet-lead {
  max-width: var(--narrow);
  margin-block-start: var(--g-4);
  color: rgba(255, 255, 255, 0.88);
  font-size: var(--minor);
  line-height: var(--regular);
}

.coreSet-offer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  margin-block-start: var(--g-5);
  padding-inline: var(--g-6);
  border-radius: var(--lozenge);
  background: var(--accent-pressed);
  color: #ffffff;
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
  letter-spacing: var(--airy);
  text-decoration: none;
  box-shadow: var(--d-4);
  transition: background var(--t-regular) var(--out), transform var(--t-regular) var(--out), box-shadow var(--t-regular) var(--out);
}

.coreSet-offer:hover {
  background: var(--action-deep);
  color: #ffffff;
  transform: scale(1.015);
  box-shadow: var(--d-5);
}

.coreSet-terms {
  display: block;
  margin-block-start: var(--g-3);
  max-width: var(--narrow);
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--mini);
  line-height: var(--regular);
}

.coreSet-sub {
  min-height: 0;
  height: auto;
  align-items: center;
  padding-block: var(--g-8);
}

.coreSet-sub .coreSet-matter {
  max-width: none;
}

.coreSet-sub .coreSet-crest {
  max-width: var(--main);
}

.precinctSlider {
  padding-block: var(--g-7);
  background: var(--layer);
  border-block-end: var(--hair) solid var(--stroke);
}

.precinctSlider-inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--g-7);
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.precinctSlider-side {
  min-width: 0;
}

.precinctSlider-crest {
  margin-block-start: 0;
}

.precinctSlider-side-kicker {
  display: block;
  margin-block-end: var(--g-3);
  color: var(--accent-pressed);
  font-family: var(--lead);
  font-size: var(--mini);
  font-weight: var(--bold);
  letter-spacing: var(--airy);
  text-transform: uppercase;
}

.precinctSlider-copy {
  margin: 0;
  color: var(--quiet);
  font-size: var(--minor);
  line-height: var(--roomy);
}

.hingeGroup {
  padding-block: var(--g-7);
}

.hingeGroup-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.hingeGroup-head {
  display: block;
  margin-block-end: var(--g-5);
}

.hingeGroup-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-block-end: var(--g-3);
  border-radius: var(--r-4);
  background: rgba(232, 31, 64, 0.12);
  color: var(--action-deep);
}

.hingeGroup-glyph svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hingeGroup-copy > *:last-child {
  margin-block-end: 0;
}

.hingeGroup-copy p {
  line-height: var(--roomy);
}

.hingeGroup-figure {
  margin: var(--g-5) auto 0;
}

.hingeGroup-figure-wide {
  max-width: 760px;
}

.hingeGroup-figure-square {
  max-width: 460px;
}

.hingeGroup-figure-tall {
  max-width: 380px;
}

.hingeGroup-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--r-4);
  background: var(--layer);
}

.hingeGroup-note {
  margin-block-start: var(--g-3);
  color: var(--quiet);
  font-size: var(--petite);
  font-style: italic;
  text-align: center;
}

.hingeGroup-plug {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--g-4);
  flex-wrap: wrap;
  margin-block: var(--g-5);
  padding: var(--g-5);
  border: var(--hair) solid var(--stroke);
  border-radius: var(--r-5);
  background: var(--layer);
  box-shadow: var(--d-3);
}

.hingeGroup-plug-copy {
  margin: 0;
  color: var(--quiet);
  font-size: var(--petite);
}

.wingRegion {
  padding-block: var(--g-7);
  background: var(--layer);
}

.wingRegion-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.wingRegion-note {
  position: relative;
  max-width: var(--narrow);
  margin: 0 auto var(--g-5);
  padding-block-start: var(--g-4);
  color: var(--quiet);
  font-family: var(--lead);
  font-size: var(--md-2);
  font-style: italic;
  text-align: center;
}

.wingRegion-note::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  width: 40px;
  height: 2px;
  background: var(--action);
  transform: translateX(-50%);
}

.wingRegion-scroll {
  overflow-x: auto;
}

.wingRegion-scroll table {
  width: 100%;
  font-size: var(--petite);
}

.wingRegion-scroll th,
.wingRegion-scroll td {
  padding: var(--g-4) var(--g-4);
  border-block-end: var(--hair) solid var(--stroke);
  text-align: start;
  vertical-align: top;
  line-height: var(--regular);
}

.wingRegion-scroll thead th {
  border-block-end: var(--medium) solid var(--body);
  color: var(--body);
  font-family: var(--lead);
  font-size: var(--mini);
  font-weight: var(--bold);
  letter-spacing: var(--airy);
  text-transform: uppercase;
}

.wingRegion-scroll tbody td:first-child {
  width: 30%;
  color: var(--body);
  font-weight: var(--bold);
}

.wingRegion-scroll tbody td:last-child {
  color: var(--quiet);
}

.flagPanel {
  padding-block: var(--g-7);
}

.flagPanel-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.flagPanel-head {
  margin-block-end: var(--g-5);
}

.flagPanel-mosaic {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--g-4);
}

.flagPanel-cell {
  display: flex;
  flex-direction: column;
  gap: var(--g-3);
  padding: var(--g-5);
  border: var(--hair) solid var(--stroke);
  border-radius: var(--r-4);
  background: var(--layer);
  box-shadow: var(--d-3);
  transition: box-shadow var(--t-regular) var(--out);
}

.flagPanel-cell:hover {
  box-shadow: var(--d-5);
}

.flagPanel-cell-big {
  grid-column: span 2;
  grid-row: span 2;
  justify-content: center;
}

.flagPanel-cell-big .flagPanel-crest {
  font-size: var(--h2);
  line-height: var(--snug);
}

.flagPanel-cell-big .flagPanel-copy {
  font-size: var(--normal);
  line-height: var(--roomy);
}

.flagPanel-cell-big .flagPanel-glyph {
  width: 56px;
  height: 56px;
}

.flagPanel-cell-big .flagPanel-glyph svg {
  width: 32px;
  height: 32px;
}

.flagPanel-cell-w2 .flagPanel-crest {
  font-size: var(--display-3);
}

.flagPanel-cell-w2 .flagPanel-copy {
  font-size: var(--normal);
}

.flagPanel-cell-w2 {
  grid-column: span 2;
}

.flagPanel-cell-w3 {
  grid-column: span 3;
}

.flagPanel-cell-w4 {
  grid-column: span 4;
}

.flagPanel-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--r-3);
  background: rgba(232, 31, 64, 0.12);
  color: var(--action-deep);
}

.flagPanel-glyph svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.flagPanel-crest {
  font-size: var(--md-2);
}

.flagPanel-copy {
  margin: 0;
  color: var(--quiet);
  font-size: var(--petite);
  line-height: var(--regular);
}

.flagPanel-plug {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--g-3);
  padding: var(--g-5);
  border: var(--medium) solid var(--accent-pressed);
  border-radius: var(--r-4);
  background: var(--layer);
}

.flagPanel-plug-copy {
  margin: 0;
  color: var(--quiet);
  font-size: var(--petite);
}

.podList {
  padding-block: var(--g-7);
  background: var(--layer);
}

.podList-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.podList-head {
  margin-block-end: var(--g-5);
}

.podList-stack {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--g-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.podList-cell {
  display: flex;
  flex-direction: column;
  gap: var(--g-3);
  margin: 0;
  padding: var(--g-5);
  border: var(--hair) solid var(--stroke);
  border-radius: var(--r-4);
  background: var(--sheet);
  transition: box-shadow var(--t-regular) var(--out);
}

.podList-cell:hover {
  box-shadow: var(--d-4);
}

.podList-file {
  display: flex;
  align-items: center;
  gap: var(--g-3);
}

.podList-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: var(--orb);
  background: var(--anchor);
  color: var(--layer);
  font-family: var(--lead);
  font-size: var(--minor);
  font-weight: var(--bold);
}

.podList-who {
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
}

.podList-stars {
  color: var(--accent-pressed);
  font-size: var(--petite);
  letter-spacing: 2px;
}

.podList-copy {
  margin: 0;
  color: var(--quiet);
  font-size: var(--petite);
  line-height: var(--regular);
}

.vectorRegion {
  padding-block: var(--g-7);
}

.vectorRegion-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.vectorRegion-head {
  margin-block-end: var(--g-5);
}

.vectorRegion-stack {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vectorRegion-cell {
  margin: 0;
  border-block-end: var(--hair) solid var(--stroke);
}

.vectorRegion-ask {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--g-4);
  padding-block: var(--g-4);
  padding-inline-end: var(--g-6);
  cursor: pointer;
  list-style: none;
}

.vectorRegion-ask::-webkit-details-marker {
  display: none;
}

.vectorRegion-ask h3 {
  font-size: var(--minor);
  font-weight: var(--bold);
  line-height: var(--regular);
}

.vectorRegion-ask::after {
  content: '';
  position: absolute;
  inset-inline-end: var(--g-2);
  width: 10px;
  height: 10px;
  border-inline-end: var(--medium) solid var(--accent-pressed);
  border-block-end: var(--medium) solid var(--accent-pressed);
  transform: rotate(45deg);
}

.vectorRegion-ask:hover h3 {
  color: var(--accent-pressed);
}

.vectorRegion-cell[open] .vectorRegion-ask::after {
  transform: rotate(225deg);
}

.vectorRegion-reply {
  padding-block-end: var(--g-4);
}

.vectorRegion-reply p {
  margin: 0;
  color: var(--quiet);
  line-height: var(--roomy);
}

.chipRail {
  padding-block: var(--g-7);
  background: var(--sheet);
  border-block: var(--medium) solid var(--stroke);
}

.chipRail-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
  text-align: center;
}

.chipRail-quote {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding-block-start: var(--g-6);
}

.chipRail-quote::before {
  content: '\201C';
  position: absolute;
  inset-block-start: -18px;
  inset-inline-start: 50%;
  color: var(--grad-1);
  font-family: var(--lead);
  font-size: 86px;
  line-height: 1;
  transform: translateX(-50%);
}

.chipRail-quote p {
  margin: 0;
  font-family: var(--lead);
  font-size: clamp(25px, 3.6vw, var(--h1));
  font-style: italic;
  font-weight: var(--bold);
  line-height: var(--snug);
}

.chipRail-lead {
  max-width: var(--narrow);
  margin: var(--g-5) auto 0;
  color: var(--quiet);
  line-height: var(--roomy);
}

.chipRail-offer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin-block-start: var(--g-5);
  padding-inline: var(--g-6);
  border-radius: var(--lozenge);
  background: var(--accent-pressed);
  color: #ffffff;
  font-family: var(--lead);
  font-size: var(--minor);
  font-weight: var(--bold);
  letter-spacing: var(--airy);
  text-decoration: none;
  transition: background var(--t-regular) var(--out), transform var(--t-regular) var(--out);
}

.chipRail-offer:hover {
  background: var(--action-deep);
  color: #ffffff;
  transform: scale(1.015);
}

.chipRail-terms {
  display: block;
  max-width: var(--narrow);
  margin: var(--g-3) auto 0;
  color: var(--quiet);
  font-size: var(--mini);
}

.spikeBunch {
  padding-block: var(--g-7);
}

.spikeBunch-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.spikeBunch-core {
  max-width: 540px;
  margin-inline: auto;
  padding: var(--g-6) var(--g-5);
  border: var(--hair) solid var(--stroke);
  border-radius: var(--r-5);
  background: var(--layer);
  box-shadow: var(--d-3);
  text-align: center;
}

.spikeBunch-glyph {
  display: block;
  margin-block-end: var(--g-4);
  color: var(--accent-pressed);
  font-family: var(--lead);
  font-size: var(--h1);
  line-height: 1;
}

.spikeBunch-head {
  font-size: var(--display-3);
}

.spikeBunch-copy {
  margin: var(--g-3) 0 var(--g-5);
  color: var(--quiet);
  font-size: var(--petite);
  line-height: var(--regular);
}

.spikeBunch-offer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding-inline: var(--g-6);
  border-radius: var(--lozenge);
  background: var(--accent-pressed);
  color: #ffffff;
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
  letter-spacing: var(--airy);
  text-decoration: none;
  transition: background var(--t-regular) var(--out), transform var(--t-regular) var(--out);
}

.spikeBunch-offer:hover {
  background: var(--action-deep);
  color: #ffffff;
  transform: scale(1.015);
}

.zoneSlider {
  padding-block: var(--g-7);
}

.zoneSlider-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.zoneSlider-intro {
  margin-block-end: var(--g-5);
  line-height: var(--roomy);
}

.zoneSlider-stack {
  margin: 0;
}

.zoneSlider-term {
  position: relative;
  margin-block-start: var(--g-5);
  margin-block-end: var(--g-2);
  padding-block-start: var(--g-3);
  font-family: var(--lead);
  font-size: var(--md-2);
  font-weight: var(--bold);
  color: var(--body);
}

.zoneSlider-term::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 30px;
  height: 2px;
  background: var(--action);
}

.zoneSlider-define {
  margin-inline-start: 0;
  margin-block-end: var(--g-4);
  color: var(--quiet);
  font-size: var(--normal);
  line-height: var(--roomy);
}

.zoneSlider-define p {
  margin-block-end: var(--g-3);
}

.zoneSlider-define p:last-child {
  margin-block-end: 0;
}

.zoneSlider-aid {
  margin-block-start: var(--g-6);
  padding: var(--g-5);
  border-inline-start: var(--wide) solid var(--action);
  border-radius: var(--r-3);
  background: var(--layer);
}

.zoneSlider-aid ul {
  margin: 0;
}

.zoneSlider-fine {
  margin-block-start: var(--g-5);
  color: var(--quiet);
  font-size: var(--petite);
  line-height: var(--regular);
}

.caseBlock {
  padding-block: var(--g-7);
  background: var(--layer);
}

.caseBlock-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.caseBlock-intro {
  margin-block-end: var(--g-5);
  color: var(--quiet);
  line-height: var(--roomy);
}

.caseBlock-file {
  display: flex;
  align-items: flex-end;
  gap: var(--g-3);
  flex-wrap: wrap;
}

.caseBlock-input {
  display: flex;
  flex-direction: column;
  gap: var(--g-2);
  flex: 1 1 220px;
}

.caseBlock-tag {
  font-size: var(--mini);
  font-weight: var(--bold);
  color: var(--body);
}

.caseBlock-input input,
.caseBlock-input textarea {
  width: 100%;
  min-height: 46px;
  padding: var(--g-3) var(--g-4);
  border: var(--hair) solid var(--stroke-heavy);
  border-radius: var(--lozenge);
  background: var(--sheet);
  color: var(--body);
  font-family: var(--f-body);
  font-size: var(--petite);
}

.caseBlock-input textarea {
  min-height: 46px;
  border-radius: var(--r-5);
  resize: vertical;
}

.caseBlock-press {
  min-height: 46px;
  padding-inline: var(--g-6);
  border: 0;
  border-radius: var(--lozenge);
  background: var(--anchor);
  color: var(--layer);
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
  cursor: pointer;
  transition: background var(--snap) var(--out);
}

.caseBlock-press:hover {
  background: var(--accent-pressed);
  color: var(--layer);
}

.caseBlock-notice {
  margin-block-start: var(--g-4);
  padding: var(--g-4);
  border-radius: var(--r-4);
  background: var(--sheet);
  color: var(--body);
  font-size: var(--petite);
}

.caseHeader {
  padding-block: var(--g-7);
}

.caseHeader-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.caseHeader-core {
  max-width: 600px;
  margin-inline: auto;
  text-align: center;
}

.caseHeader-photo {
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 auto var(--g-5);
  border-radius: var(--orb);
  object-fit: cover;
  object-position: center top;
}

.caseHeader-post {
  margin: 0 0 var(--g-2);
  color: var(--accent-pressed);
  font-size: var(--petite);
  letter-spacing: var(--airy);
  text-transform: uppercase;
}

.caseHeader-who {
  font-size: var(--h2);
}

.caseHeader-story {
  margin-block: var(--g-4);
  color: var(--quiet);
  line-height: var(--roomy);
}

.caseHeader-skills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-2);
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.caseHeader-tag {
  margin: 0;
  padding: var(--g-1) var(--g-3);
  border-radius: var(--lozenge);
  background: var(--anchor);
  color: var(--sheet);
  font-size: var(--mini);
}

.fragmentHeader {
  padding-block: var(--g-5);
}

.fragmentHeader-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.fragmentHeader-tile {
  padding: var(--g-5);
  border-radius: var(--r-4);
  background: var(--layer);
  box-shadow: var(--d-3);
}

.fragmentHeader-file {
  display: flex;
  align-items: center;
  gap: var(--g-3);
}

.fragmentHeader-photo {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  border-radius: var(--orb);
  object-fit: cover;
  object-position: center top;
}

.fragmentHeader-who {
  font-family: var(--lead);
  font-size: var(--md-2);
  font-weight: var(--bold);
}

.fragmentHeader-post {
  margin: 0;
  color: var(--quiet);
  font-size: var(--petite);
}

.fragmentHeader-story {
  margin-block: var(--g-4) var(--g-3);
  line-height: var(--roomy);
}

.fragmentHeader-skills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-2);
  margin: 0 0 var(--g-4);
  padding: 0;
  list-style: none;
}

.fragmentHeader-tag {
  margin: 0;
  padding: var(--g-1) var(--g-3);
  border-radius: var(--lozenge);
  background: var(--anchor);
  color: var(--sheet);
  font-size: var(--mini);
  text-transform: uppercase;
}

.fragmentHeader-path {
  color: var(--accent-pressed);
  font-weight: var(--mid);
  text-decoration: underline;
}

.streamLane {
  padding-block: var(--g-8);
}

.streamLane-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.streamLane-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--g-4);
  max-width: var(--narrow);
  margin-inline: auto;
  padding: var(--g-7) var(--g-5);
  border: var(--medium) solid var(--accent-pressed);
  border-radius: var(--r-5);
  background: var(--layer);
  box-shadow: var(--d-4);
  text-align: center;
}

.streamLane-crest {
  margin: 0;
}

.streamLane-copy {
  margin: 0;
  color: var(--quiet);
  line-height: var(--roomy);
}

.streamLane-press {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding-inline: var(--g-6);
  border-radius: var(--lozenge);
  background: var(--anchor);
  color: var(--layer);
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
  text-decoration: none;
  transition: background var(--snap) var(--out);
}

.streamLane-press:hover {
  background: var(--accent-pressed);
  color: var(--layer);
}

.arrowGroup {
  padding-block: var(--g-6);
  background: var(--sheet);
}

.arrowGroup-inner {
  max-width: var(--frame);
  margin-inline: auto;
  padding-inline: var(--edge);
}

.arrowGroup-masthead {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--g-2);
  padding-block: var(--g-5);
  border-block: 4px solid var(--body);
  text-align: center;
}

.arrowGroup-sign-image {
  display: block;
  height: 48px;
  width: auto;
}

.arrowGroup-issue {
  margin: 0;
  color: var(--quiet);
  font-family: var(--lead);
  font-size: var(--mini);
  letter-spacing: var(--airy);
  text-transform: uppercase;
}

.arrowGroup-mosaic {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--g-5);
  padding-block: var(--g-6);
}

.arrowGroup-side {
  min-width: 0;
}

.arrowGroup-head {
  margin-block-end: var(--g-3);
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
  letter-spacing: var(--airy);
  text-transform: uppercase;
}

.arrowGroup-stack {
  margin: 0;
  padding: 0;
  list-style: none;
}

.arrowGroup-cell {
  margin-block-end: var(--g-2);
}

.arrowGroup-path {
  position: relative;
  color: var(--body);
  font-size: var(--petite);
  text-decoration: none;
}

.arrowGroup-path::after {
  content: '';
  position: absolute;
  inset-block-end: -3px;
  inset-inline-start: 50%;
  width: 0;
  height: 1px;
  background: var(--accent-pressed);
  transform: translateX(-50%);
  transition: width var(--snap) var(--out);
}

.arrowGroup-path:hover {
  color: var(--accent-pressed);
}

.arrowGroup-path:hover::after {
  width: 100%;
}

.arrowGroup-copy {
  margin: 0 0 var(--g-3);
  color: var(--quiet);
  font-size: var(--petite);
  line-height: var(--regular);
}

.arrowGroup-foot {
  padding-block-start: var(--g-4);
  border-block-start: var(--hair) solid var(--stroke);
  text-align: center;
}

.arrowGroup-fine {
  color: var(--quiet);
  font-size: var(--mini);
  line-height: var(--regular);
}

.arrowRail {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 90;
  padding-block: var(--g-4);
  padding-inline: var(--edge);
  border-block-start: var(--hair) solid rgba(255, 255, 255, 0.08);
  background: var(--anchor);
}

.arrowRail.is-gone {
  display: none;
  transform: translateY(110%);
}

.arrowRail-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--g-4);
  max-width: var(--frame);
  margin-inline: auto;
}

.arrowRail-notice {
  flex: 1;
  margin: 0;
  color: var(--quiet-up);
  font-size: var(--petite);
  line-height: var(--regular);
}

.arrowRail-actions {
  display: flex;
  gap: var(--g-3);
  flex-shrink: 0;
}

.arrowRail-agree,
.arrowRail-reject {
  min-height: 42px;
  padding-inline: var(--g-5);
  border-radius: var(--lozenge);
  font-family: var(--lead);
  font-size: var(--h6);
  font-weight: var(--bold);
  cursor: pointer;
  white-space: nowrap;
}

.arrowRail-agree {
  border: 0;
  background: var(--layer);
  color: var(--anchor);
}

.arrowRail-agree:hover {
  background: var(--sheet);
  color: var(--anchor);
}

.arrowRail-reject {
  border: var(--hair) solid var(--quiet-up);
  background: transparent;
  color: var(--quiet-up);
}

.arrowRail-reject:hover {
  background: #22343d;
  color: var(--layer);
}

@media (max-width: 1120px) {
  .flagPanel-mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flagPanel-cell-big {
    grid-column: span 2;
    grid-row: span 1;
  }

  .flagPanel-cell-w3,
  .flagPanel-cell-w4 {
    grid-column: span 2;
  }

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

@media (max-width: 880px) {
  .bayStrip-crown {
    min-height: 88px;
  }

  .bayStrip-crown-hold {
    gap: var(--g-3);
  }

  .bayStrip-sign-image {
    height: 44px;
  }

  .bayStrip-sign-orb {
    width: 42px;
    height: 42px;
  }

  .bayStrip-sign-orb img {
    width: 20px;
    height: 19px;
  }

  .bayStrip-flag {
    margin-inline-start: auto;
    font-size: var(--minor);
  }

  .bayStrip-offer-press-quiet {
    display: none;
  }

  .bayStrip-offer-press-main {
    min-height: 40px;
    padding-inline: var(--g-4);
    font-size: var(--mini);
  }

  .bayStrip-switch {
    display: flex;
  }

  .bayStrip-deck {
    display: none;
  }

  .precinctSlider-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--g-4);
  }

  .coreSet {
    min-height: 480px;
    height: auto;
    padding-block: var(--g-8) var(--g-7);
  }

  .arrowGroup-mosaic {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--g-5);
  }

  .chipRail-quote::before {
    font-size: 62px;
  }
}

@media (max-width: 720px) {
  .arrowRail,
  .arrowRail-inner {
    padding: 12px 14px !important;
    gap: 8px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .arrowRail-inner {
    flex-direction: column;
    align-items: stretch;
    padding: 0 !important;
  }

  .arrowRail-agree,
  .arrowRail-reject {
    padding: 8px 14px !important;
    font-size: 12px !important;
    min-height: 36px !important;
  }

  .arrowRail-actions {
    justify-content: stretch;
  }

  .arrowRail-agree,
  .arrowRail-reject {
    flex: 1;
  }
}

@media (max-width: 540px) {
  .bayStrip-crown {
    min-height: 0;
    padding-block: var(--g-3);
  }

  .bayStrip-crown-hold {
    flex-wrap: wrap;
    row-gap: var(--g-3);
  }

  .bayStrip-sign-image {
    height: 36px;
  }

  .bayStrip-sign-orb {
    width: 38px;
    height: 38px;
  }

  .bayStrip-sign-orb img {
    width: 18px;
    height: 17px;
  }

  .bayStrip-offer {
    order: 5;
    width: 100%;
  }

  .bayStrip-offer-press-main {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .flagPanel-mosaic,
  .podList-stack {
    grid-template-columns: minmax(0, 1fr);
  }

  .flagPanel-cell-big,
  .flagPanel-cell-w2,
  .flagPanel-cell-w3,
  .flagPanel-cell-w4 {
    grid-column: span 1;
  }

  .wingRegion-scroll table {
    font-size: var(--mini);
  }

  .wingRegion-scroll th,
  .wingRegion-scroll td {
    padding: var(--g-3) var(--g-2);
  }

  .wingRegion-scroll tbody td:first-child {
    width: 38%;
  }

  .caseBlock-file {
    flex-direction: column;
    align-items: stretch;
  }

  .caseBlock-press {
    width: 100%;
  }

  .coreSet-offer,
  .spikeBunch-offer,
  .chipRail-offer {
    width: 100%;
  }

  .hingeGroup-plug {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }

  html {
    scroll-behavior: auto;
  }

  [data-onview] {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
.nevavi-jump{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--g-6);min-height:48px;border-radius:var(--lozenge);font-size:var(--h6);font-weight:var(--bold);letter-spacing:var(--airy)}
.nevavi-jump{position:relative;
  background:#C026D3;color:#FFFFFF;text-decoration:none;
  transition:background 0.26s ease,box-shadow 0.26s ease;}
.nevavi-jump.nevavi-jump{color:#FFFFFF;text-decoration:none;}
.nevavi-jump:hover{background:#A21CAF;color:#FFFFFF;animation:none}
.nevavi-jump.nevavi-jump:hover{color:#FFFFFF;text-decoration:none}
.nevavi-jump:hover::after{animation:none}
.nevavi-jump:active{background:#86198F;color:#FFFFFF}
.nevavi-jump:focus-visible{outline:3px solid #0F1F26;outline-offset:3px}
.nevavi-jump{overflow:hidden;animation:nevavi-drift 1.89s linear infinite}
.nevavi-jump::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.42) 50%,transparent 100%);transform:translateX(-160%);animation:nevavi-drift-2 1.89s ease-in-out infinite}
@keyframes nevavi-drift{0%{transform:scale(1);animation-timing-function:cubic-bezier(.25,.8,.35,1)}19.577%{transform:scale(1.06);animation-timing-function:cubic-bezier(.45,.05,.55,.95)}55.026%,100%{transform:scale(1)}}
@keyframes nevavi-drift-2{0%,6.349%{transform:translateX(-160%)}47.090%,100%{transform:translateX(330%)}}
@media (prefers-reduced-motion:reduce){.nevavi-jump,.nevavi-jump::after{animation:none!important;transition:none!important}}

.bayStrip .nevavi-jump {
  min-height: 42px;
  padding-inline: var(--g-5);
}

.coreSet .nevavi-jump {
  min-height: 56px;
  box-shadow: var(--d-4);
}

.chipRail .nevavi-jump {
  min-height: 52px;
  font-size: var(--minor);
}

@media (max-width: 880px) {
  .bayStrip .nevavi-jump {
    min-height: 40px;
    padding-inline: var(--g-4);
    font-size: var(--mini);
  }
}

@media (max-width: 540px) {
  .bayStrip .nevavi-jump {
    width: 100%;
  }
}

@media (max-width: 898px) {
  .bayStrip-deck,
  .bayStrip-deck-hold,
  .bayStrip-bar,
  .bayStrip-stack,
  .bayStrip-path { display: none !important; }
  .bayStrip-switch { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js [data-onview]{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}