/* Real-site application detail */
.case-detail{width:min(1120px,calc(100% - 48px));padding-top:34px;padding-bottom:72px;color:#17212a}
.case-back{display:inline-flex;align-items:center;min-height:44px;color:#24577a;font-size:13px;font-weight:700}
.case-back:hover{text-decoration:underline;text-underline-offset:4px}
.case-back:focus-visible{outline:2px solid #24577a;outline-offset:4px}
.case-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin:28px 0 36px}
.case-intro .eyebrow{color:#24577a;font-size:11px;letter-spacing:.14em}
.case-intro h1{margin:0;font-size:48px;line-height:1.2;letter-spacing:-.045em}
.case-intro p{margin:16px 0 0;color:#66717b;font-size:16px;word-break:keep-all}
.case-facts{display:grid;grid-template-columns:repeat(3,auto);gap:28px;margin:0;padding-bottom:3px}
.case-facts dt{margin-bottom:8px;color:#66717b;font-size:12px}
.case-facts dd{margin:0;font-size:15px;font-weight:700;white-space:nowrap}
.case-photo{min-width:0;margin:0}
.case-photo img{width:100%;height:auto;background:#eef1f3}
.case-photo figcaption{display:flex;align-items:baseline;gap:16px;padding:18px 0 0}
.case-photo-number{flex:none;color:#8794a0;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.case-photo h2,.case-photo h3{margin:0;font-size:18px;letter-spacing:-.025em}
.case-photo p{margin:4px 0 0;color:#66717b;font-size:13px}
.case-exterior,.case-interior{margin-top:64px;padding-top:36px;border-top:1px solid #d9dde0}
.case-section-heading{margin-bottom:28px}
.case-section-heading .eyebrow{color:#24577a;font-size:11px}
.case-section-heading h2{margin:0;font-size:30px;line-height:1.25;letter-spacing:-.04em}
.case-section-heading p{margin:12px 0 0;color:#66717b;font-size:14px;word-break:keep-all}
.case-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.case-photo-wide{grid-column:1 / -1}
.case-pager{margin-top:54px;padding-top:20px;border-top:1px solid #d9dde0}
@media(max-width:980px){
  .case-heading{grid-template-columns:1fr;gap:24px}
  .case-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:20px;border-top:1px solid #d9dde0}
}
@media(max-width:640px){
  .case-detail{width:calc(100% - 32px);padding-top:20px;padding-bottom:48px}
  .case-heading{margin:20px 0 26px;gap:20px}
  .case-intro h1{font-size:36px}
  .case-intro p{margin-top:12px;font-size:15px}
  .case-facts dd{font-size:14px}
  .case-photo-grid{grid-template-columns:1fr;gap:28px}
  .case-photo figcaption{gap:12px;padding-top:14px}
  .case-photo h2,.case-photo h3{font-size:17px}
  .case-exterior,.case-interior{margin-top:40px;padding-top:28px}
  .case-section-heading h2{font-size:26px}
  .case-section-heading{margin-bottom:24px}
  .case-pager{margin-top:36px}
}