/* Case studies need a tighter reading rhythm than broad service landing pages. */
.ls-case-page #main>.ls-section{padding-block:clamp(28px,3.5vw,50px)}
.ls-case-page #main>.ls-hero{padding-top:clamp(112px,9vw,136px);padding-bottom:30px}
.ls-case-page .ls-hero .ls-breadcrumb{margin-bottom:24px}
.ls-case-page .ls-hero h1{font-size:clamp(34px,4.1vw,60px);line-height:1.1;margin:14px 0 20px}
.ls-case-page .ls-hero .ls-lead{font-size:15px;line-height:1.8!important;margin-bottom:18px}
.ls-case-page .ls-hero .ls-actions{margin-top:20px}
.ls-case-page .ls-case-screen{margin-top:28px}
.ls-case-page .ls-explain{align-items:start;gap:clamp(22px,4vw,58px)}
.ls-case-page .ls-explain h2{font-size:clamp(28px,3vw,42px);line-height:1.14;margin-bottom:0}
.ls-case-page .ls-explain p:last-child{margin-bottom:0}
.ls-case-page .ls-explain p,.ls-case-page .ls-card p{font-size:14px;line-height:1.8}
.ls-case-page .ls-explain .ls-list{margin-block:16px 0;gap:10px}
.ls-case-page .ls-explain .ls-list li{font-size:13px}
.ls-case-page .ls-card{padding:24px}
.ls-case-page .ls-three{gap:18px}
.ls-case-page .ls-three+.ls-note{margin-top:18px;margin-bottom:0;font-size:11px;max-width:100ch}
.ls-case-page .ls-quote blockquote{font-size:clamp(21px,2.3vw,32px);line-height:1.5;margin:16px 0 20px;max-width:56ch}
.ls-case-page .ls-quote>p:last-child{margin-bottom:0}
.ls-case-page #main>.ls-consult{margin-block:24px 50px}
@media(min-width:761px){.ls-case-page .ls-explain{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:760px){.ls-case-page #main>.ls-section{padding-block:28px}.ls-case-page #main>.ls-hero{padding-top:108px;padding-bottom:24px}.ls-case-page .ls-explain{grid-template-columns:1fr;gap:18px}.ls-case-page .ls-hero h1{font-size:clamp(33px,7vw,48px)}.ls-case-page .ls-hero .ls-lead{font-size:14px}.ls-case-page .ls-explain h2{font-size:29px}.ls-case-page .ls-case-screen figcaption{padding:12px 16px;font-size:11px}.ls-case-page #main>.ls-consult{margin-block:16px 36px}.ls-case-page .ls-quote blockquote{font-size:22px}}
