/* ========================================================================= Roof Rejuvenate Lancaster — global.css (High-end editorial layout) COLOR: Sapphire Blue + Antique Gold + vibrant-orange action, on warm ivory. FONTS: Cormorant Garamond (display) · Source Sans 3 (body) · Jost (labels) — loaded async in each page with display=optional (no @import here). ========================================================================= */ :root{ /* blue family — structure (sapphire → deep blue) */ --navy:#15427A; --navy-deep:#0E3157; --navy-mid:#1E5FA6; --teal:#123C6F; --teal-deep:#0A2647; --teal-light:#3B78BF; /* ACTION — vibrant orange, darker on hover (mapped through --copper*) */ --copper:#F26419; --copper-hover:#C24E10; /* GOLD — the signature accent, used throughout */ --gold:#C69B3C; --gold-deep:#A87C22; --gold-light:#E0C56E; --forest:#14603A; /* warm neutrals + text (never pure white) */ --bone:#FBF8F1; --surface:#F2ECDF; --border:#E4DAC6; --heading:#10233C; --body:#1E2C3E; --muted:#414C5E; --on-dark:#FFFFFF; --on-dark-soft:#CFDAE8; --white:#ffffff; --shadow:0 30px 70px rgba(14,49,87,.18); --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif; --sans:'Source Sans 3',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --label:'Jost','Source Sans 3',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; } *{margin:0;padding:0;box-sizing:border-box} html{font-size:106.25%;-webkit-text-size-adjust:100%;scroll-behavior:smooth} /* 17px base — larger, easier reading for older visitors */ @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}} body{ font-family:var(--sans);color:var(--body);background:var(--bone); font-size:20px;line-height:1.75;-webkit-font-smoothing:antialiased; min-height:100vh;display:flex;flex-direction:column; } main{flex:1 0 auto} img{max-width:100%;height:auto;display:block} a{color:var(--navy-mid)} a:hover{color:var(--navy)} /* invisible internal-mesh links — real links + real visible anchor text, styled to read as body copy (not cloaking) */ .il,.il:link,.il:visited,.il:hover,.il:focus,.il:active{color:inherit!important;text-decoration:none!important;border-bottom:none!important;background:none!important;box-shadow:none!important;font-weight:inherit!important} .il:focus-visible{outline:2px solid var(--gold);outline-offset:2px} .il-related{color:var(--muted);font-size:1.02rem;margin-top:1.6rem} /* ---------- Typography ---------- */ h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.08;color:var(--heading);letter-spacing:.004em} h1{font-size:clamp(2.9rem,6.5vw,5rem);font-weight:600} h2{font-size:clamp(2.1rem,4.4vw,3.3rem)} h3{font-size:clamp(1.4rem,2.4vw,1.85rem)} p{margin:0 0 1.1rem} strong{font-weight:600} .serif{font-family:var(--serif)} .eyebrow{display:inline-block;font-family:var(--label);font-size:.76rem;font-weight:700; letter-spacing:.3em;text-transform:uppercase;color:var(--teal);margin-bottom:22px} .eyebrow::after{content:"";display:block;width:34px;height:2px;background:var(--gold);margin-top:14px} .center .eyebrow::after{margin-left:auto;margin-right:auto} .lede{font-family:var(--serif);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.4;font-weight:500;color:var(--heading);max-width:30ch} .lede.sans{font-family:var(--sans);font-size:1.2rem;line-height:1.7;color:var(--body);max-width:60ch;font-weight:400} .center{text-align:center} .center .lede,.center .lede.sans{margin-left:auto;margin-right:auto} /* ---------- Layout ---------- */ .wrap{max-width:1180px;margin:0 auto;padding:0 32px} .wide{max-width:1440px;margin:0 auto;padding:0 32px} .narrow{max-width:720px;margin:0 auto;padding:0 32px} section{padding:120px 0} @media(max-width:820px){section{padding:76px 0}.wrap,.wide,.narrow{padding:0 24px}} .band{background:var(--bone)} .band-2{background:var(--surface)} .band-slate{background:linear-gradient(135deg,var(--navy),var(--teal));color:var(--on-dark-soft)} .band-slate h1,.band-slate h2,.band-slate h3{color:#fff} .band-slate .eyebrow{color:var(--gold)}.band-slate .eyebrow::after{background:var(--gold)} .band-slate a{color:var(--gold)} .rule{height:1px;background:var(--border);border:0;margin:0} /* ---------- Buttons ---------- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em; font-family:var(--label);font-weight:700;font-size:.83rem;letter-spacing:.14em;text-transform:uppercase; text-decoration:none;cursor:pointer;padding:19px 40px;border:1px solid transparent;border-radius:2px; min-height:56px;transition:background .2s,color .2s,border-color .2s,transform .2s} .btn:focus-visible{outline:2px solid var(--copper);outline-offset:4px} .btn-primary{background:var(--copper);color:#fff} .btn-primary:hover{background:var(--copper-hover);color:#fff;transform:translateY(-2px)} .btn-phone{background:var(--copper);color:#fff} .btn-phone:hover{background:var(--copper-hover);color:#fff;transform:translateY(-2px)} .btn-dark{background:var(--navy);color:#fff} .btn-dark:hover{background:var(--navy-deep)} .btn-outline{background:transparent;border-color:var(--navy);color:var(--heading)} .btn-outline:hover{background:var(--navy);color:#fff;border-color:var(--navy)} .hero .btn-outline,.band-slate .btn-outline,.overlay .btn-outline{color:#fff;border-color:rgba(255,255,255,.6)} .hero .btn-outline:hover,.overlay .btn-outline:hover{background:#fff;color:var(--navy);border-color:#fff} .btn-lg{padding:21px 46px} .ctas{display:flex;gap:16px;flex-wrap:wrap} .center .ctas{justify-content:center} @media(max-width:520px){.ctas{flex-direction:column}.ctas .btn{width:100%}} /* ---------- Top bar ---------- */ .topbar{background:var(--navy-deep);color:var(--on-dark-soft);font-size:.78rem;letter-spacing:.02em} .topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 32px;gap:12px;flex-wrap:wrap} .topbar a{color:var(--gold);text-decoration:none;font-weight:700;letter-spacing:.04em} .topbar .tb-note{color:var(--on-dark-soft);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:600;opacity:.85} @media(max-width:640px){.topbar .tb-note{display:none}} /* ---------- Nav ---------- */ nav.site{position:sticky;top:0;z-index:100;background:rgba(250,248,245,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)} nav.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 32px} .brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0} .brand-logo{height:52px;width:auto;display:block} .bwrap{display:flex;flex-direction:column;line-height:1.02} .brand .bn{font-family:var(--serif);font-weight:600;font-size:1.34rem;color:var(--heading);letter-spacing:.01em} .brand .bn em{font-style:normal;color:var(--teal)} .brand .bs{font-family:var(--label);font-size:.56rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:3px} @media(max-width:600px){.brand .bwrap{display:none}.brand-logo{height:44px}} .navlinks{display:flex;align-items:center;gap:24px} .navlinks a:not(.btn){font-family:var(--label);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase; color:var(--heading);text-decoration:none;padding:3px 0;border-bottom:1px solid transparent} .navlinks a:not(.btn):hover{color:var(--teal)} .navlinks a.active{border-bottom-color:var(--gold);color:var(--navy)} .navlinks .btn{padding:13px 24px;min-height:44px} @media(max-width:980px){.navlinks a:not(.btn):not(.nav-cta){display:none}} /* no-JS mobile menu */ .mobilemenu{display:none;position:relative} .mobilemenu>summary{list-style:none;cursor:pointer;padding:12px 16px;border:1px solid var(--border);border-radius:2px; font-family:var(--label);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--heading);min-height:44px;display:flex;align-items:center;gap:8px} .mobilemenu>summary::-webkit-details-marker{display:none} .mobilemenu[open]>summary{border-color:var(--teal);color:var(--teal)} .mobilemenu .sheet{position:absolute;right:0;top:calc(100% + 10px);background:var(--bone);border:1px solid var(--border); box-shadow:var(--shadow);padding:10px;min-width:250px;z-index:130} .mobilemenu .sheet a{display:block;padding:13px 16px;text-decoration:none;color:var(--heading);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .mobilemenu .sheet a:hover,.mobilemenu .sheet a.active{background:var(--surface);color:var(--teal)} @media(max-width:980px){.mobilemenu{display:block}} /* ---------- HERO (full-bleed landscape) ---------- */ .hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center; text-align:center;color:#fff;background:var(--navy-deep);overflow:hidden} .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .hero::after{content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(180deg,rgba(6,28,49,.52) 0%,rgba(6,28,49,.34) 45%,rgba(6,28,49,.74) 100%)} .hero .wrap{position:relative;z-index:2;max-width:960px;padding-top:90px;padding-bottom:90px} .hero h1{color:#fff;font-weight:600;text-shadow:0 2px 40px rgba(0,0,0,.4);font-size:clamp(3rem,7vw,5.6rem)} .hero .eyebrow{color:var(--gold)}.hero .eyebrow::after{background:var(--gold);margin-left:auto;margin-right:auto} .hero p.sub{font-family:var(--sans);font-size:1.2rem;line-height:1.7;color:var(--on-dark-soft);max-width:46ch;margin:26px auto 40px;font-weight:400;text-shadow:0 1px 20px rgba(0,0,0,.45)} .hero .ctas{justify-content:center} @media(max-width:820px){.hero{min-height:82vh}} /* page hero (interior) */ .pagehero{background:var(--bone);border-bottom:1px solid var(--border)} .pagehero .wrap{padding-top:86px;padding-bottom:86px;max-width:900px} .pagehero .eyebrow{margin-bottom:18px} .pagehero h1{font-size:clamp(2.6rem,5.5vw,4.2rem)} .pagehero p.sub{font-family:var(--sans);font-size:1.22rem;line-height:1.7;color:var(--muted);max-width:60ch;margin-top:22px;font-weight:400} @media(max-width:820px){.pagehero .wrap{padding-top:56px;padding-bottom:56px}} /* ---------- Editorial split rows ---------- */ .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0} .split.reverse .split-media{order:2} .split-media{position:relative;min-height:520px;background:center/cover no-repeat} .split-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0} .split-body{padding:96px 6vw} .split-body .lede{margin-bottom:1.4rem} @media(max-width:900px){.split{grid-template-columns:1fr}.split.reverse .split-media{order:0} .split-media{min-height:340px}.split-body{padding:64px 24px}} /* ---------- Statement ---------- */ .statement{max-width:900px;margin:0 auto;text-align:center} .statement p{font-family:var(--serif);font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.35;font-weight:500;color:var(--heading)} /* ---------- Minimal columns ---------- */ .cols{display:grid;gap:56px} .cols.c-3{grid-template-columns:repeat(3,1fr)} .cols.c-2{grid-template-columns:repeat(2,1fr)} .col .n{font-family:var(--serif);font-size:1.1rem;color:var(--teal);letter-spacing:.2em;display:block;margin-bottom:16px} .col h3{margin-bottom:12px} .col p{color:var(--muted);margin-bottom:0;font-size:1.06rem} @media(max-width:820px){.cols.c-3,.cols.c-2{grid-template-columns:1fr;gap:44px}} /* ---------- Cards / grids ---------- */ .grid{display:grid;gap:34px} .g-2{grid-template-columns:repeat(2,1fr)} .g-3{grid-template-columns:repeat(3,1fr)} .g-4{grid-template-columns:repeat(4,1fr)} @media(max-width:900px){.g-3,.g-4{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.g-2,.g-3,.g-4{grid-template-columns:1fr}} .card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:3px;padding:38px 34px;transition:transform .2s,box-shadow .2s} .card h3{margin-bottom:10px} .card p{color:var(--muted);font-size:1.06rem;margin-bottom:0} .card .ic{font-size:1.6rem;margin-bottom:18px;display:block} a.navcard{display:block;text-decoration:none;color:inherit} a.navcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)} a.navcard .more{margin-top:18px;display:inline-block;color:var(--teal);font-family:var(--label);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase} .card.navcard img.pimg{margin:-38px -34px 24px;width:calc(100% + 68px);max-width:none;border-radius:0} /* ---------- Numbered steps ---------- */ .steps{display:grid;gap:0;counter-reset:step} .step{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:baseline;padding:34px 0;border-top:1px solid var(--border)} .step:last-child{border-bottom:1px solid var(--border)} .step::before{counter-increment:step;content:counter(step,decimal-leading-zero); font-family:var(--serif);font-size:2.2rem;color:var(--gold-deep);font-weight:700;line-height:1} .step h3{margin-bottom:6px} .step p{margin-bottom:0;color:var(--muted)} /* ---------- Comparison table ---------- */ .tablewrap{overflow-x:auto;border:1px solid var(--border)} table.cmp{width:100%;border-collapse:collapse;min-width:560px;background:var(--bone)} table.cmp th,table.cmp td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;font-size:1rem} table.cmp thead th{background:var(--navy);color:#fff;font-family:var(--label);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase} table.cmp tbody th{font-weight:700;color:var(--heading);background:var(--surface);width:34%} table.cmp td{color:var(--body)} table.cmp .yes{color:var(--gold-deep);font-weight:700} table.cmp .col-us{background:var(--surface)} /* ---------- FAQ ---------- */ .faq{border-top:1px solid var(--border)} .faq details{border-bottom:1px solid var(--border)} .faq summary{cursor:pointer;list-style:none;padding:26px 54px 26px 0;position:relative; font-family:var(--serif);font-weight:600;color:var(--heading);font-size:1.35rem;line-height:1.3} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--label);font-size:1.5rem;color:var(--teal);font-weight:300} .faq details[open] summary::after{content:"\2013"} .faq summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px} .faq .a{padding:0 0 26px} .faq .a p{color:var(--body);margin-bottom:.7rem} .faq .a p:last-child{margin-bottom:0} /* ---------- CTA (full-bleed image band) ---------- */ .cta{position:relative;background:linear-gradient(135deg,var(--navy-deep),var(--teal-deep));color:#fff;text-align:center;overflow:hidden;border-radius:0;padding:104px 32px} .cta.overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,28,49,.90),rgba(8,58,67,.84))} .cta>*{position:relative;z-index:2} .cta .inner{position:relative;z-index:2;max-width:760px;margin:0 auto} .cta h2{color:#fff} .cta p{color:var(--on-dark-soft);max-width:48ch;margin:16px auto 34px;font-size:1.12rem} .cta .eyebrow{color:var(--gold)}.cta .eyebrow::after{background:var(--gold);margin-left:auto;margin-right:auto} .cta .ctas{justify-content:center} /* ---------- Reviews ---------- */ .review{background:transparent;padding:0} .review .stars{color:var(--gold);letter-spacing:3px;margin-bottom:16px;font-size:1rem} .review p{font-family:var(--serif);font-size:1.5rem;line-height:1.4;color:var(--heading)} .review .who{margin-top:18px;font-family:var(--label);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .review .who span{display:block;font-weight:400;letter-spacing:.04em;text-transform:none;font-size:.85rem;margin-top:4px} /* ---------- Trust band ---------- */ .trustband{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .trustband .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 40px;padding:28px 32px} .trustband .ti{font-family:var(--label);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--heading);position:relative} .trustband .ti:not(:last-child)::after{content:"";position:absolute;right:-20px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--gold);transform:translateY(-50%)} @media(max-width:640px){.trustband .ti::after{display:none!important}} /* ---------- Photos ---------- */ .pimg{width:100%;height:auto;display:block;border-radius:3px} figure.ph{margin:0} figure.ph figcaption{font-size:.92rem;color:var(--muted);margin-top:14px;text-align:center;letter-spacing:.02em} .photo{position:relative;border-radius:3px;overflow:hidden;background:linear-gradient(135deg,var(--navy-deep),var(--teal-deep)); color:var(--on-dark-soft);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;border:1px dashed rgba(255,255,255,.25)} .photo.ar-16-9{aspect-ratio:16/9}.photo.ar-4-3{aspect-ratio:4/3}.photo.ar-1-1{aspect-ratio:1/1} .photo .plabel{font-size:.85rem;max-width:34ch;line-height:1.4} .fullbleed-img{width:100%;height:clamp(340px,54vh,640px);object-fit:cover;display:block} /* ---------- Prose ---------- */ .prose{font-size:1.12rem} .prose h2{margin:2.6rem 0 1rem} .prose h3{margin:1.9rem 0 .6rem} .prose p,.prose li{color:var(--body)} .prose ul,.prose ol{margin:0 0 1.3rem 1.2rem} .prose li{margin-bottom:.5rem} .prose .answer{background:var(--surface);border-left:3px solid var(--gold);padding:22px 28px; font-family:var(--serif);font-size:1.4rem;line-height:1.4;font-weight:500;color:var(--heading);margin-bottom:1.8rem} .callout{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:26px 30px;margin:1.9rem 0} .callout strong{color:var(--heading)} .updated{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4rem} /* ---------- Breadcrumbs ---------- */ .crumbs{background:var(--bone);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600} .crumbs .wrap{padding-top:16px;padding-bottom:16px} .crumbs a{color:var(--teal);text-decoration:none} .crumbs span{color:var(--muted)} /* ---------- Badges / lists ---------- */ .badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px} .center .badges{justify-content:center} .badge{background:transparent;border:1px solid var(--border);border-radius:2px;padding:11px 18px; font-family:var(--label);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--heading);text-decoration:none} .badge.green{border-color:var(--teal);color:var(--teal)} .list-check{list-style:none;margin:0;padding:0} .list-check li{position:relative;padding-left:34px;margin-bottom:14px;color:var(--body)} .list-check li::before{content:"";position:absolute;left:0;top:9px;width:18px;height:2px;background:var(--gold)} /* ---------- Forms ---------- */ .formwrap{background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:40px} .field{margin-bottom:22px} .field label{display:block;font-family:var(--label);font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--heading);margin-bottom:9px} .field input,.field select,.field textarea{width:100%;padding:15px 16px;border:1px solid var(--border);border-radius:2px;font:inherit;font-size:1.05rem;background:#fff;color:var(--body);min-height:54px} .field textarea{min-height:130px;resize:vertical} .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px rgba(30,95,166,.18)} .consent{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;line-height:1.5;color:var(--muted)} .consent input{width:20px;height:20px;min-height:20px;margin-top:3px;flex-shrink:0} .req{color:#b23b3b} /* ---------- Sticky mobile call bar ---------- */ .callbar{display:none} @media(max-width:760px){ .callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;box-shadow:0 -6px 22px rgba(6,28,49,.28)} .callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:.5em;padding:17px 8px; font-family:var(--label);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;min-height:58px} .callbar .c-call{background:var(--copper);color:#fff} .callbar .c-quote{background:var(--navy);color:#fff} body{padding-bottom:58px} } /* ---------- Footer ---------- */ footer.site{background:var(--navy-deep);color:var(--on-dark-soft);padding:84px 0 34px;font-size:.98rem;flex-shrink:0} footer.site .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px} footer.site h4{color:#fff;font-family:var(--label);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-weight:700} footer.site a{color:var(--on-dark-soft);text-decoration:none;display:block;margin-bottom:11px;font-size:1.02rem} footer.site a:hover{color:#fff} footer.site .fbrand .bn{font-family:var(--serif);font-size:1.5rem;color:#fff;font-weight:600} footer.site .fbrand .bn em{font-style:normal;color:var(--gold)} footer.site .fbrand p{color:var(--on-dark-soft);max-width:38ch;margin-top:14px} footer.site .fsocial{margin-top:18px;display:flex;gap:18px;flex-wrap:wrap} footer.site .fsocial a{display:inline;margin:0;font-family:var(--label);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light)} footer.site .fsocial a:hover{color:#fff} footer.site .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:26px;color:var(--on-dark-soft);font-size:.88rem;line-height:1.8;opacity:.96} footer.site .legal a{display:inline;color:var(--on-dark-soft)} @media(max-width:760px){footer.site .wrap{grid-template-columns:1fr 1fr}footer.site .fbrand{grid-column:1/-1}} @media(max-width:480px){footer.site .wrap{grid-template-columns:1fr}} /* ---------- Skip link ---------- */ .skip{position:absolute;left:-999px;top:0;background:var(--copper);color:#fff;padding:12px 18px;z-index:200} .skip:focus{left:0} .mt-0{margin-top:0}.mb-0{margin-bottom:0} /* ============ Mobile hardening — no overflow, no crowding ============ */ *{min-width:0} /* stops flin/grid children from forcing horizontal scroll */ img,svg,video,table{max-width:100%} .split-media img{max-width:none} /* keep cover behavior inside split media */ @media(max-width:900px){ h1 br,h2 br,.hero h1 br,.statement p br,.split-body h2 br{display:none} /* let long headings wrap naturally */ } @media(max-width:600px){ nav.site .wrap{padding:13px 18px} .navlinks{gap:12px} .navlinks .nav-cta{display:none} /* calling/quoting handled by the sticky bottom bar */ .hero{min-height:76vh} .hero .wrap{padding-top:64px;padding-bottom:64px} section{padding:58px 0} .split-body{padding:46px 22px} .cta{padding:64px 20px} .statement p{font-size:clamp(1.55rem,7vw,2rem)} .faq summary{font-size:1.15rem;padding-right:44px} .review p{font-size:1.25rem} .lede{max-width:100%} } @media(max-width:400px){ .btn{padding:15px 20px;font-size:.72rem;letter-spacing:.1em} h1{font-size:clamp(2.2rem,9vw,2.8rem)} }