.work-showcase{max-width:var(--max);margin:0 auto;padding:105px 24px 0;display:grid;grid-template-columns:1.08fr .92fr;gap:18px}
.visual-panel{position:relative;height:480px;border-radius:22px;overflow:hidden;background:var(--ink);isolation:isolate}
.visual-panel:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0b1024e8);z-index:1}
.visual-panel img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.visual-panel:hover img{transform:scale(1.035)}
.visual-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:28px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:20px}
.visual-index{font-size:12px;color:#b9c8e6;font-weight:800}
.visual-label{font-size:11px;letter-spacing:1.4px;color:#8ff1cf;font-weight:800}
.visual-overlay h3{font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:7px 0 0}
.visual-action{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff75;background:#ffffff18;color:#fff;font-size:20px;backdrop-filter:blur(8px)}
.visual-action:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
.digital-panel{height:420px;margin-top:60px}
.digital-panel img{object-position:center}
.service.has-image{padding:0;overflow:hidden;min-height:390px}
.service.has-image .num{z-index:2;top:14px;right:14px;background:#11172acc;color:#fff;border:1px solid #ffffff40;border-radius:20px;padding:5px 8px;backdrop-filter:blur(6px)}
.service-media{display:block;width:100%;height:150px;object-fit:cover}
.service-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.service.has-image:hover .service-media{transform:scale(1.025)}
.service-media{transition:transform .5s ease}
.architecture-service{grid-column:span 4;padding:0;min-height:340px;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;background:#11172a;color:#fff;border:0}
.architecture-service>img{width:100%;height:100%;min-height:340px;object-fit:cover}
.architecture-copy{position:relative;padding:42px 40px;display:flex;flex-direction:column;justify-content:center}
.architecture-copy .num{top:24px;color:#ffffff80}
.architecture-tag{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#7fe7c2;margin-bottom:12px}
.architecture-copy h3{font-size:27px;margin-bottom:14px}
.architecture-copy p{color:#c9d2e4;margin-bottom:26px}
.architecture-copy .service-link{border-color:#ffffff2e}
@media(max-width:900px){.work-showcase{grid-template-columns:1fr}.visual-panel,.digital-panel{height:430px;margin-top:0}.architecture-service{grid-column:span 2;grid-template-columns:1fr}.architecture-service>img{height:280px;min-height:0}.architecture-copy{padding:34px 30px}}
@media(max-width:600px){.work-showcase{padding:75px 18px 0}.visual-panel,.digital-panel{height:340px}.visual-overlay{padding:22px 20px;grid-template-columns:1fr auto}.visual-index{display:none}.visual-overlay h3{font-size:19px}.architecture-service{grid-column:span 1}.architecture-service>img{height:220px}.architecture-copy{padding:30px 24px}.architecture-copy h3{font-size:23px}}