/* Content-specific line breaks and contrast on temporary dark hero only. */
.page-polished .service-hero h1,
.page-polished .service-title { white-space: pre-line; }
.page-polished .service-process__caption { margin-top: 38px; text-align: center; }
@media (min-width: 768px) {
    .page-polished .service-hero:has(img[src*="-placeholder-hero"]) { color: #fff; }
    .page-polished .service-hero:has(img[src*="-placeholder-hero"]) .service-hero__image::after { display: none; }
}

/* Keep white copy legible over the two supplied workshop photographs. */
@media (min-width: 768px) {
    .page-finish .service-banner--quality .service-banner__image::after {
        content: ''; position: absolute; inset: 0;
        background: linear-gradient(90deg, #000c, #0008 55%, transparent);
    }
}

/* The selected polished hero is dark; retain readable copy without changing other techniques. */
@media (min-width: 768px) {
    .page-polished:not(.page-finish) .service-hero { color: #fff; }
    .page-polished:not(.page-finish) .service-hero .service-hero__image::after { display: none; }
}

/* Gespoten velgen: readable, selectable labels outside the supplied layer illustration. */
@media (min-width:768px) {
    .page-finish-painted .service-hero { color:#fff; }
    .page-finish-painted .service-hero .service-hero__image::after { display:none; }
}
.paint-layers { margin:0; min-width:0; }
.paint-layers__photo { position:relative; aspect-ratio:1; container-type:inline-size; }
.paint-layers__photo img { display:block; width:100%; height:100%; object-fit:contain; }
.paint-layers__marker { position:absolute; left:79%; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--color-brand); color:#111719; font-size:16px; font-weight:600; transform:translate(-50%,-50%); }
.paint-layers__marker::before { content:''; position:absolute; right:100%; top:50%; width:calc(13cqw - 15px); height:1px; background:#fff; }
.paint-layers__marker--1 { top:44.5%; }
.paint-layers__marker--2 { top:34.3%; }
.paint-layers__marker--3 { top:24%; }
.paint-layers__legend { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; margin:24px 0 0; padding:0; }
.paint-layers__legend li { display:flex; gap:8px; align-items:flex-start; font-size:16px; line-height:1.5; }
.paint-layers__number { color:var(--color-brand); font-weight:600; }
.paint-layers__legend strong,.paint-layers__legend li div>span { display:block; }
.paint-layers__legend strong { font-weight:500; }
.paint-layers__base { font-size:14px; margin:16px 0 0; }
@media(max-width:767px) {
    .paint-layers__legend { grid-template-columns:1fr; gap:16px; }
}