/* Case Study tablet 2300:19666; PC and mobile retain their own layouts. */
@media (min-width: 768px) and (max-width: 1279px) {
  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% - 64px) !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: 428px; padding: 152px 0 100px !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 h1 { margin: 0 0 56px !important; font-size: 64px !important; line-height: 72px !important; font-weight: 700 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-hero p { font-size: 18px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--fenix-primary-50) !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-listing { padding: 120px 0 0 !important; }
  html body.fenix-figma-case-studies-page .fenix-case-studies-listing__inner { display: flex !important; flex-direction: column; gap: 24px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar { display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; gap: 24px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__button { display: inline-flex !important; align-items: center; justify-content: center; font-size: 15px !important; line-height: 22px !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 .fenix-case-study-filterbar__active { display: flex !important; align-items: center; gap: 10px !important; font-size: 18px !important; line-height: 24px !important; color: var(--fenix-neutral-900); }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__active a { color: var(--fenix-primary-500); font-size: 15px !important; line-height: 22px !important; font-weight: 400; text-decoration: underline; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__chips { display: flex !important; width: 100%; flex-wrap: wrap; gap: 16px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__chips > span { min-height: 48px !important; display: inline-flex; align-items: center; gap: 8px !important; padding: 12px !important; font-size: 13px !important; line-height: 18px !important; color: var(--fenix-neutral-600); background: var(--fenix-neutral-100) !important; border: 0 !important; border-radius: 8px !important; box-shadow: inset 0 0 0 1px var(--fenix-neutral-400); }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__chips > span:first-child { width: 416px; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__chips > span:last-child { width: 199px; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filterbar__chips b { flex: 0 0 24px; width: 24px; height: 24px; margin-left: auto; font-size: 0 !important; background: url('../../images/case-studies-tablet/close.svg') center / 12px 12px no-repeat; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filter { left: 0 !important; right: 0 !important; width: 100vw !important; max-width: none !important; transform: translateY(110%) !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filter:target { transform: translateY(110%) !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-filter.is-open { transform: translateY(0) !important; }
  html body.fenix-figma-case-studies-page :is(.fenix-case-study-filter__top, .fenix-case-study-filter__all, .fenix-case-study-filter__divider, .fenix-case-study-filter__group, .fenix-case-study-filter__actions) { width: calc(100% - 64px) !important; max-width: 704px !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: repeat(2, minmax(0, 1fr)) !important; gap: 32px 24px !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: 406px !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; border-radius: 24px !important; }
  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 text frames overrun their 340px tracks; constrain them to avoid overlap. */
  html body.fenix-figma-case-studies-page .fenix-case-study-card__body { width: 100% !important; grid-template-rows: 24px 54px 16px; min-height: 126px !important; gap: 16px !important; }
  html body.fenix-figma-case-studies-page .fenix-case-study-card h2 { height: 24px !important; min-height: 24px !important; font-size: 18px !important; line-height: 24px !important; font-weight: 700 !important; overflow-wrap: normal; }
  /* Keep the source's 60px text slot without revealing a partial fourth line. */
  html body.fenix-figma-case-studies-page .fenix-case-study-card p { min-height: 54px !important; height: 54px !important; margin: 0 !important; font-size: 13px !important; line-height: 18px !important; font-weight: 400 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials { padding: 120px 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: 48px !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: 112px !important; height: auto !important; gap: 16px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials h2 { height: auto !important; min-height: 48px !important; margin: 0 !important; font-size: 40px !important; line-height: 48px !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: 48px !important; font-size: 18px !important; line-height: 24px !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 { max-width: 650px; display: block; margin-inline: auto; }
  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: 150px !important; grid-template-columns: 120px minmax(0, 1fr) 120px !important; gap: 24px !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: 150px !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: 72px !important; font-size: 18px !important; line-height: 24px !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: 15px !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-quote-mark { display: block !important; position: relative; width: 120px !important; height: 120px !important; transform: none !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark::before,
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark::after,
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark span::before,
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark span::after { content: none !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark span { display: block !important; position: absolute; inset: 15px auto auto 15px !important; width: 35px !important; height: 90px !important; border: 0 !important; border-radius: 0 !important; transform: none !important; background: url('../../images/case-studies-tablet/quote-left-light.svg') center / 100% 100% no-repeat !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark span:nth-child(2) { left: 70px !important; background-image: url('../../images/case-studies-tablet/quote-left-dark.svg') !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark--right span:first-child { background-image: url('../../images/case-studies-tablet/quote-right-dark.svg') !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-quote-mark--right span:nth-child(2) { background-image: url('../../images/case-studies-tablet/quote-right-light.svg') !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-home-testimonials .fenix-home-button { font-size: 15px !important; line-height: 22px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta { padding: 120px 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: 314px; padding: 48px 64px !important; flex-direction: column !important; align-items: flex-start !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; }
  /* Source radial matrix converted to the 704 x 314 tablet 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, -.772506, .166642, 1.457253, -150.0487, 219.8013); }
  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: 142px !important; padding: 8px !important; gap: 8px !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__content p { font-size: 15px !important; line-height: 22px !important; font-weight: 400 !important; }
  html body:is(.fenix-figma-case-studies-page, .fenix-figma-case-study-detail-body) .fenix-case-study-cta__content h2 { width: 440px !important; font-size: 40px !important; line-height: 48px !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: 174px !important; height: 52px !important; min-width: 174px !important; font-size: 15px !important; line-height: 22px !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; }
}