.info-page[data-page="cases"] .info-hero { background-image: url("images/spaces/05-doctor-room.jpg"); background-position: center 55%; }
.case-board { padding: 100px 24px 135px; background: #eee9e1; }
.case-board-inner { width: min(1440px, 100%); margin: 0 auto; }
.case-board-intro { max-width: 760px; margin: 0 auto 62px; text-align: center; }
.case-board-intro p:first-child { color: #8b7664; font-family: Aboreto, Georgia, serif; font-size: 18px; }
.case-board-intro h2 { margin: 16px 0 20px; color: #2c211a; font-size: clamp(32px, 3vw, 43px); letter-spacing: -.04em; }
.case-board-intro p:last-child { color: #685a50; font-size: 17px; line-height: 1.7; word-break: keep-all; }
.case-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 38px; }
.case-filters button { min-height: 43px; padding: 9px 20px; border: 1px solid #b9a99a; border-radius: 22px; color: #5b4d43; background: transparent; font: 600 14px/1.2 Pretendard, sans-serif; cursor: pointer; }
.case-filters button[aria-pressed="true"], .case-filters button:hover { color: #fff; border-color: #34251c; background: #34251c; }
.case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; }
.case-card { min-width: 0; padding: 25px; background: #fff; box-shadow: 0 12px 35px rgba(44, 31, 23, .05); }
.case-card-meta { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 18px; color: #8d7a69; font-size: 13px; }
.case-card-category { letter-spacing: .02em; font-weight: 700; }
.case-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.case-photo { min-width: 0; margin: 0; background: #f2eee9; }
.case-photo-frame { display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; }
.case-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.case-photo figcaption { padding: 10px 12px; color: #fff; background: #35271e; font-size: 14px; font-weight: 600; text-align: center; }
.case-card h3 { margin: 23px 0 0; color: #281e17; font-size: 23px; letter-spacing: -.035em; line-height: 1.35; word-break: keep-all; }
.case-card-details { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; color: #78685b; font-size: 14px; }
.case-card-body { margin: 17px 0 0; color: #574a40; font-size: 15px; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }
.case-disclaimer { margin: 44px auto 0; color: #76695f; font-size: 14px; line-height: 1.65; text-align: center; word-break: keep-all; }
.case-empty { padding: 95px 25px; color: #6d5d51; background: #fff; font-size: 19px; text-align: center; }
.case-pagination { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 58px; }
.case-pagination button { min-width: 36px; min-height: 36px; border: 0; color: #84776b; background: transparent; cursor: pointer; font: 600 16px/1 Pretendard, sans-serif; }
.case-pagination button[aria-current="page"] { color: #2c211a; }
.case-pagination button:disabled { opacity: .35; cursor: default; }
@media(max-width:900px) { .case-grid { grid-template-columns: 1fr; } }
@media(max-width:600px) { .case-board { padding: 68px 16px 85px; } .case-board-intro { margin-bottom: 40px; } .case-board-intro p:first-child { font-size: 15px; } .case-board-intro p:last-child { font-size: 14px; } .case-card { padding: 12px 12px 22px; } .case-compare { gap: 6px; } .case-photo figcaption { padding: 8px; font-size: 12px; } .case-card h3 { font-size: 19px; margin-top: 17px; } .case-card-body { font-size: 14px; } .case-disclaimer { font-size: 12px; } }