.case-list{display:flex;flex-direction:column;gap:150px;margin-top:90px}.web-case{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:6vw;align-items:center}.web-case.reverse{grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr)}.web-case.reverse .browser-frame{order:2}.web-case.reverse .case-copy{order:1}.browser-frame{background:#1b1b1b;border:1px solid rgba(255,255,255,.16);border-radius:13px;overflow:hidden;box-shadow:0 45px 90px rgba(0,0,0,.4);transition:transform .5s ease,box-shadow .5s ease}.browser-frame:hover{transform:translateY(-8px);box-shadow:0 55px 110px rgba(0,0,0,.55)}.browser-bar{height:48px;padding:0 16px;display:flex;align-items:center;gap:7px;background:#242424;border-bottom:1px solid rgba(255,255,255,.1)}.browser-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#555}.browser-bar i:first-child{background:#f27a00}.browser-bar span{margin-left:12px;padding:7px 14px;border-radius:6px;background:#181818;color:#777;font-size:10px;letter-spacing:.04em;flex:1}.browser-bar b{font-size:12px;color:#888}.browser-frame a{display:block;overflow:hidden}.browser-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .8s ease,filter .5s ease}.browser-frame:hover img{transform:scale(1.025);filter:brightness(1.08)}.case-copy{padding:20px 0}.case-number{font-size:10px;letter-spacing:.16em;color:#666}.case-type{text-transform:uppercase;letter-spacing:.13em;color:#f27a00;font-size:10px;font-weight:800;margin:45px 0 13px}.case-copy h3{font-size:clamp(37px,4.3vw,66px);line-height:.93;margin-bottom:25px}.case-copy>p:not(.case-type){color:#8e8e8e;font-size:14px;line-height:1.75}.case-copy ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:27px 0 38px;gap:7px}.case-copy li{border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:8px 11px;color:#999;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.case-copy>a{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:color .25s}.case-copy>a:hover{color:#f27a00}.web-cta{margin-top:150px;padding:42px;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;gap:30px}.web-cta p{font:600 clamp(22px,3vw,40px)/1.2 Syne;margin:0;max-width:700px;letter-spacing:-.03em}@media(max-width:900px){.case-list{gap:95px}.web-case,.web-case.reverse{grid-template-columns:1fr}.web-case.reverse .browser-frame,.web-case.reverse .case-copy{order:initial}.case-copy{max-width:650px}.web-cta{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.case-list{margin-top:55px;gap:75px}.browser-bar{height:38px;padding:0 10px}.browser-bar span{padding:5px 8px}.browser-frame img{aspect-ratio:4/3}.case-type{margin-top:30px}.web-cta{margin-top:85px;padding:26px}}