.case-nav{display:flex;gap:30px;font-size:12px;font-weight:800}.case-nav a:hover{text-decoration:underline;text-underline-offset:4px}.case-main{padding-block:48px 95px}.case-breadcrumb{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--muted);margin-bottom:47px}.case-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.case-heading h1{margin-bottom:22px}.case-heading p:last-child{max-width:670px;color:var(--muted);font-size:17px}.case-stamp{border:1px solid var(--line);padding:18px 20px;min-width:160px;display:flex;flex-direction:column;gap:6px;background:#fff}.case-stamp span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--accent-dark)}.case-stamp strong{font-size:21px}.case-stamp small{color:var(--muted)}.case-notice{display:flex;gap:20px;background:var(--soft);border-left:3px solid var(--accent);padding:16px 20px;font-size:13px;margin-bottom:27px}.case-notice strong{white-space:nowrap}.case-notice span{color:var(--muted)}.gallery-app{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line)}.gallery-header>div:first-child{display:flex;align-items:center;gap:11px}.gallery-header h2{font-size:14px;margin:0;letter-spacing:-.02em}.gallery-header small{font-size:11px;color:var(--muted);margin-left:10px}.gallery-arrows{display:flex;gap:7px}.gallery-arrows button{border:1px solid var(--line);background:#fff;border-radius:4px;min-width:35px;min-height:33px}.gallery-arrows button:hover{background:var(--soft)}.gallery-tabs{display:flex;gap:8px;padding:14px 22px;overflow-x:auto;border-bottom:1px solid var(--line)}.gallery-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:4px;padding:9px 13px;font-size:11px;font-weight:800;white-space:nowrap}.gallery-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.screenshot-button{width:100%;padding:0;border:0;background:#e8eeeb;position:relative;display:block}.screenshot-button img{width:100%;aspect-ratio:1660/935;object-fit:contain}.screenshot-button span{position:absolute;right:15px;bottom:15px;color:#fff;background:#142c35;padding:9px 12px;border-radius:4px;font-size:11px;font-weight:800}.gallery-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:18px 22px;border-top:1px solid var(--line)}.gallery-bottom strong{font-size:16px}.gallery-bottom p{font-size:12px;color:var(--muted);margin:5px 0 0}.gallery-bottom>span{white-space:nowrap;color:var(--muted);font-size:11px}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.case-details article{border:1px solid var(--line);background:#fff;padding:30px}.case-details article>span{font-size:10px;letter-spacing:.14em;color:var(--accent-dark);font-weight:800}.case-details h2{font-size:24px;margin:29px 0 12px}.case-details p{font-size:13px;color:var(--muted);margin-bottom:0}.case-details a{font-size:12px;font-weight:800;color:var(--accent-dark);display:inline-block;margin-top:16px}.case-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 32px;background:var(--soft);border-radius:8px;margin-top:28px}.case-cta>div{display:flex;flex-direction:column;gap:5px}.case-cta span{font-size:11px;color:var(--muted)}.case-cta strong{font-size:20px;letter-spacing:-.035em}#image-dialog{border:0;border-radius:10px;padding:12px;width:min(96vw,1400px);max-height:94vh;background:#fff}#image-dialog::backdrop{background:rgba(4,20,25,.82)}#image-dialog img{width:100%;height:auto;max-height:83vh;object-fit:contain}#close-dialog{display:block;margin-left:auto;background:var(--ink);color:#fff;border:0;border-radius:4px;padding:9px 12px;font-weight:800;margin-bottom:9px}@media(max-width:650px){.case-nav{gap:12px;font-size:10px}.case-nav a:last-child{display:none}.case-main{padding-block:35px 60px}.case-breadcrumb{margin-bottom:34px}.case-heading{display:block}.case-heading h1{font-size:46px}.case-heading p:last-child{font-size:15px}.case-stamp{margin-top:20px;width:max-content}.case-notice{display:block}.case-notice strong{display:block;margin-bottom:7px}.gallery-header{padding:13px}.gallery-tabs{padding:12px}.gallery-bottom{padding:15px;display:block}.gallery-bottom>span{display:block;margin-top:10px}.case-details{grid-template-columns:1fr}.case-details article{padding:24px}.case-cta{padding:24px;display:block}.case-cta .button{margin-top:20px}}
.screenshot-button img{height:auto}
