.peaks-page {
  background: #fff;
}

.peaks-case {
  --peaks-navy: #071d42;
  --peaks-muted: #55739d;
  --peaks-teal: #0aaca2;
  --peaks-blue: #087bea;
  --peaks-orange: #f35623;
  --peaks-line: #dce8ef;
  --peaks-paper: #fff;
  --peaks-warm: #fbfaf7;
  --peaks-cool: #f3f9fb;
  color: var(--peaks-navy);
  background: var(--peaks-paper);
  font-family: var(--sds-font);
  overflow: clip;
}

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

.peaks-case__shell {
  width: min(1280px, calc(100% - 2 * var(--sds-gutter)));
  margin-inline: auto;
}

.peaks-case__section {
  position: relative;
  padding: var(--sds-label-top) 0 clamp(62px, 5.5vw, 84px);
  border-bottom: 1px solid var(--peaks-line);
}

.peaks-case h1,
.peaks-case h2,
.peaks-case h3,
.peaks-case p,
.peaks-case figure {
  margin-top: 0;
}

.peaks-case h2 {
  max-width: 900px;
  margin-bottom: 18px;
  color: var(--peaks-navy);
  font-size: clamp(34px, 3vw, 48px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.042em;
}

.peaks-case h3 {
  letter-spacing: -.022em;
}

.peaks-case__label {
  color: var(--peaks-muted);
}

.peaks-case__label--teal {
  color: #078f87;
}

.peaks-case__label--orange {
  color: #d84919;
}

.peaks-case__lead {
  max-width: 790px;
  margin-bottom: 0;
  color: var(--peaks-muted);
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.48;
}

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

.peaks-case__slogan {
  --sds-slogan-rule: var(--peaks-blue);
  color: #23518a;
}

.peaks-case__slogan::after {
  border-bottom-color: var(--peaks-blue);
}

/* 01 — the accepted prototype composition, using the homepage scene. */
.peaks-case__hero {
  position: relative;
  min-height: 760px;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid var(--peaks-line);
  background: #fff;
}

.peaks-case__hero-grid {
  position: relative;
  z-index: 3;
  min-height: 760px;
}

.peaks-case__hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: min(730px, 58%);
  min-height: 760px;
  padding: var(--sds-label-top) 0 46px;
}

.peaks-case__hero-copy h1 {
  max-width: 730px;
  margin: 0 0 17px;
  color: var(--peaks-navy);
  font-size: clamp(43px, 3.55vw, 55px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.048em;
}

.peaks-case__hero-copy h1 span {
  color: var(--peaks-blue);
  font-size: .92em;
  line-height: 1.04;
}

.peaks-case__hero-copy > p {
  max-width: 590px;
  margin-bottom: 12px;
  color: var(--peaks-muted);
  font-size: 17px;
  line-height: 1.45;
}

.peaks-case__hero-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: min(610px, 100%);
}

.peaks-case__hero-points > div {
  min-height: 148px;
  padding: 16px 14px;
  border: 1px solid rgba(8, 123, 234, .17);
  border-radius: 10px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 15px 34px rgba(7, 29, 66, .055);
}

.peaks-case__point-icon {
  display: flex;
  width: 31px;
  height: 31px;
  margin-bottom: 8px;
  color: var(--peaks-blue);
}

.peaks-case__point-icon svg,
.peaks-case__soft-note-icon svg,
.peaks-case__gear svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.peaks-case__hero-points strong,
.peaks-case__hero-points small {
  display: block;
}

.peaks-case__hero-points strong {
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.18;
}

.peaks-case__hero-points small {
  color: var(--peaks-muted);
  font-size: 12.5px;
  line-height: 1.32;
}

.peaks-case__hero-phones {
  position: absolute;
  z-index: 1;
  right: max(var(--sds-gutter), calc((100vw - 1280px) / 2));
  bottom: 0;
  width: min(48vw, 680px);
  aspect-ratio: 967 / 941;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .35) 7%, #000 15%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .35) 7%, #000 15%);
}

.peaks-case__hero-scene {
  position: absolute;
  display: block;
}

.peaks-case__hero-scene {
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 15% center;
}

/* Real screenshots stay untouched inside a dimensional phone shell. */
.peaks-device {
  position: relative;
  width: 100%;
  padding: 5px;
  border: 1px solid #748396;
  border-radius: 34px;
  background: linear-gradient(145deg, #536272 0%, #101b27 11%, #02070d 46%, #344354 88%, #83909c 100%);
  box-shadow: 0 20px 34px rgba(7, 29, 66, .2), 0 3px 8px rgba(7, 29, 66, .18);
}

.peaks-device::before,
.peaks-device::after {
  content: '';
  position: absolute;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.peaks-device::before {
  top: 10px;
  width: 34%;
  height: 17px;
  border-radius: 999px;
  background: #05090e;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .07);
  opacity: .96;
}

.peaks-device::after {
  bottom: 8px;
  width: 24%;
  height: 3px;
  border-radius: 999px;
  background: rgba(219, 226, 232, .5);
}

.peaks-device__edge {
  position: absolute;
  z-index: 4;
  inset: 2px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 31px;
  pointer-events: none;
}

.peaks-device__screen {
  position: relative;
  aspect-ratio: 1080 / 2372;
  overflow: hidden;
  border-radius: 29px;
  background: #fff;
}

.peaks-device__screen img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.peaks-case__phone-row {
  display: grid;
  min-width: 0;
}

.peaks-case__phone-row--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.peaks-case__phone-row--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}

.peaks-case__phone-figure {
  min-width: 0;
  margin-bottom: 0;
  text-align: left;
}

.peaks-case__phone-figure figcaption {
  display: grid;
  gap: 3px;
  margin-top: 18px;
  color: var(--peaks-muted);
  font-size: 13px;
  line-height: 1.35;
}

.peaks-case__phone-figure figcaption strong {
  color: var(--peaks-navy);
  font-size: 15px;
}

.peaks-device--step-1,
.peaks-device--step-2,
.peaks-device--step-3,
.peaks-device--manager-one,
.peaks-device--manager-two {
  transform: none;
}

/* 02 — operator */
.peaks-case__operator {
  background: linear-gradient(180deg, #fff 0%, #fbfdfe 100%);
}

.peaks-case__operator-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
  gap: clamp(34px, 4vw, 56px);
  align-items: start;
}

.peaks-case__operator-copy h2 {
  max-width: 600px;
  font-size: clamp(36px, 2.8vw, 44px);
}

.peaks-case__soft-note {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  max-width: 500px;
  margin-top: 28px;
  padding: 18px 20px;
  border-radius: 12px;
  background: linear-gradient(135deg, #edf9fb, #f6fbfe);
}

.peaks-case__soft-note-icon {
  display: flex;
  width: 40px;
  height: 40px;
  color: var(--peaks-blue);
}

.peaks-case__soft-note strong {
  display: block;
  margin-bottom: 4px;
  font-size: 17px;
}

.peaks-case__soft-note p {
  margin-bottom: 0;
  color: var(--peaks-muted);
  font-size: 14px;
  line-height: 1.38;
}

.peaks-case__operator-proof {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding-top: 70px;
}

.peaks-case__slogan--operator {
  position: absolute;
  z-index: 2;
  top: 42px;
  left: 31.5%;
  width: 210px;
  margin: 0;
  transform: rotate(-5deg);
}

/* 03 — manager */
.peaks-case__manager {
  background: var(--peaks-cool);
}

.peaks-case__manager-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr);
  gap: clamp(40px, 6vw, 86px);
  align-items: start;
}

.peaks-case__manager-media {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding-top: 70px;
}

.peaks-case__slogan--manager {
  position: absolute;
  z-index: 2;
  top: -4px;
  left: 44%;
  width: 270px;
  margin: 0;
  transform: rotate(-5deg);
}

.peaks-case__slogan--manager span {
  white-space: nowrap;
}

.peaks-case__phone-figure--manager-one {
  transform: translateX(clamp(8px, .8vw, 12px));
}

.peaks-case__manager-copy > p:not(.peaks-case__lead):not(.sds-section-label) {
  max-width: 650px;
  margin: 13px 0 0;
  color: var(--peaks-muted);
  font-size: 16px;
  line-height: 1.48;
}

.peaks-case__check-panel {
  max-width: 630px;
  margin-top: 25px;
  padding: 21px 24px;
  border: 1px solid #cce5eb;
  border-radius: 13px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 14px 32px rgba(7, 29, 66, .04);
}

.peaks-case__check-panel h3 {
  margin-bottom: 13px;
  font-size: 18px;
}

.peaks-case__check-panel ul,
.peaks-case__tick-list,
.peaks-case__data-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.peaks-case__check-panel li,
.peaks-case__tick-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 9px;
  color: var(--peaks-muted);
  font-size: 15px;
  line-height: 1.38;
}

.peaks-case__check-panel li span,
.peaks-case__tick-list li span {
  display: inline-flex;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--peaks-teal);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

/* 04 — statuses */
.peaks-case__status {
  background: var(--peaks-warm);
}

.peaks-case__status-lead {
  max-width: 860px;
}

.peaks-case__status-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  column-gap: 38px;
  align-items: center;
}

.peaks-case__status-intro h2 {
  grid-column: 1;
  grid-row: 1;
}

.peaks-case__slogan--status {
  grid-column: 2;
  grid-row: 1;
  width: 330px;
  max-width: 100%;
  justify-self: end;
  transform: rotate(-5deg);
}

.peaks-case__status-intro .peaks-case__status-lead {
  grid-column: 1 / -1;
  grid-row: 2;
}

.peaks-case__status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 29px;
}

.peaks-case__status-card {
  --status: var(--peaks-blue);
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr);
  align-content: start;
  min-height: 140px;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--status) 30%, #fff);
  border-radius: 11px;
  background: color-mix(in srgb, var(--status) 5.5%, #fff);
}

.peaks-case__status-card--green,
.peaks-case__example--green { --status: #13a66e; }
.peaks-case__status-card--yellow,
.peaks-case__example--yellow { --status: #f0a000; }
.peaks-case__status-card--red,
.peaks-case__example--red { --status: #f03a3a; }
.peaks-case__status-card--blue,
.peaks-case__example--blue { --status: var(--peaks-blue); }

.peaks-case__status-dot {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--status);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--status) 12%, transparent);
}

.peaks-case__status-card h3 {
  margin: 0 0 7px;
  color: var(--status);
  font-size: 18px;
  line-height: 1.12;
}

.peaks-case__status-card p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--peaks-muted);
  font-size: 14px;
  line-height: 1.42;
}

.peaks-case__examples {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #f0d7a8;
  border-radius: 11px;
  background: #fffaf0;
}

.peaks-case__examples > h3 {
  margin: 0 0 11px;
  color: #d97014;
  font-size: 15px;
}

.peaks-case__example-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.peaks-case__example {
  --status: var(--peaks-blue);
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 9px;
  min-height: 87px;
  padding: 13px;
  border: 1px solid color-mix(in srgb, var(--status) 35%, #fff);
  border-radius: 9px;
  background: #fff;
}

.peaks-case__example--green { --status: #13a66e; }
.peaks-case__example--yellow { --status: #f0a000; }
.peaks-case__example--blue { --status: var(--peaks-blue); }
.peaks-case__example--red { --status: #f03a3a; }

.peaks-case__example .peaks-case__status-dot {
  width: 16px;
  height: 16px;
}

.peaks-case__example strong {
  display: block;
  margin-bottom: 3px;
  color: var(--status);
  font-size: 13px;
}

.peaks-case__example p {
  margin-bottom: 0;
  color: var(--peaks-muted);
  font-size: 12px;
  line-height: 1.32;
}

.peaks-case__extra-work {
  display: grid;
  grid-template-columns: 40px auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 14px;
  padding: 14px 18px;
  border-radius: 10px;
  background: #edf1f4;
}

.peaks-case__gear {
  display: flex;
  width: 36px;
  height: 36px;
  color: #39577f;
}

.peaks-case__extra-work strong {
  font-size: 15px;
}

.peaks-case__extra-work p {
  margin: 0 0 0 auto;
  color: var(--peaks-muted);
  font-size: 13px;
  line-height: 1.38;
}

/* 05–07 — one warm commercial close, while CASE roles stay in DOM order. */
.peaks-case__closing {
  padding: var(--sds-label-top) 0 clamp(64px, 6vw, 92px);
  background: #fff;
}

.peaks-case__closing-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .38fr);
  gap: 24px 28px;
  align-items: stretch;
}

.peaks-case__scope {
  grid-column: 1;
  padding-bottom: 29px;
}

.peaks-case__scope h2 {
  margin-bottom: 26px;
}

.peaks-case__scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

.peaks-case__scope-grid h3,
.peaks-case__stack-grid h3 {
  margin-bottom: 14px;
  font-size: 18px;
}

.peaks-case__tick-list li {
  padding: 6px 0;
  border-bottom: 1px solid #ebf0f3;
}

.peaks-case__data-panel {
  padding: 20px 22px;
  border: 1px solid var(--peaks-line);
  border-radius: 11px;
  background: #fbfdff;
}

.peaks-case__data-list li {
  position: relative;
  padding: 7px 0 7px 17px;
  border-bottom: 1px solid #e8eef2;
  color: var(--peaks-muted);
  font-size: 14px;
  line-height: 1.36;
}

.peaks-case__data-list li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--peaks-teal);
  font-weight: 700;
}

.peaks-case__data-list li:last-child,
.peaks-case__tick-list li:last-child {
  border-bottom: 0;
}

.peaks-case__tech {
  grid-column: 1 / -1;
  grid-row: 2;
  padding: var(--sds-label-top) 28px 27px;
  border: 1px solid var(--peaks-line);
  border-radius: 14px;
  background: linear-gradient(135deg, #f7fbfd, #eef7fa);
}

.peaks-case__tech h2 {
  max-width: 760px;
  margin-bottom: 21px;
  font-size: clamp(28px, 2.2vw, 36px);
}

.peaks-case__stack-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.peaks-case__tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.peaks-case__tokens span {
  padding: 7px 9px;
  border: 1px solid #c8dae5;
  border-radius: 6px;
  background: rgba(255, 255, 255, .82);
  color: #29486d;
  font-size: 12px;
}

.peaks-case__github {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 21px;
  padding-top: 19px;
  border-top: 1px solid #ccdae4;
}

.peaks-case__github strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
}

.peaks-case__github p {
  margin-bottom: 0;
  color: var(--peaks-muted);
  font-size: 13px;
}

.peaks-case__github a {
  display: inline-flex;
  flex: none;
  gap: 8px;
  align-items: center;
  min-height: 43px;
  padding: 10px 16px;
  border: 1px solid var(--peaks-navy);
  border-radius: 7px;
  color: var(--peaks-navy);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.peaks-case__github a:hover {
  background: var(--peaks-navy);
  color: #fff;
}

.peaks-case__github a:focus-visible {
  outline: 3px solid var(--peaks-teal);
  outline-offset: 4px;
}

.peaks-case__github svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.peaks-case__contact {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: var(--sds-label-top) 25px 27px;
  border: 1px solid #f2c18e;
  border-radius: 14px;
  background: linear-gradient(145deg, #fffaf2 0%, #fff1de 100%);
  box-shadow: 0 18px 40px rgba(147, 79, 28, .08);
}

.peaks-case__contact h2 {
  margin-bottom: 14px;
  font-size: clamp(29px, 2.25vw, 37px);
  line-height: 1.08;
}

.peaks-case__contact > p {
  margin-bottom: 25px;
  color: var(--peaks-muted);
  font-size: 15px;
  line-height: 1.47;
}

.peaks-case__contact-actions {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  margin-top: auto;
}

@media (max-width: 1199px) {
  .peaks-case__hero,
  .peaks-case__hero-grid,
  .peaks-case__hero-copy {
    min-height: 820px;
  }

  .peaks-case__hero-copy {
    width: 56%;
  }

  .peaks-case__hero-copy h1 {
    font-size: 49px;
  }

  .peaks-case__hero-phones {
    width: min(42vw, 500px);
  }

  .peaks-case__hero-scene {
    object-position: 10% center;
  }

  .peaks-case__operator-grid {
    grid-template-columns: minmax(320px, .84fr) minmax(0, 1.16fr);
    gap: 35px;
  }

  .peaks-case__manager-grid {
    grid-template-columns: minmax(0, 1fr) minmax(390px, .85fr);
    gap: 42px;
  }

  .peaks-case__slogan--operator {
    top: 100px;
    left: 35.5%;
    width: 170px;
  }

  .peaks-case__slogan--manager {
    top: 67px;
    left: 54%;
    width: 270px;
  }

  .peaks-case__operator-proof {
    padding-top: 220px;
  }

  .peaks-case__manager-media {
    padding-top: 200px;
  }
}

@media (max-width: 899px) {
  .peaks-case__section {
    padding: var(--sds-label-top) 0 60px;
  }

  .peaks-case__hero,
  .peaks-case__hero-grid,
  .peaks-case__hero-copy {
    min-height: 0;
  }

  .peaks-case__hero-copy {
    width: 100%;
    padding: var(--sds-label-top) 0 20px;
  }

  .peaks-case__hero-copy h1 {
    max-width: 680px;
    font-size: 50px;
  }

  .peaks-case__hero-copy > p {
    max-width: 680px;
  }

  .peaks-case__hero-points {
    width: 100%;
    max-width: 700px;
  }

  .peaks-case__hero-phones {
    position: relative;
    right: auto;
    bottom: auto;
    width: min(760px, calc(100% - 2 * var(--sds-gutter)));
    margin: 0 auto;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 8%);
    mask-image: linear-gradient(180deg, transparent 0, #000 8%);
  }

  .peaks-case__hero-scene {
    object-position: 12% center;
  }

  .peaks-case__operator-grid,
  .peaks-case__manager-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .peaks-case__operator-copy,
  .peaks-case__manager-copy {
    max-width: 720px;
  }

  .peaks-case__operator-proof,
  .peaks-case__manager-media {
    width: 100%;
  }

  .peaks-case__slogan--operator,
  .peaks-case__slogan--manager {
    position: relative;
    top: auto;
    left: auto;
    width: min(390px, 80%);
    max-width: none;
    margin-top: -16px;
    margin-bottom: -12px;
    margin-left: auto;
    margin-right: 4%;
  }

  .peaks-case__slogan--manager {
    margin-top: -10px;
    margin-right: 7%;
  }

  .peaks-case__manager-media {
    padding-top: 0;
  }

  .peaks-case__operator-proof {
    grid-column: 1;
    grid-row: auto;
    padding-top: 0;
  }

  .peaks-case__manager-media {
    grid-column: 1;
    grid-row: auto;
  }

  .peaks-case__phone-figure--manager-one {
    transform: none;
  }

  .peaks-case__status-intro {
    grid-template-columns: minmax(0, 1fr) 270px;
    column-gap: 24px;
  }

  .peaks-case__slogan--status {
    width: 260px;
  }

  .peaks-case__status-grid,
  .peaks-case__example-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .peaks-case__extra-work {
    grid-template-columns: 40px 1fr;
  }

  .peaks-case__extra-work p {
    grid-column: 2;
    margin-left: 0;
  }

  .peaks-case__closing-grid {
    grid-template-columns: 1fr;
  }

  .peaks-case__scope,
  .peaks-case__tech,
  .peaks-case__contact {
    grid-column: 1;
    grid-row: auto;
  }

  .peaks-case__contact { min-height: 390px; }
}

@media (max-width: 599px) {
  .peaks-case__section,
  .peaks-case__closing {
    padding: var(--sds-label-top) 0 48px;
  }

  .peaks-case h2,
  .peaks-case__tech h2,
  .peaks-case__contact h2 {
    font-size: 31px;
    line-height: 1.11;
    letter-spacing: -.034em;
  }

  .peaks-case__lead {
    font-size: 16px;
  }

  .peaks-case__slogan {
    width: min(290px, 88%);
    margin: 4px 0 24px auto;
    text-align: center;
  }

  .peaks-case__status-intro {
    grid-template-columns: 1fr;
  }

  .peaks-case__status-intro h2,
  .peaks-case__slogan--status,
  .peaks-case__status-intro .peaks-case__status-lead {
    grid-column: 1;
    grid-row: auto;
  }

  .peaks-case__slogan--status {
    justify-self: end;
    margin-top: 5px;
  }

  .peaks-case__hero-copy {
    padding-top: var(--sds-label-top);
  }

  .peaks-case__hero-copy h1 {
    font-size: clamp(34px, 9.4vw, 41px);
    line-height: 1.07;
  }

  .peaks-case__hero-copy > p {
    font-size: 16px;
  }

  .peaks-case__hero-points {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .peaks-case__hero-points > div {
    display: grid;
    grid-template-columns: 39px minmax(0, 1fr);
    min-height: 0;
    padding: 13px 14px;
  }

  .peaks-case__point-icon {
    grid-row: 1 / span 2;
    margin-bottom: 0;
  }

  .peaks-case__hero-points strong {
    margin-bottom: 3px;
  }

  .peaks-case__phone-row--three,
  .peaks-case__phone-row--two,
  .peaks-case__scope-grid,
  .peaks-case__stack-grid,
  .peaks-case__status-grid,
  .peaks-case__example-grid {
    grid-template-columns: 1fr;
  }

  .peaks-case__phone-row--three,
  .peaks-case__phone-row--two {
    gap: 34px;
  }

  .peaks-case__phone-figure {
    width: min(255px, 78vw);
    margin-inline: auto;
  }

  .peaks-case__status-card {
    min-height: 0;
  }

  .peaks-case__extra-work {
    padding: 15px;
  }

  .peaks-case__scope-grid {
    gap: 25px;
  }

  .peaks-case__tech,
  .peaks-case__contact {
    padding: var(--sds-label-top) 20px 23px;
  }

  .peaks-case__github {
    display: block;
  }

  .peaks-case__github a {
    width: 100%;
    justify-content: center;
    margin-top: 17px;
  }

  .peaks-case__contact {
    min-height: 0;
  }

  .peaks-case__contact-actions .sds-cta-primary {
    width: 100%;
  }
}

@media (max-width: 359px) {
  .peaks-case__hero-copy h1 {
    font-size: 32px;
  }

  .peaks-case__phone-figure {
    width: min(238px, 80vw);
  }
}

/* Owner-approved compact rhythm: blocks 02–04 end at the same inset as they start. */
.peaks-case__operator,
.peaks-case__manager,
.peaks-case__status {
  padding-bottom: var(--sds-label-top);
}

@media (prefers-reduced-motion: reduce) {
  .peaks-case * {
    scroll-behavior: auto !important;
  }
}