/* Case Study Details 2239:4899, 1512px handoff. */
@media (min-width: 1280px) {
  html body.fenix-figma-case-study-detail-body .fenix-site-main { padding-top: 94px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-detail-page { padding: 0 !important; gap: 0 !important; }
  html body.fenix-figma-case-study-detail-body :is(.fenix-case-detail-breadcrumb__inner, .fenix-case-detail-overview__inner, .fenix-case-detail-story__inner, .fenix-case-detail-related__inner) {
    width: min(1192px, calc(100% - 64px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-breadcrumb { background: var(--fenix-neutral-50); border: 0; box-shadow: inset 0 1px var(--fenix-neutral-200), inset 0 -1px var(--fenix-neutral-200); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-breadcrumb__inner { padding-inline: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview { padding: 80px 0 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__content { gap: 40px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__heading { gap: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-tags { height: auto !important; min-height: 44px; gap: 8px !important; flex-wrap: wrap !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-tags span { max-width: 100%; white-space: normal; padding: 12px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview h1 { font-size: 48px !important; line-height: 56px !important; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-meta { gap: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-meta div { display: flex; flex-direction: column; gap: 12px; min-height: 80px; margin: 0; padding: 0 0 20px; border: 0; box-shadow: 0 1px var(--fenix-neutral-200); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-meta :is(dt, dd) { font-size: 16px; line-height: 24px; text-align: left; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-visual { height: 588px; border-radius: 8px; position: relative; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story { padding: 120px 0 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story__inner { gap: 80px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story :is(p, li) { font-size: 18px !important; line-height: 28px !important; font-weight: 400; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story h2 { font-size: 36px !important; line-height: 44px !important; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-split { grid-template-columns: minmax(0, 1fr) 0 minmax(0, 1fr); gap: 56px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-split::before { background: var(--fenix-neutral-200); }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials { padding: 172px 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials .fenix-home-shell {
    width: 1191px !important;
    max-width: calc(100% - 64px) !important;
    min-height: 565px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 56px !important;
    margin-inline: auto !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials .fenix-home-heading {
    width: 1191px !important;
    max-width: 100% !important;
    min-height: 136px !important;
    margin: 0 !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials .fenix-home-heading h2 {
    width: 1191px !important;
    max-width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    font-size: 48px !important;
    line-height: 56px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials .fenix-home-heading p {
    width: 1191px !important;
    max-width: 100% !important;
    min-height: 56px !important;
    margin: 24px auto 0 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    text-align: center !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials .fenix-home-heading p span {
    display: block !important;
    max-width: 625px !important;
    margin-inline: auto !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonial-row {
    width: 1191px !important;
    max-width: 100% !important;
    height: 273px !important;
    display: grid !important;
    grid-template-columns: 273px 579px 273px !important;
    gap: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote-mark {
    width: 273px !important;
    height: 273px !important;
    position: relative !important;
    display: block !important;
    transform: none !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote-mark span {
    display: block !important;
    position: absolute !important;
    top: 34.125px !important;
    width: 79.625px !important;
    height: 204.75px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    transform: none !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote-mark--left span:first-child {
    left: 35.125px !important;
    right: auto !important;
    background-image: url('../../images/case-studies-pc/quote-left-light.svg') !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote-mark--left span:last-child {
    left: 160.25px !important;
    right: auto !important;
    background-image: url('../../images/case-studies-pc/quote-left-dark.svg') !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote-mark--right span:first-child {
    left: 34.125px !important;
    right: auto !important;
    background-image: url('../../images/case-studies-pc/quote-right-dark.svg') !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote-mark--right span:last-child {
    left: 159.25px !important;
    right: auto !important;
    background-image: url('../../images/case-studies-pc/quote-right-light.svg') !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote {
    width: 579px !important;
    height: 164px !important;
    min-height: 0 !important;
    gap: 24px !important;
    margin: 0 !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote blockquote {
    width: 579px !important;
    height: auto !important;
    min-height: 84px !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-quote figcaption {
    width: 579px !important;
    height: 24px !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonial-dots {
    width: 74px !important;
    height: 8px !important;
    gap: 4px !important;
    margin: 0 !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials .fenix-home-button--center {
    width: 180px !important;
    min-width: 180px !important;
    height: 44px !important;
    margin: 0 auto !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related { margin-top: 172px !important; padding: 120px 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__inner { gap: 56px !important; height: auto !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading { position: relative; align-items: start; gap: 24px; min-height: 136px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__heading-row { display: contents; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading p { width: calc(100% - 192px); font-size: 20px; line-height: 28px; font-weight: 400; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__button { position: absolute !important; bottom: 0; right: 0; width: 160px; min-width: 160px; height: 44px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__grid { grid-template-columns: repeat(3, minmax(0, 375px)); }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card { min-height: 444px; padding: 0; gap: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__body { width: 100% !important; min-height: 164px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image { height: 256px; border-radius: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card h2 { min-height: 28px !important; font-size: 20px; line-height: 28px; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card p { height: 60px; min-height: 60px !important; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__tags { height: auto; flex-wrap: wrap !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__tags span { max-width: 100%; white-space: normal; padding: 12px !important; font-size: 14px; line-height: 20px; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-cta__inner { width: min(1192px, calc(100% - 64px)) !important; max-width: none !important; }
}
@media (min-width: 768px) {
  html body.fenix-figma-case-study-detail-body [data-case-slug='event-ticket-selling-system'] img { content: url('../../images/case-study-details-pc/ticket.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image[data-case-slug='register-chat-bot-ai'] img { content: url('../../images/case-study-details-pc/chatbot.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image[data-case-slug='ai-powered-call-center'] img { content: url('../../images/case-study-details-pc/call-center.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-visual::after { content: ''; position: absolute; inset: 0; background: rgb(94 45 158 / 11%); pointer-events: none; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution { grid-template-columns: 80px minmax(0, 1fr); gap: 32px; min-height: 0; padding: 48px 40px; border-radius: 24px; background: linear-gradient(180deg, rgb(41 19 100 / 84%) 22.667%, rgb(94 45 158 / 84%) 121.212%), #030537; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution > div:last-child { display: flex; flex-direction: column; gap: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution :is(h2, p) { margin: 0; color: white; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution__icon { width: 80px; height: 80px; border: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--fenix-primary-200); background: url('../../images/case-study-details-pc/solution.svg') 15px 13px / 51px 54px no-repeat var(--fenix-primary-800); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution__icon::before,
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution__icon::after { content: none; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-diagram { display: block; margin: 0; width: 100%; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-diagram img { width: 100%; height: auto; display: block; }
}