/* Adaapt case study: project accent + Adaapt-specific blocks (template lives in case.css). */
.case--adaapt { --accent: #4742dd; --accent-soft: #f1f0fd; }
.case--adaapt .case-hero { margin-top: 0; }
.case--adaapt .case-sec { gap: 28px; }
.case--adaapt .case-sec--features { gap: 36px; }

/* figures are #f5f5f5 cards with 24.5px corners */
.case--adaapt .case-fig .fc { border-radius: 24.5px; }

/* Feature cards: 520 card + text column bottom-aligned (desktop) · stacked (mobile) */
.case-feature { display: flex; align-items: flex-end; gap: 28px; }
.case-feature__card { flex: none; width: 520px; height: 520px; max-width: none; border-radius: 40px; }
.case-feature__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; padding-bottom: 8px; }
.case-feature__tag { font-size: 12px; line-height: 15px; color: var(--accent); }
.case-feature__text h3 { font-weight: 500; font-size: 18px; line-height: 22px; color: #121212; }
.case-feature__text p:last-child { font-size: 13px; line-height: 21px; color: rgba(18, 18, 18, 0.6); }

@media (max-width: 767px) {
  .case--adaapt .case-sec { gap: 20px; }
  .case--adaapt .case-sec--features { gap: 28px; }
  .case--adaapt .case-fig .fc { border-radius: 20px; }
  .case-feature { flex-direction: column; align-items: stretch; gap: 20px; }
  .case-feature__card { width: 100%; height: auto; aspect-ratio: 1; border-radius: 28px; }
  .case-feature__text { padding-bottom: 0; }
  .case-feature__tag { font-size: 13px; line-height: 16px; }
  .case-feature__text h3 { font-size: 20px; line-height: 24px; }
  .case-feature__text p:last-child { line-height: 20px; }
}

/* Figma sets "Th" with the font's liga glyph; Chrome drops ligatures when letter-spacing ≠ 0 unless asked */
.case--adaapt .case-h2 { font-variant-ligatures: common-ligatures; font-feature-settings: "liga" 1; }
/* Approach rows: label is top-aligned in the 32px row (Figma), not centred */
.case--adaapt .case-sub--icon { align-items: flex-start; }
.case--adaapt .case-sub--icon span { top: 1px; }
@media (max-width: 767px) {
  .case--adaapt .case-sub--icon span { top: 0; }
  /* the fitted ideation figure ends 0.02px short of Figma's fractional height; keep later rows on Figma's pixel grid */
  .case--adaapt #wireframes { margin-top: .05px; }
}
@media (max-width: 767px) { .case--adaapt .case-sec .case-eyebrow { top: -.4px; } }