/* ============================================================
   Fleetwood LP — minimal override layer
   Design north star: fleetwoodusa.com — ultra-minimal,
   full-bleed photography, generous whitespace, thin refined
   type, monochrome palette. Loaded AFTER styles.css and
   scoped to body.fw so the shared system stays untouched.
   ============================================================ */
body.fw{background:#fff;color:#1a1a1a;font-weight:300}
body.fw h1,body.fw h2,body.fw h3{font-family:var(--font-sans);font-weight:200;letter-spacing:-.01em;color:#111}
body.fw h1{font-size:2.7rem;line-height:1.08}
body.fw h2{font-size:2.1rem;line-height:1.12}
body.fw h3{font-weight:400;font-size:1.05rem;letter-spacing:.02em}
body.fw .eyebrow{color:#8a8a8a;font-weight:500;letter-spacing:.34em;font-size:.7rem}
body.fw .lede{color:#555;font-weight:300}
body.fw section{padding:110px 0}

/* header: white, hairline, quiet */
body.fw .site-header{background:rgba(255,255,255,.96);box-shadow:none;border-bottom:1px solid #e8e8e8}
body.fw .wordmark{color:#111;font-family:var(--font-sans);font-weight:600;letter-spacing:.14em;font-size:1.05rem}
body.fw .wordmark b{color:#111}
body.fw .wordmark small{color:#999;letter-spacing:.3em}
body.fw .header-cta .phone{color:#111;font-weight:400}
body.fw .header-cta .phone:hover{color:#000}

/* buttons: square, black, understated */
body.fw .btn{border-radius:0;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;padding:16px 34px}
body.fw .btn-bronze{background:#111;color:#fff}
body.fw .btn-bronze:hover{box-shadow:none;background:#000}
body.fw .btn-dark{background:#111}
body.fw .btn-outline{border-color:rgba(255,255,255,.85);background:transparent}
body.fw .btn-text{border-color:#ddd}

/* hero: full-bleed photo, small quiet headline block */
body.fw .lp-hero{background:#fff;color:#111;padding:0}
body.fw .fw-hero{position:relative;min-height:88vh;display:flex;align-items:flex-end}
body.fw .fw-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.fw .fw-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,0) 38%,rgba(0,0,0,.45))}
body.fw .fw-hero-in{position:relative;z-index:2;width:100%;padding-bottom:52px;color:#fff}
body.fw .fw-hero-in h1{color:#fff;font-size:3rem;max-width:15ch}
body.fw .fw-hero-in p{color:#f0f0f0;font-weight:300;max-width:52ch;margin-top:14px;font-size:1.08rem}
body.fw .fw-proof{display:flex;flex-wrap:wrap;gap:12px 40px;list-style:none;margin-top:26px}
body.fw .fw-proof li{color:#fff;font-weight:400;font-size:.92rem;letter-spacing:.04em;padding-left:0}
body.fw .fw-proof li::before{content:"—";color:#fff;margin-right:10px;position:static}

/* trust strip: hairlines, gray, quiet */
body.fw .trust-strip{background:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#777}
body.fw .trust-in{font-weight:400;letter-spacing:.06em;font-size:.85rem;padding-top:20px;padding-bottom:20px}
body.fw .trust-in .dot{color:#bbb}

/* form: flat, hairline, no shadow */
body.fw .quote-card{box-shadow:none;border:1px solid #e2e2e2;border-radius:0;padding:38px}
body.fw .quote-card h3{font-size:1.3rem;font-weight:300}
body.fw .field input,body.fw .field select,body.fw .field textarea{border:1px solid #ddd;border-radius:0;background:#fff;font-weight:300}
body.fw .field label{color:#999;font-weight:500}

/* cards become quiet image+text rows */
body.fw .card{box-shadow:none;border-radius:0;background:#fff}
body.fw .card img{border-radius:0}
body.fw .card-body{padding:20px 2px 0}
body.fw .card-body p{color:#666;font-weight:300}
body.fw .services{background:#fff}

/* full-bleed image breaks */
body.fw .fullbleed{width:100vw;margin-left:calc(50% - 50vw);line-height:0}
body.fw .fullbleed img{width:100%;height:72vh;object-fit:cover}
body.fw .fullbleed figcaption{line-height:1.5;font-size:.8rem;color:#999;letter-spacing:.08em;padding:12px 20px 0;max-width:1200px;margin:0 auto}

/* steps: numbers only, hairline top */
body.fw .step{border:none;border-top:1px solid #e2e2e2;border-radius:0;padding:26px 6px 0;background:transparent}
body.fw .step .num{font-family:var(--font-sans);font-weight:200;color:#111;font-size:1.7rem}
body.fw .step p{color:#666;font-weight:300}

/* dark block becomes light gray, quiet */
body.fw .dark-block{background:#f7f7f5;color:#1a1a1a}
body.fw .dark-block h2{color:#111}
body.fw .dark-block .lede{color:#555}
body.fw .dark-block img{box-shadow:none;border-radius:0}
body.fw .check-list li::before{content:"—";color:#111}

/* gallery: edge-to-edge, no gaps, no overlays */
body.fw .gallery{gap:4px}
body.fw .gallery figure{border-radius:0}
body.fw .gallery figcaption{position:static;background:none;color:#888;padding:8px 2px 14px;font-weight:400;letter-spacing:.05em}
body.fw .gallery img{transition:none}
body.fw .gallery figure:hover img{transform:none}

/* reviews + faq minimal */
body.fw .reviews{background:#f7f7f5}
body.fw .review-card{border:1px solid #e6e6e6}
body.fw .stars{color:#111}
body.fw details{border:none;border-top:1px solid #e2e2e2;border-radius:0;margin:0}
body.fw details:last-child{border-bottom:1px solid #e2e2e2}
body.fw summary{font-weight:400;padding:22px 4px}
body.fw summary::after{color:#111}
body.fw details .faq-a{padding:0 4px 22px;color:#666;font-weight:300}

/* CTA band: plain white with hairlines */
body.fw .cta-band{background:#fff;color:#111;border-top:1px solid #e8e8e8}
body.fw .cta-band h2{color:#111}
body.fw .cta-band p{color:#666}
body.fw .cta-band .btn-outline{border-color:#111;color:#111;background:transparent}

/* footer: light */
body.fw footer{background:#fff;color:#777;border-top:1px solid #e8e8e8}
body.fw footer .wordmark{color:#111}
body.fw footer h4{color:#111}
body.fw footer a{color:#333}
body.fw .fineprint{border-top:1px solid #eee;color:#aaa}

/* mobile bar: monochrome */
body.fw .mobile-bar .call{background:#111}
body.fw .mobile-bar .text{background:#fff;color:#111;border-top:1px solid #e2e2e2}

@media(min-width:800px){body.fw .fw-hero-in h1{font-size:4.2rem}}

/* Phase 2: main-nav links (Fleetwood service page uses the full site nav on the white fw header) */
body.fw .main-nav a{color:#3d3d3d}
body.fw .main-nav a:hover{color:#000}

/* Header on small screens: the wide fw button padding pushes the quote CTA off-screen;
   tighten wordmark / phone / button so the row fits the viewport */
@media(max-width:680px){
  body.fw .wordmark{font-size:.9rem;letter-spacing:.1em}
  body.fw .wordmark small{letter-spacing:.13em}
  body.fw .header-cta .phone{font-size:.84rem}
  body.fw .header-cta .btn{padding:9px 12px}
}