.case-study-hero{min-height:650px;height:80svh}
.case-study-hero h1{font-size:clamp(62px,8vw,128px);overflow-wrap:anywhere}
.case-study-hero .page-hero-art{opacity:.43}
.case-study-section{max-width:1280px;margin:auto;padding:100px clamp(25px,5vw,70px) 140px}
.case-study-meta{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #ffffff35;padding:18px 0 42px;color:#a9b3c0;font-size:10px;letter-spacing:.12em}
.case-study-meta span:first-child{color:#f33545}
.case-study-frame{overflow:hidden;border:1px solid #ffffff33;border-radius:5px;background:#11151b;box-shadow:0 40px 100px #0008}
.case-study-frame .browser-bar{height:36px;padding-inline:18px;font-size:9px}
.case-study-frame img{display:block;width:100%;height:auto;max-height:800px;object-fit:cover;object-position:top}
.case-study-copy{display:grid;grid-template-columns:1fr .85fr;gap:10%;padding:70px 0 80px;border-bottom:1px solid #ffffff28}
.case-study-copy h2{font:500 clamp(36px,5vw,70px)/1.05 Outfit,sans-serif;letter-spacing:-.05em;max-width:650px;margin:18px 0 0;color:#f5f5f6}
.case-study-copy p{align-self:end;max-width:510px;color:#b6bfcb;font:400 clamp(16px,1.4vw,19px)/1.7 Inter,sans-serif;margin:0}
.case-study-links{display:flex;justify-content:space-between;gap:25px;padding-top:30px}
.case-study-links .quiet-link{color:#e9edf2}
@media(max-width:700px){
 .case-study-hero{min-height:620px;height:auto}
 .case-study-hero h1{font-size:clamp(44px,11vw,68px)!important}
 .case-study-section{padding:75px 24px 95px}
 .case-study-meta{flex-direction:column;gap:12px;line-height:1.6;padding-bottom:30px}
 .case-study-frame .browser-bar{height:30px;font-size:7px}
 .case-study-frame img{max-height:none}
 .case-study-copy{grid-template-columns:1fr;gap:22px;padding:50px 0 55px}
 .case-study-copy h2{font-size:clamp(36px,9.5vw,52px)}
 .case-study-copy p{font-size:15px}
 .case-study-links{flex-direction:column;gap:16px}
}