/* Case Study mobile export 2300:20102. Larger layouts remain independent. */
@media (max-width: 767px) {
  html body.fenix-figma-case-studies-page .fenix-case-studies-page { padding-top: 94px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) :is(.fenix-case-studies-hero__inner, .fenix-case-studies-listing__inner, .fenix-home-testimonials .fenix-home-shell, .fenix-case-study-cta__inner) { width: calc(100% - 32px) !important; max-width: none !important; margin-inline: auto !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-hero { height: auto !important; min-height: 394px; padding: 140px 0 80px !important; background: linear-gradient(rgb(3 5 55 / 43%), rgb(3 5 55 / 43%)), url('../../images/case-studies-pc/hero.webp') center / cover no-repeat; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-hero::before { background: linear-gradient(90deg, rgb(90 41 187 / 80%) 25.85%, rgb(90 41 187 / 0%) 74.15%); }
  html body.fenix-figma-case-studies-page .fenix-case-studies-hero::after { content: ''; position: absolute; inset: -1px 0 auto; height: 212px; pointer-events: none; background: linear-gradient(180deg, #030537 7.04%, rgb(3 5 55 / 0%) 92.88%); }
  html body.fenix-figma-case-studies-page .fenix-case-studies-hero__inner { padding: 0 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-hero h1 { margin: 0 0 48px !important; font-size: 52px !important; line-height: 60px !important; font-weight: 700 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-hero p { width: 100% !important; font-size: 14px !important; line-height: 22px !important; font-weight: 400 !important; color: var(--fenix-primary-50) !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-listing { padding: 64px 0 0 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-listing__inner { display: flex !important; flex-direction: column; gap: 16px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar { display: flex !important; width: 100%; }
  html body.fenix-figma-case-studies-page :is(.fenix-case-study-filterbar__active, .fenix-case-study-filterbar__chips) { display: none !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__button { display: inline-flex !important; align-items: center; justify-content: center; width: 142px !important; height: 52px !important; margin: 0 !important; padding: 0 16px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__icon { width: 24px !important; height: 24px !important; background: url('../../images/case-studies-tablet/filter.svg') center / 20px 18px no-repeat !important; mask: none !important; -webkit-mask: none !important; }
  html body.fenix-figma-case-studies-page :is(.fenix-case-study-results, .fenix-case-study-grid) { width: 100% !important; max-width: none !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-results { gap: 40px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; padding: 0 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-card { position: relative; width: 100% !important; min-width: 0; min-height: 398px !important; padding: 0 !important; gap: 24px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-card > picture { display: block !important; width: 100%; height: 256px; flex: 0 0 256px; }
  html body.fenix-figma-case-studies-page .fenix-case-study-card__image { content: normal; width: 100% !important; height: 256px !important; aspect-ratio: auto !important; border-radius: 24px !important; object-fit: cover; }
  html body.fenix-figma-case-studies-page .fenix-case-study-card::after { content: ''; position: absolute; inset: 0 0 auto; height: 256px; border-radius: 24px; background: rgb(94 45 158 / 11%); pointer-events: none; }
  /* Exported body width is 375px inside a 358px card; contain real localized text. */
  html body.fenix-figma-case-studies-page .fenix-case-study-card__body { width: 100% !important; grid-template-rows: 22px 48px 16px; min-height: 118px !important; gap: 16px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-card h2 { height: 22px !important; min-height: 22px !important; font-size: 14px !important; line-height: 22px !important; font-weight: 700 !important; overflow-wrap: normal; }
  html body.fenix-figma-case-studies-page .fenix-case-study-card p { min-height: 48px !important; height: 48px !important; margin: 0 !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-pagination { max-width: 100%; gap: 8px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-pagination > * { font-size: 14px !important; line-height: 20px !important; flex-shrink: 1; min-width: 0; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials { padding: 64px 0 0 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials .fenix-home-shell { min-height: 0 !important; height: auto !important; gap: 32px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials .fenix-home-heading { width: 100% !important; min-height: 118px !important; height: auto !important; gap: 12px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials h2 { height: auto !important; min-height: 40px !important; margin: 0 !important; font-size: 32px !important; line-height: 40px !important; font-weight: 700 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials .fenix-home-heading p { width: 100% !important; height: auto !important; min-height: 66px !important; font-size: 14px !important; line-height: 22px !important; font-weight: 400 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials .fenix-home-heading p span { display: inline !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonial-row { width: 100% !important; height: auto !important; min-height: 142px !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; padding: 0 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote { width: 100% !important; height: auto !important; min-height: 142px !important; gap: 24px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote blockquote { width: 100% !important; height: auto !important; min-height: 66px !important; font-size: 14px !important; line-height: 22px !important; font-weight: 700 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote figcaption { width: 100% !important; height: auto !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark { display: none !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials .fenix-home-button { width: 180px !important; font-size: 14px !important; line-height: 20px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta { padding: 64px 0 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__inner { position: relative; isolation: isolate; overflow: hidden; height: auto !important; min-height: 264px !important; padding: 40px 32px !important; flex-direction: column !important; align-items: center !important; gap: 24px !important; border: 0 !important; border-radius: 24px !important; background: rgb(27.7 14.1 84.25) !important; box-shadow: 0 8px 32px 8px rgb(48 29 101 / 4%), 0 20px 26px 4px rgb(48 29 101 / 6%), 0 10px 11px -6px rgb(48 29 101 / 6%) !important; }
  /* Inverse source radial transform for the 358 x 264 mobile frame. */
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__inner::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 50% 50% at 50% 50%, rgb(59.55 42.83 114.67), rgb(62.15 31 121.95) 58.7%, rgb(27.7 14.1 84.25)); transform-origin: 0 0; transform: matrix(1.457253, -1.277256, .100791, 1.457253, -76.303172, 184.80107); }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__inner::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 4px var(--fenix-primary-200); pointer-events: none; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__content { width: 100% !important; flex: 0 0 auto !important; min-height: 116px !important; padding: 8px !important; gap: 8px !important; text-align: center !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__content p { font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; }
  /* Zero tracking needs a wider centered text frame than the export's -1px tracking. */
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__content h2 { width: calc(100% + 32px) !important; max-width: 310px !important; align-self: center; margin-inline: -16px; font-size: 28px !important; line-height: 36px !important; font-weight: 700 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__button { width: 152px !important; min-width: 152px !important; height: 44px !important; min-height: 44px !important; font-size: 14px !important; line-height: 20px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__button span:last-child { width: 24px; height: 24px; font-size: 0; background: url('../../images/case-studies-pc/arrow-up-right.svg') center / 10px 10px no-repeat; }
}