[data-sig="plumber-hero"]{padding:0;display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}[data-sig="plumber-hero"] .hero-copy{padding:64px var(--edge) 56px;align-self:center}[data-sig="plumber-hero"] .location{font-size:14px;margin:0 0 24px}[data-sig="plumber-hero"] h1{font-size:clamp(64px,7.7vw,112px);line-height:.94;max-width:9ch}[data-sig="plumber-hero"] .hero-intro{max-width:34ch;font-size:17px;line-height:1.5;margin:28px 0}[data-sig="plumber-hero"] .hero-note{font-size:12px;margin-top:16px}[data-sig="plumber-hero"] .hero-image{position:relative;overflow:hidden;min-height:590px}[data-sig="plumber-hero"] .hero-image picture,[data-sig="plumber-hero"] .hero-image img{height:100%;width:100%;object-fit:cover;object-position:56% 50%;border-radius:0}[data-sig="plumber-hero"] .photo-caption{position:absolute;bottom:24px;left:24px;right:24px;font-size:13px;background:var(--surface);padding:10px 16px;width:fit-content;max-width:calc(100% - 48px)}[data-sig="plumber-hero"] .hero-bottom{grid-column:1/-1;background:var(--surface);border-bottom:1px solid var(--line);padding:20px var(--edge);display:flex;justify-content:space-between;gap:20px;font-size:13px}[data-sig="plumber-hero"] .foreground-layer{position:absolute;inset:auto 0 0 auto;width:36%;height:25%;background:url('../../img/foreground.webp') center/cover;mask-image:radial-gradient(ellipse at bottom right,#000 18%,transparent 72%);opacity:1;pointer-events:none}.water-route{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.water-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pipe-shadow{stroke:var(--copper);stroke-width:12}.pipe-light{stroke:var(--tone-14);stroke-width:3}.water-bead{filter:drop-shadow(0 1px 2px var(--tone-15))}@supports(animation-timeline:view()){[data-sig="plumber-hero"] .foreground-layer{animation:pipe-foreground linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes pipe-foreground{from{transform:translateY(12px)}to{transform:translateY(-12px)}}}@media(max-width:760px){[data-sig="plumber-hero"]{grid-template-columns:1fr}[data-sig="plumber-hero"] .hero-copy{padding:36px 24px 32px}[data-sig="plumber-hero"] h1{font-size:64px}[data-sig="plumber-hero"] .location{font-size:12px;margin-bottom:20px}[data-sig="plumber-hero"] .hero-intro{font-size:15px;margin:20px 0;max-width:35ch}[data-sig="plumber-hero"] .hero-note{margin-top:12px}[data-sig="plumber-hero"] .hero-image{min-height:0;height:300px}[data-sig="plumber-hero"] .hero-image img{object-position:55% 50%}[data-sig="plumber-hero"] .hero-bottom{padding:16px 24px;flex-direction:column;gap:4px}[data-sig="plumber-hero"] .photo-caption{font-size:11px;bottom:16px;left:16px}[data-sig="plumber-hero"] .foreground-layer{display:none}.pipe-shadow{stroke-width:8}.pipe-light{stroke-width:2}}@media(prefers-reduced-motion:reduce){[data-sig="plumber-hero"] .foreground-layer{animation:none!important;transform:none!important}}

[data-sig="plumber-hero"] .photo-caption{z-index:4}

/* The supply line turns in this empty channel before entering the page gutter. */
[data-sig="plumber-hero"] .hero-bottom{padding-top:64px;padding-left:max(96px,var(--edge))}
@media(max-width:760px){[data-sig="plumber-hero"] .hero-bottom{padding-top:64px;padding-left:42px}}
/* Caption sits above the faucet's route start, with no pipe beneath its words. */
[data-sig="plumber-hero"] .photo-caption{top:24px;bottom:auto}
@media(max-width:760px){[data-sig="plumber-hero"] .photo-caption{top:16px}}