.results-showcase{padding:110px max(24px,calc((100vw - 1240px)/2));background:linear-gradient(180deg,#f3f7f6,#fff)}.results-showcase>header{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:34px}.results-showcase h2{max-width:760px;margin:0}.results-showcase>header>p{margin:0;color:#63767d}.result-disclosure{display:flex;gap:12px;margin-bottom:38px;padding:16px 20px;border-left:3px solid #ef7c48;background:#fff;color:#63767d;font-size:13px}.result-disclosure strong{flex:none;color:#082d3d}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.result-case{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(8,45,61,.12)}.case-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#123d4a;touch-action:pan-y}.case-half{position:absolute;inset:0;overflow:hidden}.case-half img{position:absolute;top:0;width:200%;max-width:none;height:100%;object-fit:fill}.case-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.case-before img{left:0}.case-after{clip-path:inset(0 0 0 var(--position))}.case-after img{right:0}.case-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.case-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--position);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(8,45,61,.12);transform:translateX(-50%);pointer-events:none}.case-divider b{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:#0d4052;font-style:normal;box-shadow:0 8px 25px rgba(0,0,0,.22);transform:translate(-50%,-50%)}.case-label{position:absolute;z-index:3;top:18px;padding:7px 11px;border-radius:99px;background:rgba(5,29,39,.78);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.before-label{left:18px}.after-label{right:18px}.result-case>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;background:#fff;color:#13313c}.result-case>footer div span,.result-case>footer div strong{display:block}.result-case>footer div span{color:#ef7c48;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.result-case>footer button{padding:9px 0;border:0;border-bottom:1px solid rgba(8,45,61,.25);background:transparent;color:#082d3d;font-weight:800;cursor:pointer}.case-lightbox[hidden]{display:none}.case-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.case-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(3,20,27,.9)}.case-lightbox>div{position:relative;width:min(1100px,100%);overflow:hidden;border-radius:20px;background:#071f2a}.case-lightbox header{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;color:#fff}.case-lightbox header button{width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font-size:28px;cursor:pointer}.case-lightbox img{width:100%;max-height:78vh;object-fit:contain;background:#061a22}.case-lightbox-open{overflow:hidden}@media(max-width:760px){.results-showcase{padding:72px 18px}.results-showcase>header{grid-template-columns:1fr;gap:16px}.result-disclosure{display:block}.result-disclosure strong{display:block;margin-bottom:4px}.case-grid{grid-template-columns:1fr;gap:20px}.result-case{border-radius:16px}.case-stage{aspect-ratio:4/3}.result-case>footer{padding:15px 16px}.result-case>footer button{font-size:12px}.case-label{top:12px}.before-label{left:12px}.after-label{right:12px}.case-lightbox{padding:10px}.case-lightbox>div{border-radius:14px}}