/* Integration tweaks layered on the designer's files (keeps their CSS untouched) */
/* Label each AI-generated service image directly on the image */
.photo-service{position:relative}
.photo-service::after{content:"Illustration";position:absolute;top:10px;left:10px;background:rgba(43,48,36,.78);color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px;pointer-events:none}
.gallery-followup{margin-top:28px}
/* Keep portfolio photos at 4:3 (width/height attributes would otherwise override aspect-ratio) */
.gallery img{height:auto}
/* Contact: "first conversation" steps as a row (replaces the inquiry form) */
.first-conversation{margin:32px 0 28px}
.first-conversation h3{color:#fff;font-size:21px;margin:0 0 14px}
.first-conversation ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:steps}
.first-conversation li{counter-increment:steps;border-top:1px solid #7a866c;padding-top:16px}
.first-conversation li strong{color:#fff}
.first-conversation li strong:before{content:'0' counter(steps) ' / ';color:var(--green-light);margin-right:8px}
.first-conversation p{color:#e6eadf;font-size:16px;margin:8px 0 0}
@media(max-width:760px){.first-conversation ol{grid-template-columns:1fr;gap:4px}}
/* Real Hammermaster photos in service cards: no Illustration tag */
.photo-service.real-photo::after{content:none}
.photo-service.real-photo>img{object-position:center 60%}
.photo-service>img[src*="bath-shower"]{object-position:40% 30%}
.photo-service>img[src*="framing-slab"]{object-position:center 50%}
.photo-service.no-tag::after{content:none}