@charset "UTF-8";

.cases-page .nav-links a[aria-current="page"] { color: var(--mc-cash); }

.cases-page h1,
.cases-page h2,
.cases-page h3,
.cases-page p,
.cases-page a,
.cases-page button,
.cases-page dt,
.cases-page dd,
.cases-page span { overflow-wrap: normal; word-break: normal; hyphens: none; }

.cases-hero {
  position: relative;
  isolation: isolate;
  padding: clamp(92px, 12vw, 158px) 0 clamp(72px, 10vw, 130px);
  overflow: clip;
}

.cases-hero::before {
  position: absolute;
  top: -30vw;
  right: -16vw;
  z-index: -1;
  width: min(70vw, 1050px);
  aspect-ratio: 1;
  border: 1px solid rgb(200 255 63 / 14%);
  border-radius: 50%;
  box-shadow: 0 0 0 min(6vw, 84px) rgb(200 255 63 / 3%), 0 0 0 min(13vw, 185px) rgb(200 255 63 / 2%);
  content: "";
}

.cases-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(410px, .8fr);
  gap: clamp(36px, 7vw, 116px);
  align-items: center;
  min-height: min(590px, 73svh);
}

.cases-hero__copy { min-width: 0; }
.cases-hero__copy .section-label { margin-bottom: 23px; }
.cases-hero h1 { max-width: 14.4ch; font-size: clamp(2.8rem, 5.3vw, 4.375rem); }
.cases-hero__copy > p:not(.section-label) { max-width: 55ch; margin: 27px 0 0; color: var(--mc-muted); font-size: clamp(1rem, 1vw + .75rem, 1.18rem); line-height: 1.58; text-wrap: pretty; }
.cases-hero__actions { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 33px; }

.cases-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 34px;
  margin: 46px 0 0;
}

.cases-hero__facts div { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: baseline; min-width: 0; }
.cases-hero__facts dt { color: var(--mc-cash); font-family: var(--mc-display); font-size: clamp(.96rem, 1.35vw, 1.23rem); font-weight: 700; letter-spacing: -.06em; }
.cases-hero__facts dd { margin: 0; color: var(--mc-muted); font-size: .72rem; font-weight: 700; line-height: 1.35; }

.cases-stage {
  --stage-shift-x-soft: 0px;
  --stage-shift-y-soft: 0px;
  --stage-shift-x-mid: 0px;
  --stage-shift-y-mid: 0px;
  --stage-shift-x-hard: 0px;
  --stage-shift-y-hard: 0px;
  position: relative;
  min-height: 480px;
  border: 1px solid var(--mc-line);
  overflow: hidden;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 5%), transparent 45%),
    radial-gradient(circle at 53% 50%, rgb(200 255 63 / 11%), transparent 34%),
    var(--mc-panel);
  box-shadow: var(--mc-shadow);
}

.cases-stage::before,
.cases-stage::after { position: absolute; content: ""; pointer-events: none; }
.cases-stage::before { inset: 18px; border: 1px solid rgb(244 241 234 / 9%); }
.cases-stage::after { top: 10%; bottom: 10%; left: 50%; width: 1px; background: linear-gradient(transparent, rgb(200 255 63 / 72%), transparent); }

.cases-stage__glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(54%, 288px);
  aspect-ratio: 1;
  border: 1px solid rgb(200 255 63 / 54%);
  border-radius: 50%;
  box-shadow: 0 0 0 22px rgb(200 255 63 / 4%), 0 0 88px rgb(200 255 63 / 13%);
  transform: translate3d(calc(-50% + var(--stage-shift-x-mid)), calc(-50% + var(--stage-shift-y-mid)), 0);
  transition: transform .35s var(--mc-ease);
}

.cases-stage__panel {
  position: absolute;
  z-index: 3;
  display: flex;
  min-width: clamp(106px, 15vw, 154px);
  min-height: 93px;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px;
  border: 1px solid var(--mc-line-strong);
  background: rgb(11 14 18 / 88%);
  box-shadow: 0 12px 28px rgb(0 0 0 / 25%);
  transition: transform .45s var(--mc-ease), border-color .3s ease;
}

.cases-stage:hover .cases-stage__panel { border-color: rgb(200 255 63 / 55%); }
.cases-stage__panel b { font-family: var(--mc-display); font-size: .67rem; letter-spacing: -.05em; }
.cases-stage__panel span { color: var(--mc-cash); font-size: .62rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.cases-stage__panel--media { top: 14%; left: -4%; transform: translate3d(var(--stage-shift-x-soft), var(--stage-shift-y-soft), 0) rotate(-4deg); }
.cases-stage__panel--people { top: 12%; right: 6%; transform: translate3d(var(--stage-shift-x-mid), var(--stage-shift-y-mid), 0) rotate(5deg); }
.cases-stage__panel--cash { right: -4%; bottom: 14%; transform: translate3d(var(--stage-shift-x-hard), var(--stage-shift-y-hard), 0) rotate(-3deg); }

.cases-stage__path { position: absolute; z-index: 1; inset: 0; }
.cases-stage__path i { position: absolute; display: block; height: 1px; background: linear-gradient(90deg, transparent, var(--mc-cash), transparent); transform-origin: left; }
.cases-stage__path i:nth-child(1) { --route-angle: 29deg; top: 30%; left: 16%; width: 31%; transform: rotate(var(--route-angle)); }
.cases-stage__path i:nth-child(2) { --route-angle: -27deg; top: 49%; left: 48%; width: 30%; transform: rotate(var(--route-angle)); }
.cases-stage__path i:nth-child(3) { --route-angle: 25deg; top: 69%; left: 29%; width: 37%; transform: rotate(var(--route-angle)); }
.cases-stage__mark { position: absolute; z-index: 2; top: 50%; left: 50%; width: min(56%, 244px); transform: translate(-50%, -50%); }
.cases-stage__mark img { width: 100%; height: auto; }
.cases-stage > p { position: absolute; right: 26px; bottom: 24px; z-index: 4; margin: 0; color: var(--mc-muted); font-size: .55rem; font-weight: 800; letter-spacing: .09em; }

.cases-nav { padding: clamp(58px, 8vw, 100px) 0 0; border-top: 1px solid var(--mc-line); }
.cases-nav__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, .68fr); gap: clamp(26px, 7vw, 110px); align-items: end; }
.cases-nav__intro > * { min-width: 0; }
.cases-nav__intro h2 { max-width: 13ch; }
.cases-nav__intro > p { max-width: 42ch; margin: 0; color: var(--mc-muted); font-size: .91rem; line-height: 1.55; text-wrap: pretty; }

.case-filter { display: flex; flex-wrap: wrap; gap: 0 clamp(13px, 2vw, 27px); margin-top: clamp(36px, 5vw, 57px); border-bottom: 1px solid var(--mc-line-strong); }
.case-filter button { min-height: 48px; padding: 0 1px; border: 0; border-bottom: 2px solid transparent; color: var(--mc-muted); background: transparent; font-size: .77rem; font-weight: 800; line-height: 1.2; cursor: pointer; transition: color .2s ease, border-color .2s ease; }
.case-filter button:hover,
.case-filter button:focus-visible,
.case-filter button.is-active { border-bottom-color: var(--mc-cash); color: var(--mc-paper); }
.case-filter__status { min-height: 1.6em; margin: 12px 0 0; color: var(--mc-muted); font-size: .7rem; }

.cases-collection,
.events-section,
.growth-section,
.business-section { padding-block: clamp(75px, 10vw, 135px); }

.cases-collection { padding-top: clamp(56px, 8vw, 100px); }
.events-section { border-block: 1px solid var(--mc-line); background: #10161b; }
.growth-section { background: linear-gradient(180deg, #10161b, var(--mc-ink)); }
.business-section { padding-top: 0; }

.case-section-head { max-width: 790px; margin-bottom: clamp(32px, 5vw, 60px); }
.case-section-head h2 { max-width: 15ch; }
.case-section-head--split { display: grid; max-width: none; grid-template-columns: minmax(0, 1fr) minmax(270px, .52fr); gap: clamp(24px, 6vw, 92px); align-items: end; }
.case-section-head--split > * { min-width: 0; }
.case-section-head--split > p { max-width: 38ch; margin: 0; color: var(--mc-muted); font-size: .9rem; line-height: 1.58; text-wrap: pretty; }

.case-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .6fr); gap: clamp(18px, 2.5vw, 30px); }
.case-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--mc-line-strong); background: var(--mc-panel); }
.case-card--feature { display: flex; min-height: 530px; align-items: flex-end; }
.case-card__media,
.case-card__overlay { position: absolute; inset: 0; }
.case-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: 55% 38%; filter: saturate(.82) contrast(1.05); transition: transform .65s var(--mc-ease), filter .45s ease; }
.case-card--feature:hover .case-card__media img { filter: saturate(1) contrast(1.05); transform: scale(1.035); }
.case-card__overlay { background: linear-gradient(180deg, rgb(11 14 18 / 8%) 22%, rgb(11 14 18 / 91%) 100%); }
.case-card__content { position: relative; z-index: 2; min-width: 0; padding: clamp(26px, 4vw, 45px); }
.case-card__eyebrow { margin: 0; color: var(--mc-cash); font-size: .63rem; font-weight: 800; letter-spacing: .095em; line-height: 1.3; }
.case-card h3 { max-width: 15ch; margin-top: 13px; font-family: var(--mc-display); font-size: clamp(1.22rem, 2.1vw, 1.85rem); letter-spacing: -.045em; }
.case-card__content > p:not(.case-card__eyebrow) { max-width: 48ch; margin: 13px 0 0; color: #d3d7d7; font-size: .88rem; line-height: 1.52; text-wrap: pretty; }
.case-card__link,
.growth-card__link { display: inline-flex; gap: 7px; align-items: center; margin-top: 20px; padding-bottom: 2px; border-bottom: 1px solid var(--mc-cash); color: var(--mc-paper); font-size: .76rem; font-weight: 800; line-height: 1.4; transition: color .2s ease, border-color .2s ease; }
.case-card__link:hover,
.growth-card__link:hover { border-bottom-color: var(--mc-paper); color: var(--mc-cash); }

.case-card--burunov { display: flex; min-height: 530px; flex-direction: column; justify-content: space-between; padding: clamp(24px, 3.5vw, 38px); background: linear-gradient(145deg, rgb(200 255 63 / 9%), transparent 51%), #151c22; }
.case-card--burunov::before { position: absolute; top: -24%; right: -26%; width: 75%; aspect-ratio: 1; border: 1px solid rgb(200 255 63 / 38%); border-radius: 50%; box-shadow: 0 0 0 28px rgb(200 255 63 / 3%); content: ""; }
.case-card--burunov .case-card__content { padding: 0; }
.case-card--burunov h3 { font-size: clamp(1.35rem, 2.1vw, 1.8rem); }
.case-card__note { display: inline-block; margin-top: 20px; color: var(--mc-muted); font-size: .72rem; font-weight: 700; }
.case-card__clapper { position: relative; z-index: 1; display: grid; width: min(100%, 260px); min-height: 112px; place-content: end start; padding: 17px; overflow: hidden; border: 1px solid var(--mc-cash); color: var(--mc-ink); background: var(--mc-cash); box-shadow: 14px 14px 0 rgb(11 14 18 / 38%); transform: rotate(-5deg); }
.case-card__clapper::before { position: absolute; top: 0; right: 0; left: 0; height: 30px; background: repeating-linear-gradient(135deg, var(--mc-ink) 0 18px, var(--mc-paper) 18px 36px); content: ""; }
.case-card__clapper span { position: relative; z-index: 1; font-family: var(--mc-display); font-size: .65rem; font-weight: 700; letter-spacing: -.045em; }
.case-card__clapper i { position: absolute; right: 13px; bottom: 13px; width: 20px; height: 20px; border: 1px solid var(--mc-ink); border-radius: 50%; }

.case-in-frame { display: grid; grid-template-columns: minmax(0, .72fr) minmax(280px, 1fr); gap: clamp(28px, 7vw, 110px); align-items: center; margin-top: clamp(18px, 2.5vw, 30px); padding: clamp(28px, 4.5vw, 54px); border: 1px solid var(--mc-line-strong); background: linear-gradient(110deg, var(--mc-panel), #141e20); }
.case-in-frame > * { min-width: 0; }
.case-in-frame .section-label { margin-bottom: 11px; }
.case-in-frame h3 { max-width: 18ch; font-family: var(--mc-display); font-size: clamp(1.03rem, 1.65vw, 1.42rem); letter-spacing: -.04em; }
.case-in-frame > p { max-width: 41ch; margin: 0; color: var(--mc-paper); font-family: var(--mc-display); font-size: clamp(.9rem, 1.3vw, 1.08rem); letter-spacing: -.04em; line-height: 1.52; }

.event-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.8vw, 22px); }
.event-card { position: relative; display: flex; min-width: 0; min-height: 260px; flex-direction: column; justify-content: flex-end; padding: clamp(22px, 3vw, 34px); overflow: hidden; border: 1px solid var(--mc-line-strong); background: #171e23; transition: transform .35s var(--mc-ease), border-color .28s ease, background .28s ease; }
.event-card::before,
.event-card::after { position: absolute; pointer-events: none; content: ""; }
.event-card::before { top: -33%; right: -20%; width: 78%; aspect-ratio: 1; border: 1px solid rgb(244 241 234 / 20%); border-radius: 50%; }
.event-card::after { top: 23px; right: 23px; width: 23px; height: 23px; border: 1px solid var(--mc-cash); }
.event-card:hover { z-index: 2; border-color: rgb(200 255 63 / 62%); background: #1b2528; transform: translateY(-7px) rotate(-.5deg); }
.event-card > span { position: absolute; top: 23px; left: 24px; color: var(--mc-cash); font-size: .67rem; font-weight: 800; letter-spacing: .08em; }
.event-card h3 { position: relative; max-width: 12ch; font-family: var(--mc-display); font-size: clamp(1.1rem, 1.65vw, 1.5rem); letter-spacing: -.05em; }
.event-card p { position: relative; margin: 9px 0 0; color: var(--mc-muted); font-size: .76rem; font-weight: 700; }
.event-card a { position: relative; display: inline-flex; gap: 8px; align-items: center; align-self: flex-start; margin-top: 16px; color: var(--mc-paper); border-bottom: 1px solid var(--mc-cash); font-size: .72rem; font-weight: 800; }
.event-card a:hover { color: var(--mc-cash); }
.event-card a b { color: var(--mc-cash); font-size: .98rem; font-weight: 400; }
.event-card--one { min-height: 332px; grid-column: span 2; background: linear-gradient(145deg, rgb(204 94 255 / 20%), transparent 56%), #171e23; }
.event-card--one::after { width: 61px; height: 61px; border-radius: 50%; }
.event-card--two { background: linear-gradient(145deg, rgb(200 255 63 / 22%), transparent 57%), #171e23; }
.event-card--three { background: linear-gradient(145deg, rgb(255 166 80 / 21%), transparent 57%), #171e23; }
.event-card--three::after { border-radius: 50%; }
.event-card--four { background: linear-gradient(145deg, rgb(255 87 87 / 20%), transparent 57%), #171e23; }
.event-card--five { background: linear-gradient(145deg, rgb(102 155 255 / 22%), transparent 57%), #171e23; }
.event-card--five::after { transform: rotate(45deg); }
.event-card--six { background: linear-gradient(145deg, rgb(249 204 91 / 19%), transparent 57%), #171e23; }

.growth-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.8vw, 22px); }
.growth-card { position: relative; display: flex; min-width: 0; min-height: 278px; flex-direction: column; padding: clamp(22px, 3vw, 31px); overflow: hidden; border: 1px solid var(--mc-line-strong); background: var(--mc-panel); transition: transform .3s var(--mc-ease), border-color .3s ease; }
.growth-card::after { position: absolute; right: -17%; bottom: -33%; width: 57%; aspect-ratio: 1; border: 1px solid rgb(200 255 63 / 27%); border-radius: 50%; box-shadow: 0 0 0 22px rgb(200 255 63 / 3%); content: ""; }
.growth-card:hover { z-index: 1; border-color: rgb(200 255 63 / 62%); transform: translateY(-6px); }
.growth-card > * { position: relative; z-index: 1; }
.growth-card--wide { display: grid; min-height: 320px; grid-column: span 2; grid-template-columns: minmax(0, 1fr) minmax(190px, .58fr); gap: 25px; background: linear-gradient(120deg, rgb(200 255 63 / 16%), transparent 48%), var(--mc-panel); }
.growth-card--wide::after { right: -3%; bottom: -57%; width: 50%; }
.growth-card--cash { background: linear-gradient(140deg, rgb(200 255 63 / 22%), transparent 58%), #182022; }
.growth-card__label { margin: 0; color: var(--mc-cash); font-size: .61rem; font-weight: 800; letter-spacing: .09em; line-height: 1.3; }
.growth-card h3 { max-width: 12ch; margin-top: 11px; font-family: var(--mc-display); font-size: clamp(1.05rem, 1.55vw, 1.38rem); letter-spacing: -.045em; }
.growth-card__role { max-width: 29ch; margin: 10px 0 0; color: var(--mc-muted); font-size: .78rem; line-height: 1.45; }
.growth-card__metric { margin: auto 0 0; }
.growth-card--wide .growth-card__metric { align-self: end; margin: 0; }
.growth-card__metric strong { display: block; color: var(--mc-paper); font-family: var(--mc-display); font-size: clamp(1.85rem, 3.35vw, 3.8rem); font-weight: 700; letter-spacing: -.075em; line-height: .98; white-space: nowrap; }
.growth-card__metric span { display: block; margin-top: 7px; color: var(--mc-paper); font-size: .73rem; font-weight: 700; }
.growth-card small { display: block; margin-top: 12px; color: var(--mc-muted); font-size: .63rem; font-weight: 700; }
.growth-card__extra { margin: 11px 0 0; color: var(--mc-cash); font-size: .75rem; font-weight: 800; }
.growth-card__link { align-self: flex-start; margin-top: auto; }
.growth-card--wide .growth-card__link { position: absolute; bottom: clamp(22px, 3vw, 31px); left: clamp(22px, 3vw, 31px); }

.business-card { display: grid; grid-template-columns: minmax(130px, .28fr) minmax(0, 1fr) minmax(190px, .55fr); gap: clamp(26px, 5vw, 70px); align-items: center; padding: clamp(33px, 6vw, 76px); color: var(--mc-ink); background: var(--mc-cash); box-shadow: var(--mc-shadow); }
.business-card > * { min-width: 0; }
.business-card .section-label { color: var(--mc-ink); }
.business-card__index { position: relative; display: grid; width: min(100%, 142px); aspect-ratio: 1; place-items: center; border: 1px solid rgb(11 14 18 / 48%); border-radius: 50%; }
.business-card__index::before { position: absolute; inset: 13px; border: 1px solid rgb(11 14 18 / 29%); border-radius: inherit; content: ""; }
.business-card__index span { position: relative; z-index: 1; font-family: var(--mc-display); font-size: 1.15rem; font-weight: 700; letter-spacing: -.08em; }
.business-card__index i { position: absolute; right: -11px; bottom: -11px; width: 40px; height: 40px; border: 1px solid var(--mc-ink); background: var(--mc-cash); transform: rotate(45deg); }
.business-card h2 { max-width: 10ch; }
.business-card__main > p:not(.section-label) { max-width: 48ch; margin: 19px 0 0; font-size: .94rem; line-height: 1.57; text-wrap: pretty; }
.business-card__list { display: grid; gap: 10px; padding-block: 9px; border-top: 1px solid rgb(11 14 18 / 31%); border-bottom: 1px solid rgb(11 14 18 / 31%); }
.business-card__list span { font-size: .78rem; font-weight: 800; }
.business-card .button { justify-self: start; }

.case-disclosure { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 26px; margin-top: 1px; padding: 24px 0; border-bottom: 1px solid var(--mc-line); }
.case-disclosure .section-label { margin: 4px 0 0; }
.case-disclosure > p:last-child { max-width: 58ch; margin: 0; color: var(--mc-muted); font-size: .84rem; line-height: 1.55; }

.cases-cta { padding-block: clamp(82px, 12vw, 155px); overflow: clip; }
.cases-cta__inner { position: relative; }
.cases-cta__inner::after { position: absolute; top: -18%; right: -2%; width: min(32vw, 394px); aspect-ratio: 1; border: 1px solid rgb(200 255 63 / 36%); border-radius: 50%; box-shadow: 0 0 0 26px rgb(200 255 63 / 4%), 0 0 90px rgb(200 255 63 / 11%); content: ""; }
.cases-cta__inner > * { position: relative; z-index: 1; }
.cases-cta h2 { max-width: 16ch; }
.cases-cta p:not(.section-label) { max-width: 55ch; margin: 22px 0 0; color: var(--mc-muted); text-wrap: pretty; }

[data-case-card][hidden],
[data-case-scope][hidden] { display: none !important; }

@media (max-width: 1040px) {
  .cases-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(350px, .72fr); gap: 38px; }
  .cases-stage { min-height: 420px; }
  .event-card { min-height: 235px; }
  .event-card--one { min-height: 290px; }
  .growth-card--wide { min-height: 295px; }
  .business-card { grid-template-columns: 120px minmax(0, 1fr); }
  .business-card__list { grid-column: 2; }
  .business-card .button { grid-column: 2; }
}

@media (max-width: 820px) {
  .cases-hero { padding-top: 80px; }
  .cases-hero__layout,
  .cases-nav__intro,
  .case-section-head--split,
  .case-grid,
  .case-in-frame,
  .business-card { grid-template-columns: 1fr; }
  .cases-hero__layout { min-height: 0; }
  .cases-hero__copy { max-width: 680px; }
  .cases-stage { width: 100%; min-height: 420px; max-width: 620px; }
  .cases-nav__intro { gap: 16px; }
  .case-section-head--split { gap: 16px; }
  .case-card--feature,
  .case-card--burunov { min-height: 430px; }
  .case-in-frame { gap: 20px; }
  .event-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-card--one { grid-column: span 2; }
  .growth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .growth-card--wide { grid-column: span 2; }
  .business-card__list,
  .business-card .button { grid-column: auto; }
  .business-card__index { width: 118px; }
}

@media (max-width: 560px) {
  .cases-hero { padding-block: 70px 62px; }
  .cases-hero h1 { max-width: 100%; font-size: clamp(2.2rem, 9vw, 2.75rem); }
  .cases-hero__actions { gap: 18px; margin-top: 28px; }
  .cases-hero__actions .button { width: 100%; }
  .cases-hero__facts { gap: 11px 19px; margin-top: 34px; }
  .cases-hero__facts div { gap: 6px; }
  .cases-stage { min-height: 335px; overflow: hidden; }
  .cases-stage::before { inset: 12px; }
  .cases-stage__panel { min-width: 100px; min-height: 74px; padding: 10px; }
  .cases-stage__panel b { font-size: .54rem; }
  .cases-stage__panel span { font-size: .52rem; }
  .cases-stage__panel--media { left: 3%; }
  .cases-stage__panel--people { right: 5%; }
  .cases-stage__panel--cash { right: 3%; }
  .cases-stage > p { right: 14px; bottom: 14px; font-size: .46rem; }
  .cases-stage__path i:nth-child(1) { left: 14%; }
  .cases-stage__path i:nth-child(3) { left: 25%; }
  .cases-nav { padding-top: 57px; }
  .case-filter { gap: 0 17px; margin-top: 30px; }
  .case-filter button { min-height: 43px; font-size: .71rem; }
  .cases-collection,
  .events-section,
  .growth-section,
  .business-section { padding-block: 66px; }
  .cases-collection { padding-top: 53px; }
  .business-section { padding-top: 0; }
  .case-section-head { margin-bottom: 31px; }
  .case-card--feature,
  .case-card--burunov { min-height: 390px; }
  .case-card__content { padding: 25px 22px; }
  .case-card--burunov { padding: 22px; }
  .case-card--burunov .case-card__content { padding: 0; }
  .case-card__clapper { width: 220px; min-height: 98px; }
  .case-in-frame { padding: 26px 22px; }
  .event-grid,
  .growth-grid { grid-template-columns: 1fr; }
  .event-card,
  .event-card--one { min-height: 226px; grid-column: auto; }
  .growth-card,
  .growth-card--wide { min-height: 250px; grid-column: auto; }
  .growth-card--wide { display: flex; gap: 0; }
  .growth-card--wide .growth-card__metric { align-self: auto; margin: auto 0 0; }
  .growth-card--wide .growth-card__link { position: static; }
  .growth-card__metric strong { font-size: clamp(2rem, 12vw, 3rem); }
  .business-card { gap: 25px; padding: 32px 23px; }
  .business-card h2 { font-size: clamp(2rem, 9.5vw, 2.65rem); }
  .business-card .button { width: 100%; }
  .case-disclosure { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; }
  .case-disclosure .section-label { margin: 0; }
  .cases-cta { padding-block: 75px 100px; }
  .cases-cta__inner::after { top: -8%; right: -28%; width: 260px; }
}

@media (prefers-reduced-motion: no-preference) {
  .cases-stage__glow { animation: stage-breathe 5s ease-in-out infinite; }
  .cases-stage__path i:nth-child(1) { animation: case-route .85s .1s var(--mc-ease) both; }
  .cases-stage__path i:nth-child(2) { animation: case-route .85s .25s var(--mc-ease) both; }
  .cases-stage__path i:nth-child(3) { animation: case-route .85s .4s var(--mc-ease) both; }
}

@keyframes case-route {
  from { opacity: 0; transform: rotate(var(--route-angle, 0deg)) scaleX(0); }
  to { opacity: 1; transform: rotate(var(--route-angle, 0deg)) scaleX(1); }
}

@keyframes stage-breathe {
  0%, 100% { box-shadow: 0 0 0 22px rgb(200 255 63 / 4%), 0 0 66px rgb(200 255 63 / 9%); }
  50% { box-shadow: 0 0 0 31px rgb(200 255 63 / 3%), 0 0 100px rgb(200 255 63 / 18%); }
}