:root {
  --cx-blue: #3855cb;
  --cx-navy: #152963;
  --cx-deep: #09163f;
  --cx-mint: #7fefdf;
  --cx-paper: #f5f7fb;
  --cx-white: #fff;
  --cx-ink: #101218;
  --cx-line: rgba(16, 18, 24, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
.complexis-case { margin: 0; overflow-x: clip; background: var(--cx-paper); color: var(--cx-ink); }
.complexis-case .site-header { background: rgba(17, 18, 20, .98); }
.complexis-case .button { border-color: var(--cx-blue); background: var(--cx-blue); color: #fff; }
.cx-shell { width: min(1540px, calc(100% - 96px)); margin-inline: auto; }
.cx-section { padding: clamp(104px, 10vw, 184px) 0; }
.cx-eyebrow { margin: 0; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 700; }
.cx-section h2,
.cx-motion h2 {
  margin: 0;
  font-family: "Lebowski GB Preview", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(62px, 7vw, 132px);
  font-weight: 400;
  line-height: .88;
  letter-spacing: -.045em;
}
.cx-section p,
.cx-motion p { font-size: clamp(17px, 1.13vw, 22px); line-height: 1.48; }
.cx-heading-grid { display: grid; grid-template-columns: .72fr 2fr 1fr; gap: 4.5vw; align-items: start; }
.cx-heading-grid > p:last-child,
.cx-copy { max-width: 590px; }
.cx-copy p:first-child,
.cx-heading-grid > p:last-child { margin-top: 0; }
figcaption { padding-top: 10px; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; }

.cx-hero {
  position: relative;
  min-height: calc(100svh - var(--header-h));
  overflow: hidden;
  background: var(--cx-paper);
  color: var(--cx-ink);
}
.cx-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
  pointer-events: none;
}
.cx-hero__meta {
  position: absolute;
  z-index: 6;
  top: 28px;
  left: var(--gutter);
  right: var(--gutter);
  display: flex;
  justify-content: space-between;
  color: rgba(16, 18, 24, .55);
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 10px;
}
.cx-hero__copy {
  position: absolute;
  z-index: 7;
  top: 90px;
  left: 50%;
  pointer-events: none;
  width: min(1540px, calc(100% - 96px));
  min-height: 0;
  padding: 0;
  transform: translateX(-50%);
}
.cx-hero__logo { display: block; width: min(40.74vw, 601px, calc(46.56vw - 93px)); height: auto; margin: 28px 0 0; }
.cx-hero h1 {
  max-width: 750px;
  margin: 0;
  font-family: "Lebowski GB Preview", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(70px, 6.7vw, 124px);
  font-weight: 400;
  line-height: .86;
  letter-spacing: -.05em;
}
.cx-hero__copy > p:last-child { max-width: 610px; margin: 34px 0 0; font-size: clamp(18px, 1.2vw, 23px); line-height: 1.45; }
.cx-hero__scene { position: absolute; z-index: 2; inset: 0; width: 100%; }
.cx-line-field { --line-color: rgba(56, 85, 203, .42); position: relative; isolation: isolate; overflow: hidden; }
.cx-line-field.cx-hero__scene { position: absolute; }
.cx-line-field::before { content: ""; position: absolute; z-index: -3; inset: 0; background: var(--cx-paper); }
.cx-line-field__lines { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.cx-line { position: absolute; left: var(--x); top: var(--y); width: clamp(13px, 1.15vw, 25px); height: 1px; border-radius: 999px; background: var(--line-color); transform: translate(-50%, -50%) rotate(var(--angle)); transform-origin: center; will-change: transform; }
.cx-tickers { position: absolute; z-index: 1; top: 43%; left: 0; right: 0; display: grid; gap: 0; overflow: hidden; color: var(--cx-blue); font-family: "Lebowski GB Preview", "Arial Narrow", sans-serif; font-size: clamp(42px, 4.6vw, 88px); line-height: .78; white-space: nowrap; pointer-events: none; }
.cx-ticker { width: max-content; transform: translate3d(var(--ticker-shift, 0),0,0); }
.cx-ticker span { display: inline-block; animation: cx-ticker-left 28s linear infinite; }
.cx-ticker--two span { animation-name: cx-ticker-right; animation-duration: 34s; }
.cx-ticker--three span { animation-duration: 40s; }
.cx-mountains { position: absolute; z-index: 2; left: -5%; bottom: -1px; width: 112%; max-width: none; height: auto; pointer-events: none; user-select: none; transform: translate3d(var(--mountain-x, 0), var(--mountain-y, 0), 0) scale(var(--mountain-scale, 1)); transform-origin: 50% 100%; will-change: transform; }
.cx-mountains--back { z-index: 2; opacity: .18; filter: saturate(.7) brightness(1.2); --mountain-scale: 1.12; }
.cx-mountains--front { z-index: 3; }
.cx-scene__hint { position: absolute; z-index: 5; right: 24px; bottom: 22px; color: rgba(16,18,24,.5); text-transform: uppercase; letter-spacing: .12em; font-size: 9px; }

.cx-index { position: sticky; z-index: 30; top: var(--header-h); height: 62px; display: grid; grid-template-columns: repeat(5, 1fr); border-block: 1px solid var(--cx-line); background: rgba(255,255,255,.92); backdrop-filter: blur(14px); }
.cx-index a { display: flex; align-items: center; justify-content: center; gap: 10px; border-right: 1px solid var(--cx-line); color: inherit; text-decoration: none; text-transform: uppercase; letter-spacing: .09em; font-size: 10px; }
.cx-index span { color: var(--cx-blue); }
.cx-index a[aria-current="true"] { background: var(--cx-mint); }

.cx-context,
.cx-digital { background: var(--cx-paper); }
.cx-system,
.cx-media { background: #fff; }
.cx-figure { width: min(1500px, calc(100% - 96px)); margin: 96px auto 0; }
.cx-figure--wide { width: min(1840px, calc(100% - 48px)); }
.cx-figure img,
.cx-packaging img,
.cx-media__pair img,
.cx-exhibition img { display: block; width: 100%; height: auto; }

.cx-services { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 100px; border-top: 1px solid var(--cx-line); border-left: 1px solid var(--cx-line); }
.cx-services article { min-height: 330px; padding: 22px; border-right: 1px solid var(--cx-line); border-bottom: 1px solid var(--cx-line); transition: background 220ms ease, color 220ms ease; }
.cx-services article:hover { background: var(--cx-blue); color: #fff; }
.cx-services article span { color: var(--cx-blue); font-size: 11px; }
.cx-services article:hover span { color: var(--cx-mint); }
.cx-services h3 { margin: 92px 0 18px; font-family: "Lebowski GB Preview", "Arial Narrow", sans-serif; font-size: clamp(43px, 3.6vw, 67px); font-weight: 400; line-height: .85; }
.cx-services p { margin: 0; font-size: 15px; line-height: 1.45; }
.cx-packaging { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-top: 2px; }
.cx-packaging figure,
.cx-media__pair figure { margin: 0; min-width: 0; }

.cx-motion { padding: clamp(104px, 9vw, 170px) 0 0; overflow: hidden; background: var(--cx-deep); color: #fff; }
.cx-motion__heading { display: grid; grid-template-columns: .72fr 2fr 1fr; gap: 4.5vw; align-items: start; padding-bottom: 90px; }
.cx-motion__heading > p:last-child { max-width: 590px; margin-top: 0; color: rgba(255,255,255,.7); }
.cx-motion__stage { --line-color: rgba(127,239,223,.5); min-height: min(78vw, 980px); background: var(--cx-navy); cursor: crosshair; }
.cx-motion__stage::before { background: var(--cx-navy); }
.cx-motion__stage .cx-tickers { top: 39%; color: var(--cx-mint); font-size: clamp(58px, 6.8vw, 128px); }
.cx-motion__stage .cx-mountains { width: 108%; left: -4%; }
.cx-motion__logo { position: absolute; z-index: 4; top: 34px; left: 40px; width: min(12vw, 180px); height: auto; }
.cx-motion__stage .cx-scene__hint { color: rgba(255,255,255,.55); }

.cx-site-demo { margin-top: 100px; overflow: hidden; border: 1px solid rgba(56,85,203,.28); border-radius: 24px; background: #fff; box-shadow: 0 38px 90px rgba(40,64,144,.13); }
.cx-site-demo__bar { height: 48px; display: flex; align-items: center; gap: 8px; padding: 0 18px; border-bottom: 1px solid var(--cx-line); background: #f6f8fd; }
.cx-site-demo__bar span { width: 9px; height: 9px; border-radius: 50%; background: #b9c3e7; }
.cx-site-demo__bar small { margin-left: 14px; color: rgba(16,18,24,.45); }
.cx-site-demo__viewport { height: min(72vw, 960px); min-height: 700px; overflow-y: auto; overflow-x: hidden; overflow-anchor: none; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-color: rgba(56,85,203,.45) transparent; scrollbar-width: thin; background: #fff; }
.cx-site-demo__viewport:focus-visible { outline: 2px solid var(--cx-mint); outline-offset: -2px; }
.cx-real-site { --site-pad: clamp(28px, 5vw, 78px); background: #fff; color: #111724; font-family: Arial, Helvetica, sans-serif; font-size: clamp(12px, 1vw, 16px); line-height: 1.45; }
.cx-real-site * { box-sizing: border-box; }
.cx-real-site p { font-size: inherit; line-height: inherit; }
.cx-real-site a { color: inherit; }
.cx-real-hero { position: relative; display: grid; min-height: 720px; overflow: hidden; background: #0a1943 url("/ru-v1-case-complexis-v1/assets/site/hero-soc.webp") center / cover no-repeat; color: #fff; }
.cx-real-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,17,53,.48), rgba(5,17,53,.82)); }
.cx-real-nav { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: center; align-self: start; padding: 30px var(--site-pad); }
.cx-real-nav > img { display: block; width: clamp(122px, 15vw, 220px); height: auto; }
.cx-real-nav nav { display: flex; gap: clamp(16px, 2.3vw, 40px); }
.cx-real-nav nav a { text-decoration: none; white-space: nowrap; }
.cx-real-button { justify-self: end; min-width: 116px; padding: 11px 18px; border: 1px solid rgba(127,239,223,.75); text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; font-size: .78em; }
.cx-real-hero__copy { position: relative; z-index: 2; align-self: center; padding: 40px var(--site-pad) 120px; text-align: center; }
.cx-real-hero__copy > p { margin: 0 0 18px; text-transform: uppercase; letter-spacing: .18em; font-size: .72em; }
.cx-real-hero__copy h3 { max-width: 1050px; margin: 0 auto; font-family: "Lebowski GB Preview", "Arial Narrow", sans-serif; font-size: clamp(54px, 6.4vw, 108px); font-weight: 400; line-height: .9; letter-spacing: -.035em; text-transform: uppercase; }
.cx-real-down { position: absolute; z-index: 2; bottom: 26px; left: 50%; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; transform: translateX(-50%); text-align: center; text-decoration: none; line-height: 38px; }
.cx-real-about { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; padding: 110px var(--site-pad); }
.cx-real-about > p { max-width: 610px; margin: 0; font-size: clamp(19px, 1.85vw, 30px); line-height: 1.25; }
.cx-real-about ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(56,85,203,.24); }
.cx-real-about li { display: grid; grid-template-columns: 52px 1fr; align-items: baseline; padding: 14px 0; border-bottom: 1px solid rgba(56,85,203,.24); color: var(--cx-blue); font-size: clamp(24px, 2.5vw, 42px); line-height: 1; }
.cx-real-about li span { font-size: 10px; }
.cx-real-mountain { position: relative; min-height: 1120px; overflow: hidden; background: var(--cx-deep) url("/ru-v1-case-complexis-v1/assets/site/mountain-layers.webp") top center / 100% auto no-repeat; color: #fff; }
.cx-real-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: clamp(150px, 20vw, 330px) var(--site-pad) 160px; text-align: center; }
.cx-real-stats p { margin: 0; }
.cx-real-stats strong { display: block; font-family: "Lebowski GB Preview", "Arial Narrow", sans-serif; font-size: clamp(78px, 10vw, 160px); font-weight: 400; line-height: .8; }
.cx-real-stats span { display: block; margin-top: 16px; text-transform: uppercase; letter-spacing: .12em; font-size: .68em; }
.cx-real-protection { position: absolute; right: var(--site-pad); bottom: 110px; width: min(610px, 48%); }
.cx-real-shield { display: block; width: 54px; height: 62px; margin-bottom: 30px; border: 3px solid var(--cx-mint); border-radius: 28px 28px 34px 34px; clip-path: polygon(50% 0, 100% 16%, 91% 73%, 50% 100%, 9% 73%, 0 16%); }
.cx-real-protection h4 { margin: 0 0 22px; color: var(--cx-mint); font-family: "Lebowski GB Preview", "Arial Narrow", sans-serif; font-size: clamp(52px, 5.6vw, 92px); font-weight: 400; line-height: .88; letter-spacing: -.03em; text-transform: uppercase; }
.cx-real-protection p { max-width: 470px; color: rgba(255,255,255,.72); }
.cx-real-protection a,
.cx-real-consult a { display: inline-block; margin-top: 20px; padding-bottom: 4px; border-bottom: 1px solid currentColor; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; font-size: .72em; }
.cx-real-directions { padding: 110px var(--site-pad); }
.cx-real-kicker { margin: 0 0 34px; color: var(--cx-blue); text-transform: uppercase; letter-spacing: .15em; font-size: .7em !important; font-weight: 700; }
.cx-real-directions__grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--cx-line); border-left: 1px solid var(--cx-line); }
.cx-real-directions article { min-height: 320px; padding: 28px; border-right: 1px solid var(--cx-line); border-bottom: 1px solid var(--cx-line); }
.cx-real-directions article > span,
.cx-real-services article > span { color: rgba(56,85,203,.55); font-size: .7em; }
.cx-real-directions h4 { margin: 70px 0 20px; color: var(--cx-blue); font-family: monospace; font-size: clamp(31px, 3vw, 48px); font-weight: 400; line-height: .86; }
.cx-real-directions article p { max-width: 340px; margin: 0; color: rgba(17,23,36,.62); }
.cx-real-consult { display: grid; grid-template-columns: .9fr 1.1fr; align-items: stretch; background: #f0f3f8; }
.cx-real-consult > div { padding: 100px var(--site-pad); }
.cx-real-consult h4 { max-width: 610px; margin: 0; color: var(--cx-blue); font-family: "Lebowski GB Preview", "Arial Narrow", sans-serif; font-size: clamp(58px, 6vw, 96px); font-weight: 400; line-height: .86; letter-spacing: -.035em; }
.cx-real-consult > div > p:not(.cx-real-kicker) { max-width: 470px; margin-top: 28px; }
.cx-real-consult > img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; }
.cx-real-services { padding: 110px var(--site-pad); background: var(--cx-blue); color: #fff; }
.cx-real-services .cx-real-kicker { color: var(--cx-mint); }
.cx-real-services > div { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.35); border-left: 1px solid rgba(255,255,255,.35); }
.cx-real-services article { min-height: 300px; padding: 24px; border-right: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.35); }
.cx-real-services article > span { color: rgba(255,255,255,.55); }
.cx-real-services h4 { margin: 115px 0 16px; font-family: "Lebowski GB Preview", "Arial Narrow", sans-serif; font-size: clamp(34px, 3.4vw, 56px); font-weight: 400; line-height: .9; }
.cx-real-services article p { margin: 0; color: rgba(255,255,255,.7); font-size: .9em; }
.cx-real-footer { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr auto; gap: 38px; align-items: start; padding: 70px var(--site-pad); background: var(--cx-deep); color: #fff; }
.cx-real-footer img { width: clamp(126px, 15vw, 220px); height: auto; }
.cx-real-footer p { margin: 0; color: rgba(255,255,255,.72); }
.cx-real-footer small { color: rgba(255,255,255,.45); }

.cx-media__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-top: 2px; }
.cx-exhibition { width: min(1840px, calc(100% - 48px)); margin: 2px auto 0; }

.cx-result { background: var(--cx-mint); }
.cx-result__grid { display: grid; grid-template-columns: 2fr 1fr; gap: 10vw; }
.cx-result__grid > div > p:last-child { max-width: 760px; margin-top: 30px; }
.cx-result__grid ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(0,0,0,.3); }
.cx-result__grid li { padding: 18px 0; border-bottom: 1px solid rgba(0,0,0,.3); font-size: 18px; }
.cx-contact { background: #070707; }

[data-reveal] { opacity: 1; transform: none; }
.js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s cubic-bezier(.22,1,.36,1); }
.js [data-reveal].is-visible { opacity: 1; transform: none; }

@keyframes cx-ticker-left { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes cx-ticker-right { from { transform: translateX(-44%); } to { transform: translateX(0); } }

@media (max-width: 1100px) {
  .cx-hero__copy { padding-right: 0; }
  .cx-hero__logo { width: min(40.74vw, 601px); }
  .cx-hero__scene { width: 100%; }
  .cx-services { grid-template-columns: 1fr 1fr; }
  .cx-motion__heading { grid-template-columns: 1fr 2fr; }
  .cx-motion__heading > p:last-child { grid-column: 2; }
}

@media (max-width: 900px) {
  .cx-shell { width: calc(100% - 40px); }
  .cx-section { padding: 88px 0; }
  .cx-section h2,
  .cx-motion h2 { font-size: clamp(54px, 15.8vw, 86px); }
  .cx-hero { min-height: calc(100svh - var(--header-h)); }
  .cx-hero::before { background: none; }
  .cx-hero__meta { top: 20px; left: 20px; right: 20px; }
  .cx-hero__meta span:last-child { display: none; }
  .cx-hero__copy { top: 72px; min-height: 0; padding: 0; }
  .cx-hero__logo { width: min(71.8vw, 504px); margin-block: 22px 0; }
  .cx-hero h1 { max-width: 680px; font-size: clamp(66px, 15vw, 104px); }
  .cx-hero__copy > p:last-child { max-width: 650px; margin-top: 24px; }
  .cx-hero__scene { inset: 0; width: 100%; height: auto; }
  .cx-index { overflow-x: auto; grid-template-columns: repeat(5, minmax(132px, 1fr)); }
  .cx-index a { justify-content: flex-start; padding-inline: 18px; }
  .cx-heading-grid,
  .cx-motion__heading { grid-template-columns: 1fr; gap: 24px; }
  .cx-motion__heading > p:last-child { grid-column: 1; }
  .cx-figure,
  .cx-figure--wide,
  .cx-exhibition { width: calc(100% - 24px); margin-top: 56px; }
  .cx-services { width: calc(100% - 24px); margin-top: 56px; }
  .cx-services article { min-height: 280px; }
  .cx-services h3 { margin-top: 70px; }
  .cx-packaging,
  .cx-media__pair { width: calc(100% - 24px); grid-template-columns: 1fr; }
  .cx-motion { padding-top: 88px; }
  .cx-motion__stage { min-height: 88vw; }
  .cx-motion__logo { width: min(17vw, 150px); top: 24px; left: 24px; }
  .cx-site-demo { width: calc(100% - 24px); margin-top: 56px; border-radius: 16px; }
  .cx-site-demo__viewport { height: 760px; min-height: 0; }
  .cx-real-site { --site-pad: 34px; font-size: 13px; }
  .cx-real-hero { min-height: 620px; }
  .cx-real-nav { grid-template-columns: 1fr auto; }
  .cx-real-nav nav { display: none; }
  .cx-real-about { gap: 45px; }
  .cx-real-mountain { min-height: 930px; }
  .cx-real-protection { width: 58%; }
  .cx-real-directions article { min-height: 280px; }
  .cx-real-consult { grid-template-columns: 1fr; }
  .cx-real-consult > img { min-height: 420px; }
  .cx-real-services > div { grid-template-columns: 1fr 1fr; }
  .cx-real-footer { grid-template-columns: 1fr 1fr; }
  .cx-result__grid { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 560px) {
  .cx-hero { min-height: calc(100svh - var(--header-h)); }
  .cx-hero__copy { top: 60px; padding: 0; }
  .cx-hero h1 { font-size: clamp(57px, 17.2vw, 76px); }
  .cx-hero__copy > p:last-child { font-size: 17px; }
  .cx-hero__scene { height: auto; }
  .cx-tickers { top: 38%; font-size: 38px; }
  .cx-mountains { left: -24%; width: 148%; }
  .cx-scene__hint { display: none; }
  .cx-services { grid-template-columns: 1fr; }
  .cx-services article { min-height: 230px; }
  .cx-services h3 { margin-top: 52px; font-size: 53px; }
  .cx-motion__stage { min-height: 132vw; }
  .cx-motion__stage .cx-tickers { top: 39%; font-size: 53px; }
  .cx-motion__stage .cx-mountains { left: -30%; width: 162%; }
  .cx-motion__logo { width: 24vw; }
  .cx-site-demo__bar { height: 38px; }
  .cx-site-demo__viewport { height: 660px; }
  .cx-real-site { --site-pad: 20px; font-size: 12px; }
  .cx-real-hero { min-height: 560px; }
  .cx-real-nav { padding-top: 20px; }
  .cx-real-nav > img { width: 116px; }
  .cx-real-button { min-width: 92px; padding: 9px 10px; }
  .cx-real-hero__copy { padding-bottom: 82px; }
  .cx-real-hero__copy h3 { font-size: 40px; line-height: .92; }
  .cx-real-about { grid-template-columns: 1fr; gap: 48px; padding-block: 70px; }
  .cx-real-about > p { font-size: 20px; }
  .cx-real-about li { font-size: 27px; }
  .cx-real-mountain { min-height: 920px; background-size: auto 43%; }
  .cx-real-stats { grid-template-columns: 1fr; gap: 28px; padding-top: 120px; }
  .cx-real-stats strong { font-size: 76px; }
  .cx-real-stats span { margin-top: 8px; }
  .cx-real-protection { right: var(--site-pad); bottom: 70px; left: var(--site-pad); width: auto; }
  .cx-real-protection h4 { font-size: 52px; }
  .cx-real-directions { padding-block: 70px; }
  .cx-real-directions__grid { grid-template-columns: 1fr; }
  .cx-real-directions article { min-height: 235px; }
  .cx-real-directions h4 { margin-top: 44px; }
  .cx-real-consult > div { padding: 70px var(--site-pad); }
  .cx-real-consult h4 { font-size: 52px; }
  .cx-real-consult > img { min-height: 330px; }
  .cx-real-services { padding: 70px var(--site-pad); }
  .cx-real-services > div { grid-template-columns: 1fr; }
  .cx-real-services article { min-height: 220px; }
  .cx-real-services h4 { margin-top: 70px; }
  .cx-real-footer { grid-template-columns: 1fr; gap: 22px; padding-block: 50px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cx-ticker span { animation: none; }
  .cx-line { will-change: auto; }
  .cx-mountains { transform: none; will-change: auto; }
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
}