.case-board-page{background:#f3f8fb}.case-board-page .site-header{position:sticky;top:0;background:rgba(255,255,255,.96)}
.case-board-hero{padding:88px clamp(20px,8vw,130px);background:linear-gradient(130deg,#e8f3f8 0%,#f8fbfd 58%,#d8e8f1 100%)}
.case-board-hero h1{margin:16px 0 24px;font-size:clamp(54px,7vw,96px);line-height:.95;letter-spacing:-.065em}.case-board-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#de6d42}.case-board-hero>p:not(.eyebrow){max-width:670px;color:#526b78;font-size:17px;line-height:1.75}.case-board-actions{display:flex;gap:10px;margin-top:30px}
.case-board{background:#fff}.case-board-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.case-board-heading h2{font-size:clamp(34px,4vw,58px);margin:8px 0 0;letter-spacing:-.045em}.case-board-heading>p{max-width:460px;color:#60727c;line-height:1.7}
.case-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-board-card{padding:0;border:1px solid #c8d5dc;background:#fff;text-align:left;cursor:pointer;overflow:hidden;color:#17384b}.case-board-card[hidden]{display:none}.case-board-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}.case-board-card:hover img{transform:scale(1.025)}.case-board-card-copy{padding:19px}.case-board-card-copy small{font-size:10px;letter-spacing:.12em;color:#d86f46;font-weight:900}.case-board-card-copy h3{font-size:22px;margin:8px 0}.case-board-card-copy p{margin:0;color:#657985;line-height:1.55;font-size:13px}.case-board-card-copy b{display:block;margin-top:17px;font-size:12px}.case-board-note{margin:30px 0 0;padding:18px;background:#eef4f7;color:#657985;font-size:12px;line-height:1.65}
.case-dialog[hidden]{display:none}.case-dialog{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px}.case-dialog-backdrop{position:absolute;inset:0;background:rgba(8,29,41,.76)}.case-dialog-panel{position:relative;z-index:1;width:min(1120px,100%);max-height:92vh;overflow:auto;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.3)}.case-dialog-copy{padding:42px}.case-dialog-copy h2{font-size:36px;margin:9px 0 12px;letter-spacing:-.04em}.case-dialog-copy>p{color:#647783;line-height:1.7}.case-dialog-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;background:#19394e;color:#fff;font-size:25px;cursor:pointer;z-index:2}.case-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.case-stage{margin:0;border:1px solid #ccd8de;background:#f4f8fa}.case-stage img,.case-stage-placeholder{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.case-stage-placeholder{display:grid;place-items:center;text-align:center;color:#7a8b94;background:repeating-linear-gradient(135deg,#edf3f6 0 10px,#f7fafb 10px 20px);font-size:12px;line-height:1.6}.case-stage figcaption{padding:13px 14px}.case-stage figcaption strong,.case-stage figcaption span{display:block}.case-stage figcaption strong{font-size:14px}.case-stage figcaption span{margin-top:4px;color:#71828b;font-size:11px}.case-check{padding:16px 0;border-top:1px solid #d7e0e5}.case-check strong{font-size:13px}.case-check p{margin:7px 0 0;color:#657985;font-size:13px;line-height:1.6}.case-dialog-actions{display:flex;gap:8px;margin-top:20px}
@media(max-width:900px){.case-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-board-heading{display:block}.case-stage-grid{grid-template-columns:1fr}.case-stage{display:grid;grid-template-columns:42% 58%}.case-stage img,.case-stage-placeholder{height:180px;aspect-ratio:auto}.case-stage figcaption{align-self:center}}
@media(max-width:620px){.case-board-hero{padding:60px 20px}.case-board-hero h1{font-size:58px}.case-board-actions{display:grid;grid-template-columns:1fr 1fr}.case-board-grid{grid-template-columns:1fr}.case-board-card{display:grid;grid-template-columns:42% 58%}.case-board-card img{height:100%;aspect-ratio:auto}.case-board-card-copy{padding:15px}.case-dialog{padding:10px}.case-dialog-copy{padding:30px 20px}.case-dialog-copy h2{font-size:29px}.case-stage{grid-template-columns:1fr}.case-stage img,.case-stage-placeholder{height:auto;aspect-ratio:4/3}.case-dialog-actions{display:grid;grid-template-columns:1fr 1fr}}

/* A/S 사례 제목과 카드 여백 조정 */
.case-board-hero h1{font-size:clamp(60px,7.5vw,104px);letter-spacing:-.055em}
.case-board-card-copy{padding:25px 24px 27px}
.case-board-card-copy small{font-size:12px;letter-spacing:.14em}
@media(max-width:620px){.case-board-hero h1{font-size:62px}.case-board-card-copy{padding:20px 18px 22px}}