.dc-care .dc-care-showcase{grid-template-columns:minmax(330px,.78fr) minmax(560px,1.22fr);gap:clamp(28px,4vw,58px);padding-block:42px 66px}
.dc-care .dc-care-copy{padding-block:22px}
.dc-care .dc-care-copy h1{max-width:11ch;font-size:clamp(2.7rem,5vw,5.6rem)}
.dc-care .dc-care-copy .dc-intro{max-width:48ch}
.dc-care .dc-care-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.dc-care .dc-care-tags span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;letter-spacing:.04em}
.dc-care .dc-vehicle-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.dc-care .dc-vehicle-mosaic a{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:14px;border:1px solid var(--line);background:#080b0d;text-decoration:none;color:var(--text);min-width:0}
.dc-care .dc-vehicle-mosaic .dc-vehicle-main{grid-row:auto}
.dc-care .dc-vehicle-mosaic img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .35s ease,filter .35s ease}
.dc-care .dc-vehicle-mosaic a::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,5,7,.92))}
.dc-care .dc-vehicle-mosaic a:hover img{transform:scale(1.025);filter:brightness(1.06)}
.dc-care .dc-vehicle-mosaic span{position:absolute;z-index:1;left:18px;right:18px;bottom:17px;font-size:.75rem;color:#d7dde0;line-height:1.45}
.dc-care .dc-vehicle-mosaic b{display:block;color:#fff;font-size:.95rem;letter-spacing:.02em}
@media(max-width:1080px){.dc-care .dc-care-showcase{grid-template-columns:1fr}.dc-care .dc-care-copy{max-width:760px}.dc-care .dc-vehicle-mosaic{max-width:850px}}
@media(max-width:700px){.dc-care .dc-care-showcase{padding-block:24px 42px}.dc-care .dc-care-copy{padding-block:6px}.dc-care .dc-care-copy h1{font-size:clamp(2.55rem,13vw,4.2rem)}.dc-care .dc-vehicle-mosaic{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 10px;margin-inline:-18px;scrollbar-width:none}.dc-care .dc-vehicle-mosaic::-webkit-scrollbar{display:none}.dc-care .dc-vehicle-mosaic a{flex:0 0 min(74vw,300px);scroll-snap-align:start}.dc-care .dc-vehicle-mosaic span{left:13px;right:13px;bottom:12px;font-size:.72rem}.dc-care .dc-vehicle-mosaic b{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.dc-care .dc-vehicle-mosaic img{transition:none}}