.case-hero{background:linear-gradient(135deg,#08141f,#00334f 60%,#00507a);padding:0 0 4rem;color:#f5f6fa}
.case-hero .crumb{padding-top:calc(var(--envbar-h) + var(--header-h) + 2.5rem);font-family:var(--font-mono);font-size:1.25rem;color:rgba(245,246,250,.6);margin-bottom:2.6rem}
.case-hero .crumb a{color:#7fc9d4;text-decoration:none}
.case-hero .eyebrow{color:#7fc9d4}
.case-hero h1{font-size:clamp(40px,4.8vw,64px);line-height:1.15;margin:.9rem 0 1.2rem;color:#fff}
.case-hero .pd-sub{font-size:1.7rem;line-height:1.75;color:rgba(245,246,250,.75);margin:0 0 2rem}
.case-client{display:inline-flex;align-items:center;gap:.9rem;font-family:var(--font-mono);font-size:1.3rem;color:#f5f6faa6;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.8rem 1.5rem;background:rgba(255,255,255,.05)}
.case-client i{width:.6rem;height:.6rem;border-radius:50%;background:#00e1ff;box-shadow:0 0 8px #00e1ffb3;flex:none}
.sec-tint{background:#f6fafd}
.case-mband{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;border:1px solid #e4ebf6;border-radius:1.4rem;background:#fff;box-shadow:0 14px 40px #00334f0d;padding:2.6rem 2rem}
.case-m .n{font-size:clamp(26px,3vw,38px);font-weight:800;color:#0b63f6;line-height:1}
.case-m .l{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.08em;color:#5b6b84;margin-top:.7rem}
@media(max-width:900px){.case-mband{grid-template-columns:1fr 1fr}}
.case-chal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
@media(max-width:1000px){.case-chal-grid{grid-template-columns:1fr}}
.case-chal{border-top:3px solid #00e1ff;background:linear-gradient(180deg,#f6fafd,#fff);border-radius:0 0 10px 10px;padding:1.8rem 1.6rem 1.6rem;box-shadow:0 14px 40px #00334f0d}
.case-chal b{display:block;font-size:1.55rem;color:#0a2540;margin-bottom:.7rem}
.case-chal p{font-size:1.38rem;line-height:1.75;color:#5b6b84;margin:0}
.case-sol{max-width:860px;margin-bottom:2.6rem}
.case-sol p{font-size:1.55rem;line-height:1.95;color:#22435c;margin:0}
.spec-table thead th{font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.08em;color:#57768f;text-align:left;padding:1rem 1.4rem;border-bottom:2px solid #dbe4f0}
.spec-table td.q{font-family:var(--font-mono);color:#0b63f6;white-space:nowrap}
.case-figs{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem}
@media(max-width:900px){.case-figs{grid-template-columns:1fr}}
.case-quote{max-width:860px;margin:3.4rem auto 0;border-left:4px solid #00e1ff;padding:.6rem 0 .6rem 2.4rem}
.case-quote p{font-size:clamp(1.7rem,2.2vw,2.1rem);line-height:1.8;color:#0a2540;margin:0 0 1rem;font-weight:600}
.case-quote cite{font-style:normal;font-family:var(--font-mono);font-size:1.3rem;color:#57768f}
.case-rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:860px}
@media(max-width:700px){.case-rel-grid{grid-template-columns:1fr}}
.case-rel{border:1px solid #e4ebf6;border-radius:1.2rem;overflow:hidden;background:#fff;box-shadow:0 14px 40px #00334f0d;text-decoration:none;transition:transform .2s,box-shadow .2s}
.case-rel:hover{transform:translateY(-4px);box-shadow:0 24px 60px #00e1ff2e}
.case-rel img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.case-rel b{display:block;padding:1.4rem 1.6rem 0;font-size:1.6rem;color:#0a2540}
.case-rel span{display:block;padding:.5rem 1.6rem 1.6rem;font-size:1.35rem;color:#5b6b84}
.wall-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
@media(max-width:1100px){.wall-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wall-grid{grid-template-columns:1fr}}
.field-card{border:1px solid #e4ebf6;border-radius:1.4rem;overflow:hidden;background:#fff;box-shadow:0 14px 40px #00334f0d;text-decoration:none;transition:transform .2s,box-shadow .2s}
.field-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px #00e1ff2e}
.field-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a1f33}
.field-thumb picture{display:contents}
.field-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.field-card:hover .field-thumb img{transform:scale(1.05)}
.field-tag{position:absolute;left:1.2rem;top:1.2rem;padding:.45rem 1.1rem;border-radius:999px;background:rgba(0,36,56,.82);backdrop-filter:blur(6px);border:1px solid rgba(0,225,255,.3);color:#7fc9d4;font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.08em}
.field-body{padding:1.6rem 1.7rem 1.8rem}
.field-body b{display:block;font-size:1.6rem;color:#0a2540;margin-bottom:.6rem}
.field-body p{font-size:1.32rem;color:#5b6b84;margin:0 0 1rem;line-height:1.6}
.field-more{font-size:1.3rem;font-weight:600;color:#0b63f6}