.case-main{max-width:1320px;margin:auto;padding:60px 5vw 80px}.case-main h1{font-size:clamp(48px,6.5vw,92px);max-width:950px;letter-spacing:-4px;margin:28px 0}.case-lead{max-width:660px;font-size:18px;line-height:1.7;color:var(--muted)}.case-status{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.case-status span{padding:9px 13px;border:1px solid var(--line);font-size:11px;border-radius:30px}.case-status span:first-child{background:#2458ef;color:white;border-color:#2458ef}.case-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.case-topline a{font-size:12px;text-decoration:underline;text-underline-offset:5px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:48px 0}.comparison figure{margin:0;min-width:0}.comparison figcaption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;font-size:12px}.comparison figcaption span{font-size:10px;color:var(--muted)}.capture-window{display:block;aspect-ratio:16/10;overflow:hidden;background:#111827;border:1px solid #c8c9c6}.capture-window img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s}.capture-window:hover img{transform:scale(1.025)}.capture-link{display:inline-block;font-size:11px;text-decoration:underline;text-underline-offset:5px;margin-top:12px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:42px 0;border-top:1px solid var(--line)}.case-columns h2,.case-gallery h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin:0 0 18px}.case-columns p,.case-columns li,.case-gallery p{font-size:15px;line-height:1.8;color:var(--muted)}.case-columns ul{padding-left:18px}.case-gallery{border-top:1px solid var(--line);padding-top:42px}.case-gallery>img{display:block;width:100%;margin-top:26px;border:1px solid var(--line)}.device-pair{display:grid;grid-template-columns:1fr 230px;gap:32px;align-items:start;margin:35px 0}.device-pair figure{margin:0;min-width:0}.device-pair img{width:100%;display:block;border:1px solid var(--line)}.device-pair figcaption{font-size:11px;color:var(--muted);margin-top:12px}.case-bottom{padding:25px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.7}.real-card .visual{background:#d9dfeb}.real-card .site-capture{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.real-card .real-badge{position:absolute;top:15px;left:15px;background:#2458ef;color:white;padding:9px 12px;font-size:9px;border-radius:20px}.real-card .view-switch{bottom:14px}.real-card .text-button{display:inline-block}.website-image-link{position:absolute;inset:0}.real-card .website-image-link:focus-visible{outline-offset:-6px}.video-player{width:100%;height:440px;background:#121317;object-fit:contain;display:block}.campaign-photo{width:100%;height:100%;object-fit:contain;display:block;background:#141518}.image-campaign .visual{height:480px;background:#141518}.case-footer-link{font-size:13px;text-decoration:underline;text-underline-offset:5px} @media(max-width:700px){.case-main{padding:38px 6vw 55px}.case-main h1{font-size:51px;letter-spacing:-2.5px}.case-lead{font-size:15px}.comparison,.case-columns,.device-pair{grid-template-columns:1fr;gap:30px}.comparison{margin:32px 0}.case-columns{padding:30px 0}.device-pair figure:last-child{max-width:260px;margin:auto}.video-player{height:470px}.image-campaign .visual{height:430px}.case-topline .eyebrow{font-size:8px}.case-status{gap:7px}.case-status span{font-size:10px}}

.case-goal{font-size:14px;line-height:1.7;max-width:780px;color:#434c44;margin:22px 0}.case-goal strong{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#3f8f52;margin-bottom:7px}
