/* V18.7 — expanded case gallery and refined navigation */
:root{--navy:#082844;--ink:#102c45;--muted:#607286;--gold:#f2a126;--line:#e3ebf1;--soft:#f5f9fc}
main .hero>img{content:url('/assets/v187/hero-van-clean.webp')}
.case-page{background:var(--soft)}
.case-page .site-header{position:relative;top:auto;background:#fff;box-shadow:0 5px 22px rgba(8,40,68,.08)}
.case-page .nav-wrap{min-height:82px;gap:18px}
.case-page .brand{min-width:235px}
.case-page .brand img{content:url('/assets/v186/anime-locksmith-logo.webp');width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #e5ad2f;margin-right:11px;box-shadow:0 5px 16px rgba(8,40,68,.16)}
.case-page nav{gap:10px}
.case-page nav{gap:18px}
.case-page nav a{padding:12px 10px;border-radius:10px;font-size:17px;font-weight:800;line-height:1.25;transition:.2s ease}
.case-page nav a:hover,.case-page nav a[aria-current="page"]{background:#edf4f9;color:#0b4168}
.case-page .nav-actions button{cursor:pointer;padding:9px 14px}
.case-hero{padding:72px 20px 38px;background:linear-gradient(135deg,#eef6fb 0%,#fff 72%)}
.case-hero .wrap{max-width:1180px}
.case-hero .eyebrow{margin:0 0 10px;color:#c77c0b;font-weight:800;letter-spacing:.08em}
.case-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.12;margin:0 0 18px;color:var(--navy)}
.case-hero p{font-size:18px;color:var(--muted);max-width:820px;margin:0}
.case-note{max-width:1180px;margin:28px auto 0;padding:0 20px;color:var(--muted)}
.case-note strong{color:var(--navy)}
.case-grid{max-width:1180px;margin:auto;padding:30px 20px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(8,40,68,.08);transition:transform .2s ease,box-shadow .2s ease}
.case-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(8,40,68,.13)}
.case-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9f0f5}
.case-card div{padding:19px 20px 22px}
.case-card h2{font-size:20px;line-height:1.4;margin:0 0 8px;color:var(--navy)}
.case-card p{margin:0;color:#66798c;line-height:1.65}
.case-card .tag{display:inline-block;margin-bottom:10px;padding:4px 9px;border-radius:999px;background:#edf4f9;color:#1d5b84;font-size:12px;font-weight:800}
.case-page footer b{display:block}
@media(max-width:980px){.case-page nav{order:3;width:100%;display:none;flex-direction:column;padding:0 0 16px}.case-page .site-header.open nav{display:flex}.case-page .menu-btn{display:block}.case-page .nav-actions{display:flex}.case-page .nav-actions .call{display:none}.case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.case-page .topbar{font-size:12px}.case-page .nav-wrap{min-height:70px}.case-page .brand img{width:46px;height:46px}.case-page .brand small{display:none}.case-page .brand b{font-size:19px}.case-hero{padding:48px 18px 26px}.case-hero h1{font-size:36px}.case-hero p{font-size:16px}.case-grid{grid-template-columns:1fr;padding:24px 16px 65px}.case-card img{aspect-ratio:16/11}}
.case-page a.case-card{display:block;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.case-page a.case-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(11,47,85,.16)}
.case-page a.case-card:focus-visible{outline:3px solid #ff8a1f;outline-offset:4px}
.case-card.featured-case{grid-column:1/-1}
.case-card .case-gallery{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#e8eef3}
.case-card .case-gallery.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-card .case-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.case-card .case-copy{padding:20px 22px 24px}
.case-card .case-copy small{display:block;margin-top:12px;color:#7890a3;font-weight:700}
@media(max-width:620px){.case-card .case-gallery,.case-card .case-gallery.cols-2{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}.case-card .case-gallery img{scroll-snap-align:start;aspect-ratio:4/3}.case-card .case-gallery::-webkit-scrollbar{height:5px}.case-card .case-gallery::-webkit-scrollbar-thumb{background:#a7bac8;border-radius:999px}}