[data-site="plumb"] {
    --bg: #f3f7f4;
    --paper: #ffffff;
    --ink: #14221c;
    --muted: #4e6158;
    --line: #d7e4dc;
    --soft: #e7f2ec;
    --primary: #1f4d3a;
    --on: #f4faf7;
    --accent: #1f4d3a;
    --on-accent: #f4faf7;
}

.plumb-hero { display: grid; gap: 24px; align-items: center; }

.pipe {
    min-height: 260px;
    border-radius: 24px;
    background:
        linear-gradient(#c5ddd2, #c5ddd2) 18% 30% / 64% 14px no-repeat,
        linear-gradient(#1f4d3a, #1f4d3a) 70% 30% / 18px 46% no-repeat,
        radial-gradient(circle at 78% 72%, #1f4d3a 0 28px, transparent 30px),
        linear-gradient(180deg, #f7fbf8, #e5f0ea);
    border: 1px solid var(--line);
}

.service {
    background: var(--paper);
}

@media (min-width: 860px) {
    .plumb-hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); }
}