/* Home-only layout; shared components and tracking unchanged. */
.hero.hero-real-photo{background:var(--navy);padding:40px 0}.hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}.hero-copy{min-width:0}.hero-real-photo .intervention-photo{display:block;max-width:280px;justify-self:end}.intervention-photo img{display:block;width:100%;height:auto;border-radius:12px}.hero-real-photo h1{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.12}.hero-real-photo .hero-trust{gap:14px;margin-top:24px;padding-top:20px}.hero-real-photo .hero-trust .item{font-size:.86rem}.google-reviews .review-summary{font-weight:700;color:var(--navy);margin-bottom:12px}.secondary-localities{margin-top:28px;line-height:2}.google-reviews .review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){.hero.hero-real-photo{padding:20px 0 32px}.hero-layout{grid-template-columns:1fr;gap:24px}.hero-real-photo .hero-badge{margin-bottom:12px;font-size:.72rem}.hero-real-photo h1{font-size:1.9rem;margin-bottom:12px}.hero-real-photo .lead{font-size:1rem;line-height:1.5;margin-bottom:0}.hero-real-photo .hero-actions{margin-top:16px;gap:10px}.hero-real-photo .hero-actions .btn{padding:12px 18px}.hero-real-photo .hero-trust{margin-top:18px;padding-top:16px;gap:10px}.hero-real-photo .intervention-photo{justify-self:stretch;max-width:390px;width:100%;margin:auto}.google-reviews .review-grid{grid-template-columns:1fr}}

/* Hero layout correction only. */
.hero.hero-real-photo{padding:48px 0 56px}
.hero-layout{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:56px;align-items:center}
.hero-real-photo .intervention-photo{contain:size;position:relative;align-self:stretch;justify-self:center;width:auto;height:100%;max-width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden}
.hero-real-photo .intervention-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-real-photo .hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.hero-real-photo .hero-trust .item{flex:0 1 auto}
@media(min-width:768px) and (max-width:1023px){.hero-layout{grid-template-columns:1fr;gap:32px}.hero-real-photo .intervention-photo{contain:none;width:100%;height:auto;max-width:420px;align-self:center}.hero-real-photo .intervention-photo img{aspect-ratio:4/5}.hero.hero-real-photo{padding:36px 0 48px}}
@media(max-width:767px){.hero.hero-real-photo{padding:20px 0 32px}.hero-layout{grid-template-columns:1fr;gap:24px}.hero-real-photo .intervention-photo{contain:none;width:100%;height:auto;max-width:none;align-self:center}.hero-real-photo .intervention-photo img{aspect-ratio:4/5}.hero-real-photo .hero-trust{gap:10px}}

/* Real photograph integrated into the existing navy hero. */
.hero.hero-real-photo{overflow:hidden}
.hero-real-photo .intervention-photo{border-radius:0;overflow:visible;isolation:isolate}
.hero-real-photo .intervention-photo img{border-radius:0;object-position:center 35%;mask-image:linear-gradient(to right,transparent 0%,#000 16%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 16%,#000 90%,transparent 100%)}
.hero-real-photo .intervention-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--navy) 0%,transparent 12%,transparent 76%,var(--navy) 100%)}
@media(min-width:1024px){.hero-layout{gap:48px}.hero-real-photo .intervention-photo{justify-self:stretch;width:100%;height:100%;aspect-ratio:auto}.hero-real-photo .intervention-photo img{position:absolute;inset:0;object-position:center 35%}}
@media(max-width:1023px){.hero-real-photo .intervention-photo{max-width:420px}.hero-real-photo .intervention-photo img{mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%)}}

/* Crisp photograph edges, matching existing cards. */
.hero-real-photo .intervention-photo{border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.hero-real-photo .intervention-photo img{border-radius:inherit;mask-image:none;-webkit-mask-image:none}
.hero-real-photo .intervention-photo::after{display:none}

/* Hero background experiment: CSS only, photo layout unchanged. */
.hero.hero-real-photo{background:linear-gradient(135deg,var(--navy) 0%,#263449 100%)}
.hero-real-photo .intervention-photo{overflow:visible}
.hero-real-photo .intervention-photo img{border-radius:var(--radius)}
.hero-real-photo .intervention-photo::before{content:"";position:absolute;inset:-70px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,106,44,.15) 0%,rgba(255,106,44,.08) 35%,transparent 70%)}

/* Desktop/tablet background photograph, subdued beneath navy. */
@media(min-width:768px){.hero.hero-real-photo{background-image:linear-gradient(135deg,rgba(15,30,51,.80) 0%,rgba(38,52,73,.68) 100%),url("hausfix-hero-bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat}}
