/* Service cards: clear image area and a separate, readable caption. */
#work-ribbon .tr-grid{top:46%;gap:16px}
#work-ribbon .tr-card{border:1px solid #ffffff1c;border-radius:14px;background:#1b1c19;box-shadow:0 16px 36px #0003}
#work-ribbon .tr-in{bottom:44px;overflow:hidden;background:#e9ecec}
#work-ribbon .tr-in::after{display:none}
#work-ribbon .tr-tag{left:14px;right:12px;bottom:0;height:44px;display:flex;align-items:center;font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:-.01em;text-transform:none;color:#f7f5ee;line-height:1.15}
#work-ribbon .tr-tag b{font-family:var(--font-accent);font-size:10px;letter-spacing:.06em;flex:none;margin-right:10px}
#work-ribbon .tr-tag::after{content:'↗';margin-left:auto;padding-left:6px;color:#e7cf66}
#work-ribbon .tr-card:focus-visible{outline:2px solid #f2cf36;outline-offset:5px}
#work-ribbon .tr-cap{max-width:32rem;font-size:14px;line-height:1.6}
#work-ribbon .tr-cap small{display:block;color:#aaa99f;font-size:11px;margin-top:4px}
#work-ribbon .tr-more{padding:12px 18px;border:1px solid #ffffff30;border-radius:999px;gap:16px;min-height:46px;background:#ffffff06}
#work-ribbon .tr-more:hover{background:#f2cf36;color:#171717;border-color:#f2cf36}
@media(max-width:640px){
 #work-ribbon .tr-grid{top:44%;gap:12px;width:min(90vw,var(--gw))}
 #work-ribbon .tr-in{bottom:40px}
 #work-ribbon .tr-tag{height:40px;left:10px;right:10px;font-size:13px}
 #work-ribbon .tr-tag b{font-size:9px;margin-right:7px}
 #work-ribbon .tr-cap{left:5vw;right:5vw;bottom:88px;font-size:13px;line-height:1.5;max-width:none;margin:0}
 #work-ribbon .tr-cap small{font-size:10px;margin-top:5px}
 #work-ribbon .tr-more{left:5vw;right:5vw;bottom:22px;justify-content:space-between;font-size:10px;min-height:46px}
}
@media(max-width:400px){#work-ribbon .tr-tag{font-size:11px}#work-ribbon .tr-tag b{display:none}}
@media(max-width:640px){
 #work-ribbon .tr-grid{top:calc(50% - 48px)}
 #work-ribbon .tr-card{aspect-ratio:auto;height:clamp(110px,calc((100svh - 300px) / 3),210px)}
 #work-ribbon .tr-tag{font-size:13px}
}