/* Case page layout. Shared card styles: case-cards.css. */
.case-hero{background:var(--color-gray);padding-bottom:0}
.case-hero .hero-copy{padding-top:70px;padding-bottom:100px}
.case-hero h1{font-size:56px;line-height:1.5;letter-spacing:.08em}
.case-hero .hero-description{max-width:1000px;margin-top:30px;line-height:2.3}
.case-hero .hero-readmore{bottom:100px}
.case-selection{padding:115px 0 100px}
.case-details{padding:110px 0 140px;scroll-margin-top:30px}
.case-detail-inner{width:min(800px,calc(100% - 80px));margin-inline:auto}
.case-details h2{font-size:44px;margin-bottom:65px}
.case-company{font-size:28px;letter-spacing:.08em;margin-bottom:30px}
.company-overview{padding:32px 50px;background:#fff;margin-bottom:55px}
.company-overview h4{font-size:22px;letter-spacing:.08em;margin-bottom:16px}
.company-overview p{font-size:16px;line-height:2.3}
.case-question{margin-top:65px}
.company-overview+.case-question{margin-top:0}
.case-question .dot-heading{font-size:28px;letter-spacing:.07em;margin-bottom:24px}
.case-question p{font-size:16px;line-height:2.3}
.case-question p+p{margin-top:10px}
.case-question img{width:100%;height:auto;margin:32px 0}
.case-question img:last-child{margin-bottom:0}
.case-panel[hidden]{display:none}
.case-panel+.case-panel:not([hidden]){margin-top:100px}
.case-page.js-case-ready .case-panel{margin-top:0}
.case-panel-actions{border-top:1px solid #ccc;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:70px;padding-top:30px}
.case-return{font-size:14px;color:#666;text-decoration:underline;text-underline-offset:5px}
.case-return:hover{color:var(--color-orange)}
@media(min-width:768px) and (max-width:1050px){.case-hero h1{font-size:44px}
.case-hero .hero-description{max-width:80%}}
@media(max-width:767px){.case-hero .hero-copy{padding-top:32px;padding-bottom:70px}
.case-hero h1{font-size:28px;line-height:1.6;white-space:normal;letter-spacing:.05em}
.case-hero .hero-label{margin-bottom:14px}
.case-hero .hero-description{font-size:12px;line-height:2.1;margin-top:18px;max-width:100%;letter-spacing:.04em}
.case-hero .hero-readmore{bottom:25px;right:10px}
.case-selection{padding:60px 0}
.case-details{padding:60px 0 70px}
.case-detail-inner{width:calc(100% - 30px)}
.case-details h2{font-size:22px;margin-bottom:35px}
.case-company{font-size:17px;margin-bottom:20px;letter-spacing:.05em}
.company-overview{padding:20px;margin-bottom:28px}
.company-overview h4{font-size:14px;margin-bottom:10px}
.company-overview p{font-size:12px;line-height:2}
.case-question{margin-top:30px}
.case-question .dot-heading{font-size:16px;margin-bottom:14px;letter-spacing:.02em}
.case-question p{font-size:12px;line-height:2}
.case-question p+p{margin-top:10px}
.case-question img{margin:20px 0}
.case-panel-actions{gap:18px;margin-top:40px;padding-top:25px}
.case-panel-actions .text-link{font-size:12px;gap:10px}
.case-return{font-size:12px}}