.showcase-intro{padding:80px 0 48px;background:linear-gradient(120deg,#fff,#f5f6f7);border-bottom:1px solid var(--line)}
.showcase-intro h1{max-width:850px}.showcase-intro .lead{max-width:700px}
.showcase-note{border-left:3px solid var(--red);padding:10px 20px;margin-top:28px;max-width:720px}.showcase-note p{margin:0}
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.showcase-card{margin:0;padding:24px;background:#fff;border:1px solid #d8dde1;border-radius:18px;box-shadow:0 14px 35px rgba(13,15,17,.07);min-width:0;display:flex;flex-direction:column}
.showcase-card:first-child{grid-column:1/-1}
.showcase-media{position:relative;padding:58px 18px 18px;background:linear-gradient(145deg,#32383e,#171a1e);border:1px solid #555d65;border-radius:16px;box-shadow:0 16px 35px rgba(13,15,17,.16);overflow:hidden}
.showcase-media::before{content:"PMS / WORK SHOWCASE";position:absolute;inset:0 16px auto;height:58px;display:flex;align-items:center;justify-content:center;color:#e0e4e8;font-size:10px;font-weight:750;letter-spacing:.12em;background:radial-gradient(circle at 4px 29px,#e51620 0 3px,transparent 4px),radial-gradient(circle at 16px 29px,#9ca4ac 0 3px,transparent 4px),radial-gradient(circle at 28px 29px,#606970 0 3px,transparent 4px)}
.showcase-media img{width:100%;height:330px;object-fit:contain;object-position:center;background:#0d0f11;border:1px solid #606970;border-radius:10px;padding:12px}
.showcase-card:first-child .showcase-media img{height:520px}
.showcase-caption{padding:24px 0 0}.showcase-caption strong{display:block;color:var(--ink);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.03em}.showcase-caption span{display:block;margin-top:10px;color:var(--steel);font-size:.95rem}
.showcase-card:hover{border-color:#b9c0c7}
@media(max-width:700px){.showcase-intro{padding:42px 0 32px}.showcase-grid{grid-template-columns:1fr;gap:22px}.showcase-card{padding:14px}.showcase-media{padding:46px 10px 10px}.showcase-media::before{height:46px;background:none;font-size:9px}.showcase-media img,.showcase-card:first-child .showcase-media img{height:340px;padding:8px}.showcase-caption{padding:20px 2px 6px}}