.project-page{background:#141a1c;color:#f6f7f7}
.project-page .skip-link{color:#171b1c}
.case-header{height:98px;width:min(1450px,86%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #ffffff24}
.case-header .brand{width:195px}
.case-back{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px;color:#d0d9da}
.case-back:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.case-main{width:min(1450px,86%);margin:auto}
.case-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding:70px 0 45px}
.case-intro .eyebrow{color:#bbc6c8;font-size:11px;letter-spacing:.16em}
.case-intro h1{font-size:clamp(64px,7vw,108px);font-weight:500;letter-spacing:-.065em;line-height:1.08;margin-top:12px}
.case-intro-copy{max-width:425px;justify-self:end}
.case-intro h2{font-size:clamp(23px,2.25vw,32px);letter-spacing:-.04em;line-height:1.25}
.case-intro-copy p{color:#bbc6c8;font-size:15px;line-height:1.7;margin-top:14px}
.case-comparison .comparison-images{gap:24px}
.case-comparison .project-image-link>img{aspect-ratio:16/10}
.case-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;margin:38px 0 0;padding:27px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.case-facts dt{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#bbc6c8;margin-bottom:8px}
.case-facts dd{font-size:14px;line-height:1.6;margin:0}
.case-contact{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:64px 0 72px}
.case-contact h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.045em;line-height:1.2}
.case-contact p{color:#bbc6c8;font-size:15px;margin-top:14px}
.case-contact .button{gap:24px;flex-shrink:0}
.case-footer{padding:24px 7%;gap:24px}
.case-footer nav{display:flex;gap:30px;font-size:13px}
.case-footer a{display:inline-flex;align-items:center;min-height:44px}
.case-footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.case-header{height:80px;width:88%;gap:16px}.case-header .brand{width:146px}.case-back{font-size:12px;gap:8px}.case-main{width:88%}.case-intro{grid-template-columns:1fr;gap:25px;padding:40px 0 30px}.case-intro h1{font-size:64px}.case-intro-copy{justify-self:start;max-width:410px}.case-intro h2{font-size:25px}.case-intro-copy p{font-size:14px;margin-top:12px}.case-comparison .comparison-images{gap:28px}.case-facts{grid-template-columns:1fr;gap:22px;margin-top:28px;padding:26px 0}.case-contact{display:block;padding:40px 0 45px}.case-contact .button{margin-top:24px;width:100%}.case-contact p{font-size:14px}.case-footer{padding:20px 6%;flex-direction:column;align-items:flex-start;gap:8px}.case-footer nav{gap:24px}}
