.case-page{max-width:1160px}.case-back{display:inline-block;margin-top:36px;color:#68734c;font-size:14px}.case-heading{padding:40px 0}.case-heading h1{font-size:clamp(42px,6vw,76px);margin:15px 0}.case-heading>p:last-child{max-width:720px;font-size:14px}.showcase{padding:50px;border-radius:16px}.large-browser{overflow:hidden;background:#fffdf6;border-radius:10px;box-shadow:0 20px 45px #26331f25}.large-browser .bar span{margin-left:15px;font-size:11px}.demo-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:50px;align-items:center}.demo-hero h2{font-size:42px}.demo-hero svg{width:100%;height:auto}.demo-hero p{font-size:15px}.demo-strip{display:flex;justify-content:space-around;gap:15px;padding:25px;border-top:1px solid #d9dbd1;font-size:13px}.case-brief,.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.case-brief h2{font-size:30px}.phone-preview{padding:35px;border-radius:14px;max-width:320px;margin:auto}.phone-screen{background:#fffdf6;border:7px solid #283322;border-radius:28px;padding:26px 18px;box-shadow:0 15px 25px #28332220}.phone-screen small{font-size:9px;font-weight:bold;letter-spacing:1px}.phone-screen h3{font-size:23px;line-height:1.1}.phone-screen svg{width:100%;height:auto}.phone-item{border-top:1px solid #d9dbd1;padding:10px 0;font-size:11px}.palette{display:flex;gap:10px;margin-top:30px}.palette span{font-size:10px;font-family:monospace}.palette span:before{content:'';display:block;width:65px;height:50px;border-radius:5px;background:var(--swatch);margin-bottom:8px}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.scope-grid article{padding:25px;border-top:1px solid #b4bf9f}.scope-grid h3{font-size:18px}.handover{padding:28px;background:#e9ecdf;border-radius:10px;margin-top:25px;display:grid;grid-template-columns:1fr 2fr;gap:12px 30px}.handover h3,.handover p{margin:0}.case-end{padding:45px;background:#e0e7d3;border-radius:12px;margin-bottom:60px}.case-end p{max-width:630px}@media(max-width:800px){.showcase{padding:20px}.demo-hero{grid-template-columns:1fr;padding:25px;gap:10px}.demo-hero h2{font-size:29px}.demo-hero svg{max-height:170px}.demo-strip{font-size:10px;padding:15px;gap:8px}.case-brief,.case-layout{grid-template-columns:1fr;gap:30px}.scope-grid{grid-template-columns:1fr 1fr}.handover{grid-template-columns:1fr}.case-end{padding:25px}}