/* Resi Metal Roofing (9 Nov 2026): the few things that differ from the LifeProof look (css/site.css, recoloured by content/recolour.py). */

/* hero + service cards are photos, not LifeProof's videos (the <img> keeps .hero-vid / .svc-vid, so the same cover + shade apply) */
.hero picture{display:contents}
img.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;z-index:-2}
img.svc-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* why: a photo where LifeProof had Ryan's video */
.why-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}

/* logo: the horizontal lockup is wider than LifeProof's */
.site-header .logo img{height:46px;width:auto}
@media (max-width:440px){.site-header .logo img{height:36px}}
.foot-brand img{height:56px;width:auto}

/* quote form placeholder until Resi's GHL form id arrives */
.form-pending{display:grid;gap:8px;place-content:center;min-height:420px;padding:32px;text-align:center;border:2px dashed rgba(255,255,255,.35);border-radius:12px;color:#fff}
.form-pending b{font-family:var(--cond);font-size:28px;text-transform:uppercase;letter-spacing:.04em}