.cases-hero{margin-top:calc(var(--header-height) + var(--topbar-height));padding:clamp(64px,8vw,118px) 0 clamp(55px,6vw,82px);color:#fff;background:radial-gradient(circle at 83% 13%,rgba(99,236,251,.38),transparent 22%),radial-gradient(circle at 73% 76%,rgba(29,50,216,.55),transparent 30%),linear-gradient(122deg,#081a40,#102e70)}
.cases-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.6fr);gap:48px;align-items:end}.cases-hero h1{max-width:850px;margin:18px 0 0;color:#fff;font-size:clamp(3rem,6.2vw,6rem);letter-spacing:-.065em;line-height:.98}.cases-hero h1 span{color:#8cecfb}.cases-hero-grid p{margin:0 0 5px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.8}.cases-hero-note{display:flex;align-items:center;gap:10px;margin-top:58px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.68);font-size:12px;font-weight:700;letter-spacing:.04em}.cases-hero-note i{display:block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(99,236,251,.14)}
.case-gallery{padding-block:clamp(48px,7vw,104px);background:#fff}.case-gallery-head{display:grid;grid-template-columns:1fr minmax(250px,400px);gap:32px;align-items:end;margin-bottom:clamp(30px,4vw,52px)}.case-gallery-head h2{margin:10px 0 0;font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.055em}.case-gallery-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.case-gallery-head kbd{padding:3px 7px;border:1px solid var(--line);border-radius:5px;color:var(--navy);background:#fff;font-family:inherit;font-size:10px;font-weight:800}
.case-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-flow:dense;gap:clamp(12px,1.5vw,22px)}.case-tile{position:relative;min-height:245px;overflow:hidden;padding:0;border:0;border-radius:var(--radius-sm);background:var(--navy);cursor:pointer;isolation:isolate}.case-tile-wide{grid-column:span 2;min-height:390px}.case-tile-tall{grid-row:span 2;min-height:520px}.case-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .45s ease}.case-tile::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,25,61,.02) 30%,rgba(7,25,61,.88));transition:background .3s ease}.case-label{position:absolute;z-index:2;right:24px;bottom:20px;left:24px;color:#fff;text-align:left}.case-label small{display:block;margin-bottom:5px;color:#9cecf9;font-size:10px;font-weight:800;letter-spacing:.13em}.case-label strong{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.25}.case-zoom{position:absolute;z-index:3;top:20px;right:20px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:#fff;background:rgba(255,255,255,.12);font-size:24px;font-weight:300;opacity:0;transform:translateY(8px);transition:.3s}.case-tile:hover img,.case-tile:focus-visible img{transform:scale(1.07);filter:saturate(1.1)}.case-tile:hover::after,.case-tile:focus-visible::after{background:linear-gradient(180deg,rgba(7,25,61,.08),rgba(7,25,61,.92))}.case-tile:hover .case-zoom,.case-tile:focus-visible .case-zoom{opacity:1;transform:none}.case-tile:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.cases-cta{padding:0 0 clamp(48px,7vw,96px);background:#fff}.cases-cta-box{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:clamp(32px,5vw,62px);border-radius:var(--radius);color:#fff;background:linear-gradient(115deg,#0a1f44,#173c80);box-shadow:var(--shadow-lg)}.cases-cta h2{margin:9px 0 0;color:#fff;font-size:clamp(1.7rem,3.3vw,3rem)}.cases-cta h2 span{color:#8cecfb}.cases-cta .button{white-space:nowrap}
body.lightbox-open{overflow:hidden}.lightbox{position:fixed;z-index:200;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(14px,3vw,38px);color:#fff;background:rgba(4,13,34,.97);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}.lightbox.is-open{opacity:1;visibility:visible}.lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:46px}.lightbox-count{color:rgba(255,255,255,.62);font-size:12px;font-weight:800;letter-spacing:.12em}.lightbox-close,.lightbox-arrow{display:grid;place-items:center;border:1px solid rgba(255,255,255,.23);color:#fff;background:rgba(255,255,255,.08);cursor:pointer;transition:.2s}.lightbox-close{width:44px;height:44px;border-radius:50%;font-size:28px;font-weight:300;line-height:1}.lightbox-main{position:relative;display:grid;place-items:center;min-height:0;padding:20px clamp(42px,7vw,110px)}.lightbox-image{display:block;max-width:100%;max-height:calc(100vh - 190px);object-fit:contain;box-shadow:0 25px 70px rgba(0,0,0,.35)}.lightbox-arrow{position:absolute;top:50%;width:48px;height:48px;border-radius:50%;font-size:20px;transform:translateY(-50%)}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-close:hover,.lightbox-arrow:hover,.lightbox-close:focus-visible,.lightbox-arrow:focus-visible{border-color:var(--cyan);color:var(--navy);background:var(--cyan);outline:0}.lightbox-bottom{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;max-width:1000px;width:100%;margin:auto}.lightbox-caption small{display:block;margin-bottom:4px;color:#8cecfb;font-size:10px;font-weight:800;letter-spacing:.13em}.lightbox-caption strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:16px}.lightbox-thumbs{display:flex;gap:6px;max-width:48vw;overflow:auto;padding:4px}.lightbox-thumb{width:48px;height:38px;flex:0 0 auto;overflow:hidden;padding:0;border:2px solid transparent;border-radius:5px;background:transparent;cursor:pointer;opacity:.55}.lightbox-thumb.is-active{border-color:var(--cyan);opacity:1}.lightbox-thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.cases-hero-grid,.case-gallery-head,.cases-cta-box{grid-template-columns:1fr}.cases-hero-grid{gap:20px}.cases-hero-grid p{max-width:460px}.cases-hero-note{margin-top:38px}.case-grid{grid-template-columns:1fr 1fr;gap:12px}.case-tile,.case-tile-wide,.case-tile-tall{min-height:220px;grid-column:auto;grid-row:auto}.case-tile-wide{grid-column:span 2;min-height:310px}.case-label{right:17px;bottom:15px;left:17px}.case-zoom{top:14px;right:14px;opacity:1;transform:none}.cases-cta .button{justify-self:start}.lightbox-main{padding:16px 44px}.lightbox-image{max-height:calc(100vh - 210px)}.lightbox-bottom{grid-template-columns:1fr}.lightbox-thumbs{max-width:100%;width:100%}}
@media(max-width:460px){.case-grid{grid-template-columns:1fr}.case-tile,.case-tile-wide,.case-tile-tall{grid-column:auto;min-height:250px}.case-tile-wide{min-height:290px}.lightbox{padding:14px}.lightbox-main{padding:16px 32px}.lightbox-arrow{width:38px;height:38px}.lightbox-bottom{gap:12px}}
@media(prefers-reduced-motion:reduce){.case-tile img,.lightbox{transition:none}}