/* Company cases share the careers listing's hero, width, search and list rhythm. */
.cases-page { --doc-accent: #00a363; }
.cases-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.cases-heading h2 { font-size: 48px; font-weight: 700; line-height: 1.4; letter-spacing: -1.92px; }
.cases-filters { display: flex; align-items: center; flex-wrap: wrap; }
.cases-filters button { white-space: nowrap; transition: background-color .2s, color .2s; }
.cases-filters button[data-case-filter="all"] { font-family: Pretendard, sans-serif; font-weight: 600; }
.cases-list .jobs-copy h3 { line-height: 1.5; word-break: keep-all; }
.cases-summary { margin-top: 6px; color: #6c6c6c; font-size: 15px; line-height: 1.7; letter-spacing: -.45px; word-break: keep-all; overflow-wrap: anywhere; }
.cases-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.cases-meta li { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 4px; background: var(--pale); color: #6c6c6c; font-size: 12px; font-weight: 500; line-height: 16px; }
.cases-list:has(+ .jobs-empty:not([hidden])) { padding-top: 0; }
.cases-page .jobs-empty { background: white; }
.cases-reset.button { min-height: 28px; padding: 6px 12px; border-radius: 4px; background: #eee; color: #979797; font: 500 14px/1.2 Pretendard, sans-serif; letter-spacing: -.56px; transition: background-color .2s, color .2s; }
@media (hover: hover) and (pointer: fine) {
  .cases-reset.button:hover { background: #e6e6e6; color: #6c6c6c; }
}
@media (max-width: 760px) {
  .cases-heading h2 { font-size: 34px; line-height: 1.4; letter-spacing: -1.36px; }
  .cases-summary { font-size: 14px; }
  .cases-reset.button { min-height: 36px; padding-block: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .cases-page { scroll-behavior: auto; }
  .cases-page *, .cases-page *::before { transition: none !important; }
}