
:root{--brand:#c0392b;--ink:#151515;--muted:#5f6368;--soft:#f7f4f1;--line:#e8ded6;--dark:#19110f}*{box-sizing:border-box}body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.65;background:#fff}a{color:var(--brand);text-decoration:none}img{max-width:100%;height:auto;display:block;border-radius:12px}.mainnav{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex;align-items:stretch;justify-content:space-between;position:sticky;top:0;z-index:50}.brand{font-weight:900;color:#111;font-size:.95rem;display:flex;align-items:center;padding:14px 0}.nav-items{display:flex;align-items:stretch}.navhome{padding:0 14px;font-size:.82rem;color:#444;display:flex;align-items:center;height:100%}.dropdown{position:relative;display:inline-block}.dropdown>span{padding:0 14px;font-size:.82rem;color:#444;cursor:pointer;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.dropdown:hover>span,.navhome:hover{color:#111;border-bottom-color:#111}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:230px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:100;padding:6px 0}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:9px 16px;font-size:.85rem;color:#333;white-space:nowrap}.dropdown-menu a:hover{background:#f5f5f5}.nav-actions{display:flex;align-items:center;gap:10px}.navphone{font-size:.85rem;color:var(--brand);font-weight:900}.navquote{background:#111;color:#fff;border-radius:6px;padding:8px 16px;font-weight:800;font-size:.82rem}.hamburger{display:none;background:none;border:0;font-size:1.5rem}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;max-width:1100px;margin:0 auto;padding:36px 20px 42px}.hero-copy{background:var(--brand);color:#fff;border-radius:14px;padding:28px}.hero h1{font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.08;margin:8px 0 14px}.lead{font-size:1.05rem}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}.hero ul{padding-left:20px}.hero figure{margin:22px 0 0}.hero figcaption,.photo-row figcaption{font-size:.9rem;color:#fff;background:rgba(0,0,0,.55);padding:10px;border-radius:0 0 12px 12px}.hero-form{align-self:start;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(17,17,17,.12);border-radius:14px;padding:22px}.quote-form{display:grid;gap:11px}.quote-form label{display:grid;gap:5px;font-weight:800;font-size:.88rem}.quote-form input,.quote-form textarea{width:100%;border:1px solid #d8d0c8;border-radius:8px;padding:12px;font:inherit}.quote-form button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:13px;font-weight:900;font-size:1rem}.wrap{max-width:960px;margin:0 auto;padding:46px 20px}.trustline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#231816;color:#fff}.trustline div{padding:22px}.trustline strong,.trustline span{display:block}.trustline span{color:#e8d6cf;font-size:.92rem}.editorial{display:grid;grid-template-columns:1fr 260px;gap:28px}.statbox{background:var(--soft);border-left:6px solid var(--brand);padding:22px;display:grid;gap:5px}.statbox strong{font-size:2.4rem}.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cardgrid article,.review-card,details{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-row h2{grid-column:1/-1}.photo-row figcaption{color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reviews{background:var(--soft);max-width:none}.reviews>h2,.reviews-scroll{max-width:960px;margin-left:auto;margin-right:auto}.reviews-scroll{display:flex;gap:16px;overflow-x:auto;padding:16px 20px 24px;scroll-snap-type:x mandatory}.reviews-scroll::-webkit-scrollbar{display:none}.review-card{min-width:280px;max-width:280px;scroll-snap-align:start;flex-shrink:0;background:#fff}.faq-block details{margin:0 0 12px}.faq-block summary{font-weight:900;cursor:pointer}.cta{background:var(--dark);color:#fff;text-align:center;padding:48px 20px}.cta a{display:inline-block;background:var(--brand);color:#fff;padding:12px 22px;border-radius:8px;font-weight:900}.subhero{padding-top:40px}.article h2{margin-top:36px}.related{background:var(--soft)}footer{background:#111;color:#ddd;padding:34px 20px}.footgrid{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;gap:20px}.footgrid a{display:block;color:#fff}.mobile-sticky-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:2px solid var(--brand);padding:10px 12px;z-index:100;box-shadow:0 -4px 16px rgba(0,0,0,.1)}.sticky-call{text-align:center;padding:11px;font-weight:800;font-size:.88rem;background:#f0f0f0;color:#111;border-radius:6px}.sticky-quote{text-align:center;padding:11px;font-weight:800;font-size:.88rem;background:var(--brand);color:#fff;border-radius:6px;margin-left:8px}.thanks{max-width:680px;margin:80px auto;padding:20px;text-align:center}@media(min-width:769px){.mobile-sticky-bar{display:none}}@media(max-width:768px){body{font-size:16px}footer{padding-bottom:90px}.mainnav{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 16px}.brand{min-height:44px;padding:12px 0}.hamburger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px}.nav-items{display:none;grid-column:1/-1;flex-direction:column;width:100%;gap:0;align-items:stretch;justify-content:flex-start;max-height:calc(100vh - 150px);overflow-y:auto;padding:0 0 8px}.nav-items.open{display:flex}.navhome,.dropdown>span,.dropdown-menu a{height:auto!important;min-height:44px;padding:10px 14px;font-size:.95rem}.dropdown{width:100%;display:block}.dropdown>span{justify-content:space-between}.dropdown-menu{display:none!important;position:static;box-shadow:none;border:0;border-left:3px solid var(--line);border-radius:0;margin:0 0 4px 14px;padding:2px 0 2px 8px;min-width:0;background:#fff}.dropdown:hover .dropdown-menu{display:none!important}.dropdown.open .dropdown-menu,.dropdown.open:hover .dropdown-menu{display:block!important}.nav-actions{grid-column:1/-1;justify-content:space-between;gap:10px}.navphone,.navquote{min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 14px}.textlink,footer a{min-height:44px;display:inline-flex;align-items:center}.eyebrow,.kicker{font-size:.88rem}.hero,.editorial,.split{grid-template-columns:1fr}.cardgrid,.photo-row,.trustline{grid-template-columns:1fr}.hero{padding-top:18px}.footgrid{display:block}}


.wl-phone-cta{background:#0f172a;color:#fff;padding:.7rem 0;font-weight:700}.wl-phone-cta .wrap{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.wl-phone-cta a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Portfolio above-fold form normalization — 2026-05-19
   Keeps the primary intake card in the first mobile viewport without changing lead routing. */
.hero .quote-card,
.hero form.quote-card,
.hero .compact-quote-form,
.hero .mini-quote {
  max-width: 100%;
}
.hero .quote-card h2,
.hero form.quote-card h2 {
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  line-height: 1.15;
  margin: 0 0 .45rem;
}
.hero .quote-card p,
.hero form.quote-card p,
.hero .form-note {
  margin-top: 0;
  margin-bottom: .7rem;
}
.hero .quote-card input,
.hero .quote-card textarea,
.hero .quote-card select,
.hero form.quote-card input,
.hero form.quote-card textarea,
.hero form.quote-card select {
  padding: .72rem .78rem;
  margin: .28rem 0 .62rem;
}
.hero .quote-card textarea,
.hero form.quote-card textarea {
  min-height: 4.5rem;
}
.hero .quote-card button,
.hero form.quote-card button {
  width: 100%;
}
.hero-form-media,
.hero-form-media.hero-inline-photo,
.hero-form-media.hero-photo {
  margin-top: .9rem;
}
@media (min-width: 900px) {
  .hero .quote-card,
  .hero form.quote-card {
    position: sticky;
    top: 88px;
  }
}
@media (max-width: 760px) {
  .hero {
    padding-top: 1.15rem;
    padding-bottom: 1.6rem;
  }
  .hero-grid {
    gap: 1rem;
  }
  .hero .pill,
  .hero .eyebrow {
    margin-bottom: .35rem;
  }
  .hero h1 {
    margin-top: .45rem;
    margin-bottom: .55rem;
  }
  .hero .lead {
    font-size: 1rem;
    line-height: 1.42;
    margin: .45rem 0 .7rem;
  }
  .hero .cta-row {
    margin-top: .65rem;
    margin-bottom: .2rem;
    gap: .55rem;
  }
  .hero .quote-card,
  .hero form.quote-card {
    padding: .95rem;
    border-radius: 16px;
  }
  .hero .quote-card label,
  .hero form.quote-card label {
    font-size: .86rem;
  }
  .hero .quote-card input,
  .hero .quote-card textarea,
  .hero .quote-card select,
  .hero form.quote-card input,
  .hero form.quote-card textarea,
  .hero form.quote-card select {
    padding: .62rem .68rem;
    margin: .18rem 0 .5rem;
  }
  .hero .quote-card textarea,
  .hero form.quote-card textarea {
    min-height: 3.75rem;
  }
  .hero-form-media.hero-inline-photo figcaption,
  .hero-form-media figcaption {
    display: none;
  }
  .hero-form-media img,
  .hero-inline-photo img,
  .hero-photo img {
    max-height: 180px;
    object-fit: cover;
  }
}
