.wk-hero{position:relative;overflow:hidden;color:var(--tc-on-dark);background:linear-gradient(160deg,var(--navy-900),var(--navy-800) 60%,var(--tc-navy-950))}
.wk-hero.wk-hero-img{background-color:var(--navy-900);background-image:var(--tc-scrim-sol),url(img/works/hero.jpg);background-size:cover;background-position:right center;background-repeat:no-repeat}
.wk-hero .wrap{padding:72px var(--tc-gutter) 88px}
.wk-hero h1{font-size:var(--tc-fs-h1);line-height:1.12;margin:0 0 16px;max-width:22ch}
.wk-hero .lead{font-size:var(--tc-fs-lead-sm);color:var(--tc-on-dark-lead);max-width:62ch;margin:0 0 30px}
.wk-hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.wk-hero .crumbs,.wk-hero .crumbs a{color:var(--tc-on-dark-2)}
.wk-index{list-style:none;margin:0 0 48px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 24px}
.wk-index a{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--tc-line);color:var(--navy-800);text-decoration:none;font-weight:600;font-size:15px}
.wk-index a:hover,.wk-index a:focus-visible{color:var(--cyan-dark)}
.wk-index span,.wk-no span{color:var(--cyan-dark);font-weight:800;font-variant-numeric:tabular-nums}
.wk-list{display:grid;gap:56px}
.wk-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;scroll-margin-top:96px}
.wk-item.wk-rev .wk-fig{order:2}
.wk-fig{position:relative;margin:0;border-radius:var(--tc-radius-lg);overflow:hidden;box-shadow:var(--tc-shadow-card);aspect-ratio:3/2;background:var(--bg)}
.wk-fig img,.wk-ph{display:block;width:100%;height:100%;object-fit:cover}
.wk-ph{background:linear-gradient(135deg,var(--navy-800),var(--navy-700))}
.wk-cap{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(var(--tc-navy-900-rgb),.72);color:var(--tc-on-dark)}
.wk-no{margin:0 0 8px;font-size:var(--tc-fs-cap);letter-spacing:1.5px;text-transform:uppercase;color:var(--tc-muted);font-weight:700}
.wk-body h2{font-size:var(--tc-fs-h3-lg);line-height:1.3;margin:0 0 12px;color:var(--navy-800)}
.wk-body p{margin:0 0 16px;color:var(--tc-ink)}
.wk-range{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:8px 14px;border-radius:var(--tc-radius-sm);background:var(--bg);border:1px solid var(--tc-line);font-size:15px}
.wk-range-l{color:var(--tc-muted)}
.wk-range b{color:var(--navy-800);font-size:18px}
.wk-close{color:var(--tc-on-dark);background:linear-gradient(160deg,var(--navy-900),var(--navy-800));text-align:center}
.wk-close .wrap{padding:72px var(--tc-gutter)}
.wk-close h2{font-size:var(--tc-fs-h2);margin:0 0 8px}
.wk-close p{max-width:70ch;margin:0 auto 16px;color:var(--tc-on-dark-2)}
.wk-close .wk-tag{color:var(--cyan);font-weight:700;letter-spacing:1px}
.wk-close .wk-steps{font-weight:700;letter-spacing:2px;color:var(--tc-on-dark);margin-bottom:40px}
.wk-cta{max-width:640px;margin:0 auto;padding:28px;border:1px solid var(--tc-line-on-dark);border-radius:var(--tc-radius-lg)}
.wk-cta h3{margin:0 0 8px;font-size:22px}
.wk-close :focus-visible,.wk-hero :focus-visible{outline-color:var(--tc-focus-ring-on-dark);box-shadow:none}
.wk-svc{margin:12px 0 0}.wk-svc a{font-weight:700;color:var(--cyan-dark)}
.wk-note{margin:0 0 20px;color:var(--tc-muted);font-size:14px}
@media (max-width:700px){.wk-hero.wk-hero-img{background-image:var(--tc-scrim-narrow),url(img/works/hero-800.jpg)}}
@media (max-width:820px){
  .wk-item{grid-template-columns:1fr;gap:20px}
  .wk-item.wk-rev .wk-fig{order:0}
  .wk-list{gap:44px}
  .wk-hero .wrap{padding:48px var(--tc-gutter) 56px}
}
.wk-trust{margin:0 0 28px}.wk-trust-h{font-weight:700;color:var(--navy-800);margin:0 0 10px;font-size:18px}
.wk-trust .ind-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.wk-trust .ind-chips li{padding:6px 12px;border:1px solid var(--tc-line);border-radius:999px;font-size:14px;background:var(--bg);color:var(--navy-800)}