.case-cover-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:48px}
.case-cover-layout>div:first-child{max-width:650px}
.case-cover-layout h1{font-size:clamp(52px,5.4vw,76px)}
.case-cover-layout .case-lead{max-width:650px}
.case-cover-browser{position:relative;display:block;justify-self:end;width:100%;max-width:650px;margin-top:0;border-radius:28px;box-shadow:0 34px 90px #22160e2b;transition:transform .3s ease,box-shadow .3s ease}
.case-cover-browser:hover{transform:translateY(-5px);box-shadow:0 40px 100px #22160e3d}
.case-cover-browser:focus-visible{outline:3px solid #ff5634;outline-offset:5px}
.case-cover-browser .case-browser-bar{position:relative;justify-content:flex-start}
.case-cover-browser .case-browser-bar span{position:absolute;left:50%;color:#8f8983;letter-spacing:.06em;font:700 10px/1 monospace;transform:translateX(-50%)}
.case-cover-browser img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.case-cover-label{position:absolute;z-index:2;right:22px;bottom:22px;padding:10px 13px;border:1px solid #ffffff38;border-radius:999px;color:#fff;background:#141311de;text-transform:uppercase;letter-spacing:.12em;font:800 9px/1 monospace;backdrop-filter:blur(8px)}
.case-section-intro{display:flex;flex-direction:column;align-items:flex-start}.case-section-intro h2{max-width:980px}.case-section-intro .case-copy{max-width:820px}.case-section-intro .case-copy p{max-width:820px}.case-solution-intro h2{color:#fff}.case-solution-intro .case-copy p{color:#b7aea6}.case-final-cta{color:#141311;background:#ff5634}.case-final-cta h2,.case-final-cta p,.case-final-cta .kicker{color:#141311}.case-final-cta .button-white{color:#141311;background:#fff}.case-final-cta .button-white:hover{color:#141311;background:#f5f1ea}
@media(max-width:980px){.case-cover-layout{display:block}.case-cover-browser{margin-top:44px}}
@media(max-width:640px){.case-cover-layout h1{font-size:clamp(45px,12.5vw,58px)}.case-cover-browser{margin-top:34px;border-radius:18px}.case-cover-browser .case-browser-bar span{display:none}.case-cover-browser img{height:310px;object-fit:cover;object-position:left top}.case-cover-label{right:12px;bottom:12px;padding:8px 10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.case-cover-browser{transition:none}}