/* H30 0.2 — the approved 1024 × 1536 concept is the layout reference.
   All headings, paragraphs, navigation and buttons are real HTML, not image text. */
:root{--u:clamp(1px,.09765625vw,1.5px);--navy:#0a2c43;--ink:#092337;--orange:#fa641c;--blue:#009ed7;--cream:#f5f3f0;--line:#dedddd;--page:1536px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(125 * var(--u))}body{margin:0;background:#fff;color:var(--ink);font-family:'Inter',Arial,Helvetica,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}p,h1,h2,h3{margin:0}.icon{display:block;width:24px;height:24px;flex-shrink:0}button .icon,a .icon{pointer-events:none}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:12px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font-size:calc(12 * var(--u));line-height:1.3;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.eyebrow.light{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(13 * var(--u));min-height:calc(43 * var(--u));padding:0 calc(19 * var(--u));background:linear-gradient(110deg,#fa671f,#fb5811);color:#fff;border:1px solid transparent;border-radius:2px;font-size:calc(10.5 * var(--u));line-height:1.2;font-weight:600;text-transform:uppercase;letter-spacing:.015em;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.button .icon{width:calc(13 * var(--u));height:calc(13 * var(--u));stroke-width:1.4}.button:hover{background:#e95310;box-shadow:0 4px 18px #ed64201a;transform:translateY(-1px)}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:calc(10 * var(--u));letter-spacing:.01em;text-transform:uppercase;color:#e84d0c;font-weight:500}.text-link .icon{width:calc(13 * var(--u));height:calc(13 * var(--u))}
/* HEADER: exact logo artwork and the two-level navigation from the reference. */
.site-header{position:relative;z-index:50;background:linear-gradient(110deg,#f9fbfd 0,#fff 48%,#fff 100%)}.header-inner{position:relative;height:calc(109 * var(--u));max-width:var(--page);margin:auto}.brand{position:absolute;left:calc(58 * var(--u));top:calc(12 * var(--u));width:calc(161 * var(--u));height:calc(83 * var(--u))}.brand img{width:100%;height:100%;object-fit:contain}.header-contact{position:absolute;right:calc(50 * var(--u));top:calc(17 * var(--u));display:flex;align-items:center;gap:calc(7 * var(--u));font-size:calc(8.5 * var(--u));font-weight:600;letter-spacing:.035em;line-height:18px}.header-contact .icon{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke-width:1.8}.header-cta{position:absolute;left:calc(745 * var(--u));top:calc(51 * var(--u));width:calc(182 * var(--u));min-height:calc(40 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(9.2 * var(--u))}.primary-nav{position:absolute;left:calc(266 * var(--u));top:calc(54 * var(--u));height:calc(42 * var(--u));display:flex;align-items:center;gap:calc(20 * var(--u));white-space:nowrap;font-size:calc(9.5 * var(--u));font-weight:500}.primary-nav>a{position:relative;display:flex;align-items:center;height:100%}.primary-nav>a[aria-current=page]:after{content:"";position:absolute;height:2px;background:var(--orange);bottom:calc(5 * var(--u));left:0;right:0}.primary-nav a:hover{color:#e75416}.nav-dropdown{position:relative;height:100%;display:flex;align-items:center}.nav-dropdown>button{display:flex;align-items:center;gap:calc(3 * var(--u));height:100%;padding:0;background:none;border:0;font-size:inherit;font-weight:inherit}.nav-dropdown>button .icon{width:calc(9 * var(--u));height:calc(9 * var(--u));stroke-width:2}.dropdown-links{display:none;position:absolute;left:-15px;top:100%;min-width:240px;padding:10px;background:#fff;box-shadow:0 8px 24px #082a4320;border-top:2px solid var(--orange);white-space:normal}.dropdown-links a{display:block;padding:10px 12px;font-size:13px;line-height:1.4}.nav-dropdown.is-open .dropdown-links{display:block}.nav-toggle,.mobile-nav-cta{display:none!important}
/* THE APPROVED HERO: same dusk pool scene, restrained 600-weight type, one CTA. */
.hero{position:relative;height:calc(474 * var(--u));color:white;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,21,30,.16),rgba(1,21,30,.04) 46%,transparent 70%)}.hero-inner{height:100%;position:relative;max-width:var(--page);margin:auto}.hero-content{position:absolute;left:calc(57 * var(--u));top:calc(98 * var(--u))}.hero .eyebrow{font-size:calc(11.8 * var(--u));line-height:1.28;letter-spacing:.075em}.hero h1{margin-top:calc(15 * var(--u));font-size:calc(44 * var(--u));line-height:1.085;letter-spacing:-.015em;font-weight:600}.hero h1 span{display:block;white-space:nowrap}.hero-copy{margin-top:calc(14 * var(--u));font-size:calc(13.2 * var(--u));line-height:calc(20 * var(--u));font-weight:400;max-width:calc(430 * var(--u));color:#f6f6f6}.hero-cta{margin-top:calc(15 * var(--u));min-width:calc(234 * var(--u))}.hero-proof{position:absolute;bottom:calc(51 * var(--u));left:calc(58 * var(--u));display:flex;align-items:center;font-size:calc(10.4 * var(--u));font-weight:500;line-height:1.4}.hero-proof>span{display:flex;align-items:center;gap:calc(10 * var(--u));min-height:calc(30 * var(--u));padding:0 calc(18 * var(--u));border-left:1px solid #ffffff69}.hero-proof>span:first-child{padding-left:0;padding-right:calc(17 * var(--u));border-left:0}.hero-proof .icon{width:calc(23 * var(--u));height:calc(23 * var(--u))}.scroll-cue{position:absolute;bottom:calc(15 * var(--u));left:50%;transform:translateX(-50%);padding:5px;color:#fff}.scroll-cue .icon{width:calc(23 * var(--u));height:calc(23 * var(--u));stroke-width:1.6}
/* FOUR TRUST COLUMNS */
.trust-band{background:var(--cream)}.trust-inner{max-width:var(--page);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);height:calc(158 * var(--u))}.trust-inner article{position:relative;text-align:center;padding:calc(26 * var(--u)) calc(12 * var(--u)) calc(22 * var(--u))}.trust-inner article+article:before{content:"";position:absolute;top:calc(35 * var(--u));bottom:calc(35 * var(--u));left:0;border-left:1px solid #e3dfd9}.trust-inner .icon{height:calc(36 * var(--u));width:calc(36 * var(--u));margin:0 auto;stroke-width:1.3}.trust-inner h2{font-weight:600;font-size:calc(11.2 * var(--u));letter-spacing:.045em;line-height:1.35;text-transform:uppercase;margin-top:calc(10 * var(--u));margin-bottom:calc(7 * var(--u));white-space:nowrap}.trust-inner article:last-child h2{font-size:calc(10.7 * var(--u));letter-spacing:.01em}.trust-inner p{font-size:calc(12 * var(--u));line-height:calc(18 * var(--u));color:#404245}
/* WHITE, UNBOXED SERVICE CARDS, NOT THE PREVIOUS OVERSIZED PANELS. */
.services-section{background:#fff}.services-inner{max-width:var(--page);margin:auto;padding:calc(27 * var(--u)) calc(40 * var(--u)) calc(35 * var(--u));min-height:calc(396 * var(--u))}.services-intro{display:grid;grid-template-columns:1fr 1fr;min-height:calc(110 * var(--u));padding:0 calc(7 * var(--u));gap:calc(6 * var(--u))}.services-intro h2{margin-top:calc(6 * var(--u));font-size:calc(30 * var(--u));line-height:1.12;letter-spacing:-.033em;font-weight:600}.services-intro-copy{padding-top:calc(23 * var(--u));font-size:calc(11.65 * var(--u));line-height:calc(19 * var(--u));color:#3d3e40}.services-intro-copy .text-link{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--u))}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14 * var(--u))}.service-card{min-width:0}.service-card-link{display:block}.service-photo{overflow:hidden;aspect-ratio:225/137;background:#e9eef0}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.service-card-link:hover .service-photo img{transform:scale(1.025)}.service-text{position:relative;padding:calc(11 * var(--u)) calc(3 * var(--u)) 0}.service-text h3{font-size:calc(13.1 * var(--u));font-weight:600;line-height:1.35;letter-spacing:-.025em;margin-bottom:calc(5 * var(--u))}.service-text p{font-size:calc(11.6 * var(--u));line-height:calc(17.4 * var(--u));color:#424448;font-weight:400;padding-right:calc(11 * var(--u))}.card-arrow{position:absolute;right:calc(2 * var(--u));top:calc(54 * var(--u));color:#f65a17}.card-arrow .icon{width:calc(13 * var(--u));height:calc(13 * var(--u));stroke-width:1.55}
/* FULL-BLEED ABOUT: same image, navy left panel and white right overlay. */
.about-section{position:relative;height:calc(358 * var(--u));color:#fff;overflow:hidden;background:#0b3048}.about-scene,.about-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-shade{position:absolute;left:0;top:0;height:100%;width:46%;background:linear-gradient(110deg,#062a40 0%,#082e46f5 64%,#082e4615 100%);clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}.about-inner{position:relative;height:100%;max-width:var(--page);margin:auto}.about-copy{position:absolute;left:calc(47 * var(--u));top:calc(31 * var(--u));width:calc(410 * var(--u))}.about-copy .eyebrow{font-size:calc(12.2 * var(--u));color:#34c4f1}.about-copy h2{margin-top:calc(7 * var(--u));font-size:calc(30 * var(--u));line-height:1.1;letter-spacing:-.03em;font-weight:600}.about-copy>p:not(.eyebrow){margin-top:calc(14 * var(--u));font-size:calc(12.7 * var(--u));line-height:calc(18.8 * var(--u));max-width:calc(402 * var(--u));color:#f9f9f9}.about-cta{margin-top:calc(13 * var(--u));min-height:calc(39 * var(--u));min-width:calc(129 * var(--u));font-size:calc(10.3 * var(--u));padding:0 calc(18 * var(--u))}.about-signature{display:none}.about-facts{position:absolute;right:0;top:calc(28 * var(--u));bottom:calc(26 * var(--u));width:calc(263 * var(--u));padding:calc(42 * var(--u)) calc(25 * var(--u)) calc(26 * var(--u)) calc(30 * var(--u));background:rgba(251,249,247,.95);color:#062640;display:flex;flex-direction:column;justify-content:space-between}.about-facts article{display:grid;grid-template-columns:calc(32 * var(--u)) 1fr;gap:calc(23 * var(--u));align-items:start}.about-facts article>.icon{width:calc(32 * var(--u));height:calc(32 * var(--u));stroke-width:1.15}.about-facts h3{text-transform:uppercase;font-size:calc(9.8 * var(--u));line-height:1.2;font-weight:600;letter-spacing:-.01em;margin-top:calc(1 * var(--u))}.about-facts p{font-size:calc(9.7 * var(--u));line-height:calc(14 * var(--u));margin-top:calc(7 * var(--u));color:#323b42}.site-footer{background:#fff;color:#52626e}.footer-inner{max-width:var(--page);margin:auto;padding:calc(27 * var(--u)) calc(40 * var(--u));display:flex;align-items:center;gap:25px;justify-content:space-between;flex-wrap:wrap;font-size:11px}.footer-inner nav{display:flex;gap:22px;flex-wrap:wrap}.footer-inner a:hover{color:#d75119}.preview-disclosure{font-size:10px;color:#65717b}
/* INTERIOR PAGES — moved out of the approved homepage sequence. */
.detail-main{max-width:1280px;margin:auto;padding:70px 52px 85px;min-height:70vh}.detail-intro{max-width:830px;margin-bottom:42px}.breadcrumb{display:block;font-size:12px;color:#74818b;margin-bottom:28px}.detail-intro>.eyebrow{font-size:12px}.detail-intro h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.035em;font-weight:600;line-height:1.1;margin:13px 0 20px}.detail-lead{font-size:17px;color:#536572;max-width:760px}.detail-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.detail-service-grid .service-text h3{font-size:16px}.detail-service-grid .service-text p{font-size:14px;line-height:1.6}.detail-service-grid .desktop-only{display:none}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}.detail-photo{width:100%;height:350px;object-fit:cover}.image-caption{font-size:11px;color:#7d858a;margin-top:9px}.prose-section{margin-top:34px}.prose-section h2,.prose h2,.detail-aside h2,.detail-callout h2{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin-bottom:12px}.prose-section p,.prose p{font-size:16px;color:#546572;line-height:1.85}.detail-aside{background:var(--cream);padding:32px}.detail-aside .eyebrow{font-size:10px;margin-bottom:15px}.detail-aside ul{padding-left:20px;font-size:14px;line-height:1.85;margin:20px 0 28px}.detail-aside>.button{font-size:12px;min-height:45px;padding:0 16px}.detail-aside>p:not(.eyebrow){font-size:13px;color:#65727a;margin:18px 0}.detail-callout{margin-top:60px;border-top:1px solid #e4e8eb;padding-top:35px}.detail-callout p{margin-bottom:20px;color:#546572}.detail-callout .button,.prose .button{font-size:12px;min-height:46px}.prose{max-width:800px}.prose h2{margin-top:35px}.prose .button{margin-top:26px}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-gallery figure{margin:0}.gallery-open{display:block;width:100%;padding:0;background:none;border:0;overflow:hidden}.gallery-open img{height:400px;width:100%;object-fit:cover;transition:transform .3s ease}.gallery-open:hover img{transform:scale(1.025)}.project-gallery figcaption{font-size:16px;font-weight:500;padding:13px 0}.lightbox{padding:0;border:0;max-width:90vw;max-height:90vh;background:#fff}.lightbox::backdrop{background:#071b2beb}.lightbox>img{max-width:85vw;max-height:85vh;object-fit:contain}.lightbox-close{position:absolute;top:8px;right:8px;width:42px;height:42px;border:0;background:white;font-size:28px}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.area-grid span{padding:18px 22px;background:var(--cream);font-size:15px}.faq-list{max-width:900px;border-top:1px solid #dce2e6}.faq-list details{border-bottom:1px solid #dce2e6}.faq-list summary{padding:22px 2px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:17px;font-weight:500;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:17px;height:17px}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list details p{font-size:15px;line-height:1.8;color:#536572;margin:0 35px 25px 2px}.contact-layout{display:grid;grid-template-columns:1fr 340px;align-items:start;gap:55px}.contact-form{display:grid;gap:22px}.contact-form label{font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #ccd6dd;border-radius:1px;background:#fff;padding:12px;color:var(--navy);font-size:16px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.contact-form>.button{justify-self:start;min-height:48px;font-size:12px}.form-preview-notice{padding:13px 16px;background:#f4f5f5;font-size:12px;color:#596570}.form-status{font-size:14px;line-height:1.6}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(min-width:1537px){.header-cta{left:auto;right:145px}.hero-image{object-position:center 47%}.about-scene img{object-position:center}.about-facts{right:0}.about-shade{width:calc((100vw - 1536px)/2 + 706px)}.about-facts:after{content:"";position:absolute;left:100%;top:0;bottom:0;width:calc((100vw - 1536px)/2);background:rgba(251,249,247,.98)}}
@media(max-width:1023px){:root{--u:1px}.site-header{position:relative}.header-inner{height:90px;display:flex;align-items:center;padding:0 30px;gap:20px}.brand{position:static;width:134px;height:70px;margin-right:auto}.header-contact{display:none}.header-cta{position:static;width:auto;min-height:42px;font-size:10px;padding:0 16px;order:2}.nav-toggle{display:block!important;order:3;border:0;background:none;width:42px;height:42px;padding:10px}.nav-toggle span{display:block;width:22px;height:1.5px;margin:5px 0;background:var(--navy)}.primary-nav{display:none;position:absolute;top:90px;left:0;right:0;height:auto;background:#fff;padding:18px 30px 25px;box-shadow:0 15px 22px #082b4320;font-size:14px;white-space:normal}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.primary-nav>a,.nav-dropdown>button{padding:12px 0;width:100%;justify-content:space-between;height:auto}.primary-nav>a[aria-current=page]:after{display:none}.nav-dropdown{display:block;height:auto}.nav-dropdown>button .icon{width:13px;height:13px}.dropdown-links{position:static;box-shadow:none;border:0;padding:0 0 8px 14px;min-width:0}.dropdown-links a{font-size:13px}.mobile-nav-cta{display:block!important;color:#d9531b;font-weight:600}.hero-content{left:40px}.hero h1{font-size:42px}.hero-proof{left:40px}.hero-signature{display:none}.trust-inner h2{font-size:10px;letter-spacing:.01em}.trust-inner article:last-child h2{font-size:9px}.trust-inner p{font-size:11px}.services-inner{padding-left:28px;padding-right:28px}.services-intro{gap:28px}.services-intro-copy{font-size:11.5px}.services-intro-copy .desktop-only{display:none}.service-text h3{font-size:12px}.service-text p{font-size:11px}.service-text .desktop-only{display:none}.about-copy{left:35px;width:360px}.about-copy>p:not(.eyebrow){font-size:12px;max-width:360px}.about-copy .desktop-only{display:none}.about-facts{width:235px;padding:36px 20px}.about-facts article{gap:14px}.about-signature{display:none}.about-shade{width:55%}.detail-main{padding:50px 35px 65px}.detail-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.detail-columns,.contact-layout{grid-template-columns:1fr 290px;gap:30px}.gallery-open img{height:330px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header-inner{height:86px;padding:0 22px;gap:13px}.brand{width:125px;height:65px}.header-cta{font-size:8px;min-height:36px;padding:0 10px}.primary-nav{top:86px;padding-left:24px;padding-right:24px}.nav-toggle{padding:9px;width:37px}.hero{height:575px}.hero-image{object-position:60% center}.hero-overlay{background:linear-gradient(90deg,#051d30b8 0%,#051d305c 70%,#051d3029),linear-gradient(0deg,#061f3280,transparent 70%)}.hero-content{top:74px;left:26px;right:23px}.hero .eyebrow{font-size:9px;letter-spacing:.075em;max-width:330px;line-height:1.6}.hero h1{margin-top:15px;font-size:clamp(30px,7.8vw,47px);line-height:1.15;letter-spacing:-.027em}.hero h1 span{white-space:normal}.hero-copy{font-size:13px;line-height:1.7;max-width:360px;margin-top:19px}.desktop-only{display:none}.hero-cta{min-height:44px;font-size:10px;min-width:221px;margin-top:22px}.hero-proof{left:26px;right:23px;bottom:68px;font-size:8.5px;line-height:1.4;display:grid;grid-template-columns:1fr 1.28fr 1.22fr}.hero-proof>span{flex-direction:column;align-items:flex-start;gap:7px;padding:0 12px;min-height:50px}.hero-proof>span:first-child{padding-right:8px}.hero-proof .icon{width:24px;height:24px}.scroll-cue{bottom:16px}.trust-inner{grid-template-columns:repeat(2,1fr);height:auto}.trust-inner article{padding:25px 10px}.trust-inner article+article:before{top:25px;bottom:25px}.trust-inner article:nth-child(3):before{display:none}.trust-inner article:nth-child(n+3){border-top:1px solid #e5e1dc}.trust-inner .icon{width:33px;height:33px}.trust-inner h2{font-size:9px;letter-spacing:.01em;margin-top:11px;white-space:normal}.trust-inner article:last-child h2{font-size:8.4px}.trust-inner p{font-size:11px;line-height:17px}.services-inner{padding:34px 24px 38px;min-height:0}.services-intro{grid-template-columns:1fr;min-height:0;padding:0;gap:16px;margin-bottom:23px}.eyebrow{font-size:11px}.services-intro h2{font-size:29px;line-height:1.12;margin-top:8px}.services-intro-copy{padding:0;font-size:12px;line-height:1.8}.services-intro-copy .text-link{justify-content:flex-start;margin-top:11px;font-size:10px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.service-photo{aspect-ratio:1.45}.service-text{padding:10px 0 0}.service-text h3{font-size:12px;line-height:1.35;min-height:32px;margin-bottom:4px;letter-spacing:-.025em}.service-text p{font-size:11px;line-height:1.6;padding-right:10px}.card-arrow{top:auto;bottom:-13px;right:0}.card-arrow .icon{width:12px;height:12px}.about-section{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:0;overflow:hidden}.about-scene{position:relative;inset:auto;height:285px;order:2}.about-scene img{position:static;width:100%;height:100%;object-fit:cover;object-position:50% 64%}.about-shade{display:none}.about-inner{position:static;display:contents}.about-copy{position:relative;left:auto;top:auto;order:1;width:100%;padding:34px 26px 101px;background:#082d43}.about-copy h2{font-size:30px;line-height:1.13;margin-top:9px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:100%;margin-top:17px}.about-cta{margin-top:20px;min-height:40px;font-size:10px}.about-signature{display:none}.about-facts{position:relative;inset:auto;order:3;width:calc(100% - 40px);margin:-44px auto 0;padding:28px;background:#faf8f4f5;display:grid;gap:27px;z-index:1}.about-facts article{grid-template-columns:34px 1fr;gap:20px}.about-facts h3{font-size:11px;line-height:1.3}.about-facts p{font-size:12px;line-height:1.6}.about-facts p br,.about-facts h3 br{display:none}.about-section:after{content:"";display:block;height:25px;order:4;background:var(--cream)}.about-section{background:var(--cream)}.footer-inner{padding:25px 24px;font-size:10px;gap:17px;justify-content:flex-start}.footer-inner nav{gap:18px}.preview-disclosure{font-size:9px}.detail-main{padding:38px 24px 50px}.detail-intro h1{font-size:35px}.detail-lead{font-size:15px}.detail-service-grid,.detail-columns,.contact-layout{grid-template-columns:1fr}.detail-service-grid{gap:35px}.detail-service-grid .service-photo{aspect-ratio:1.8}.detail-service-grid .service-text h3{font-size:18px;min-height:0}.detail-service-grid .service-text p{font-size:14px;line-height:1.7}.detail-aside{padding:25px}.detail-photo{height:240px}.detail-callout{margin-top:40px}.prose h2,.prose-section h2,.detail-callout h2{font-size:23px}.prose p,.prose-section p{font-size:15px}.project-gallery{grid-template-columns:1fr;gap:24px}.gallery-open img{height:350px}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.area-grid span{padding:14px 12px;font-size:12px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.form-row{grid-template-columns:1fr;gap:22px}.contact-layout{gap:35px}}
@media(max-width:370px){.header-inner{padding:0 17px;gap:6px}.brand{width:112px}.header-cta{font-size:7.5px;padding:0 8px}.hero{height:590px}.hero-content{left:23px;right:20px}.hero h1{font-size:29px}.hero-proof{left:22px;right:18px;font-size:8px}.service-grid{column-gap:12px}.services-inner{padding-left:21px;padding-right:21px}.trust-inner h2{font-size:8.4px}.trust-inner article:last-child h2{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* v0.4 — complete homepage continuation. The approved hero/service/About
   geometry and imagery above remain the v0.2 design, not the v0.3 logo swap. */
.brand img { image-rendering: auto; }
.home-extension { --section-pad: calc(48 * var(--u)); }
.continuation-inner { max-width: var(--page); margin-inline: auto; padding: calc(48 * var(--u)) calc(47 * var(--u)); }
.home-extension h2 { font-size: calc(30 * var(--u)); line-height: 1.14; font-weight: 600; letter-spacing: -.033em; margin-top: calc(8 * var(--u)); }
.continuation-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: calc(40 * var(--u)); margin-bottom: calc(28 * var(--u)); }
.section-intro { max-width: calc(425 * var(--u)); font-size: calc(12.2 * var(--u)); line-height: 1.8; color: #444b51; }
.section-intro .text-link { margin-top: calc(14 * var(--u)); }
.home-work { background: #fff; }
.home-project-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(17 * var(--u)); }
.home-project-card { margin: 0; min-width: 0; }
.home-project-card .project-photo { display: block; width: 100%; aspect-ratio: 1.28; padding: 0; position: relative; overflow: hidden; background: #e7eff1; border: 0; }
.home-project-card .project-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.home-project-card .project-photo:hover img { transform: scale(1.035); }
.home-project-card:nth-child(2) img { object-position: 54% 50%; }
.project-expand { position: absolute; bottom: 12px; right: 12px; width: calc(31 * var(--u)); height: calc(31 * var(--u)); min-width: 36px; min-height: 36px; display: grid; place-items: center; border: 1px solid #ffffffa8; background: #082b4352; color: #fff; transition: background .2s; }
.project-expand .icon { width: 16px; height: 16px; }
.project-photo:hover .project-expand { background: #082b43d1; }
.home-project-card figcaption { padding: calc(15 * var(--u)) 0 0; }
.project-category { display: block; text-transform: uppercase; letter-spacing: .075em; font-size: calc(9 * var(--u)); font-weight: 500; color: #057d9f; }
.home-project-card h3 { font-size: calc(16 * var(--u)); line-height: 1.35; font-weight: 500; margin-top: calc(5 * var(--u)); letter-spacing: -.02em; }
.home-process { background: var(--cream); }
.process-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 0; margin: calc(32 * var(--u)) 0 0; gap: calc(24 * var(--u)); list-style: none; }
.process-steps li { min-width: 0; }
.process-marker { display: flex; align-items: center; justify-content: space-between; padding-bottom: calc(14 * var(--u)); border-bottom: 1px solid #cbd4d8; margin-bottom: calc(18 * var(--u)); }
.process-marker>span { display: flex; align-items: center; justify-content: center; width: calc(30 * var(--u)); height: calc(30 * var(--u)); border: 1px solid #d8e0e3; border-radius: 50%; font-size: calc(10 * var(--u)); background: #fff; font-weight: 500; color: #07527b; }
.process-marker .icon { width: calc(27 * var(--u)); height: calc(27 * var(--u)); color: var(--navy); }
.process-steps h3 { font-size: calc(13 * var(--u)); font-weight: 600; line-height: 1.3; letter-spacing: -.025em; margin-bottom: calc(9 * var(--u)); }
.process-steps p { font-size: calc(11 * var(--u)); line-height: 1.8; color: #4d5a63; }
.process-footnote { margin-top: calc(27 * var(--u)); padding-top: calc(20 * var(--u)); border-top: 1px solid #dadfe0; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.process-footnote>span { display: flex; align-items: center; gap: 10px; font-size: calc(11 * var(--u)); color: #4c5c67; }
.process-footnote .icon { width: calc(19 * var(--u)); height: calc(19 * var(--u)); }
.home-areas { background: #082e45; color: #fff; }
.area-layout { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: calc(70 * var(--u)); padding-block: calc(48 * var(--u)); }
.area-intro .eyebrow { color: #37c3ec; }
.area-intro>p:not(.eyebrow) { font-size: calc(12.2 * var(--u)); line-height: 1.8; color: #d5e1e9; margin-top: calc(17 * var(--u)); max-width: calc(355 * var(--u)); }
.area-intro .text-link { color: #ff9764; margin-top: calc(20 * var(--u)); }
.area-city-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 calc(25 * var(--u)); border-top: 1px solid #507081; }
.area-city-grid a { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: calc(54 * var(--u)); border-bottom: 1px solid #426579; font-size: calc(14 * var(--u)); }
.area-city-grid .icon { width: calc(15 * var(--u)); height: calc(15 * var(--u)); color: #5cc6e9; transition: transform .2s; }
.area-city-grid a:hover { color: #5ed9ff; }
.area-city-grid a:hover .icon { transform: translateX(3px); }
.area-communities>p { margin-top: calc(16 * var(--u)); font-size: calc(11 * var(--u)); line-height: 1.75; color: #c4d5df; }
.area-communities .area-availability { font-size: calc(10 * var(--u)); margin-top: calc(10 * var(--u)); color: #b5ccd9; }
.area-availability a { text-decoration: underline; text-underline-offset: 3px; }
.confidence-layout { display: grid; grid-template-columns: 1fr 1fr; background: #f9f8f5; min-height: calc(391 * var(--u)); }
.financing-panel { position: relative; color: #fff; overflow: hidden; min-height: calc(391 * var(--u)); }
.financing-panel>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 45% center; }
.financing-panel:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#031a2bea,#082a4394),linear-gradient(0deg,#051f30a8,transparent 85%); }
.financing-content { position: relative; z-index: 1; padding: calc(54 * var(--u)) calc(47 * var(--u)); max-width: calc(515 * var(--u)); margin-left: auto; }
.financing-content .eyebrow { color: #73ddff; }
.financing-content>p:not(.eyebrow) { margin-top: calc(17 * var(--u)); font-size: calc(12.2 * var(--u)); line-height: 1.8; color: #f1f4f6; max-width: calc(340 * var(--u)); }
.financing-content .button { margin-top: calc(22 * var(--u)); }
.financing-content small { display: block; max-width: calc(330 * var(--u)); font-size: calc(9 * var(--u)); line-height: 1.7; color: #c1d7e2; margin-top: calc(14 * var(--u)); }
.confidence-facts { max-width: calc(515 * var(--u)); padding: calc(42 * var(--u)) calc(47 * var(--u)); display: grid; align-content: center; gap: calc(25 * var(--u)); }
.confidence-facts article { display: grid; grid-template-columns: calc(35 * var(--u)) 1fr; gap: calc(18 * var(--u)); align-items: start; }
.confidence-facts article+article { border-top: 1px solid #dadfdc; padding-top: calc(25 * var(--u)); }
.confidence-facts article>.icon { width: calc(32 * var(--u)); height: calc(32 * var(--u)); margin-top: 3px; }
.confidence-facts .eyebrow { font-size: calc(8.5 * var(--u)); letter-spacing: .085em; }
.confidence-facts h3 { font-size: calc(18 * var(--u)); font-weight: 500; line-height: 1.22; letter-spacing: -.025em; margin-top: calc(6 * var(--u)); }
.confidence-facts p:not(.eyebrow) { margin-top: calc(10 * var(--u)); font-size: calc(11 * var(--u)); line-height: 1.75; color: #4e5c65; }
.confidence-facts .text-link { margin-top: calc(12 * var(--u)); font-size: calc(9 * var(--u)); }
.faq-home-layout { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: calc(70 * var(--u)); }
.faq-intro>p:not(.eyebrow) { max-width: calc(300 * var(--u)); margin-top: calc(16 * var(--u)); font-size: calc(12.2 * var(--u)); line-height: 1.8; color: #52636d; }
.faq-intro>.text-link { margin-top: calc(22 * var(--u)); }
.home-faq-list { max-width: none; margin-top: calc(5 * var(--u)); }
.home-faq-list summary { font-size: calc(13 * var(--u)); font-weight: 500; line-height: 1.5; min-height: calc(53 * var(--u)); padding: calc(16 * var(--u)) 0; gap: calc(18 * var(--u)); }
.home-faq-list summary .icon { width: calc(15 * var(--u)); height: calc(15 * var(--u)); flex-shrink: 0; color: #0080a8; transition: transform .2s; }
.home-faq-list details[open] summary .icon { transform: rotate(45deg); }
.home-faq-list details[open] summary { color: #006886; }
.home-faq-list details p { font-size: calc(11.6 * var(--u)); line-height: 1.9; margin: 0 calc(26 * var(--u)) calc(19 * var(--u)) 0; color: #4d5e69; }
.home-consultation { background: #092c42; color: #fff; }
.consultation-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: calc(70 * var(--u)); align-items: center; padding-block: calc(52 * var(--u)); }
.consultation-copy .eyebrow { color: #41c9f2; font-size: calc(10 * var(--u)); }
.home-extension .consultation-copy h2 { font-size: calc(37 * var(--u)); line-height: 1.13; margin-top: calc(15 * var(--u)); }
.consultation-copy>p:not(.eyebrow) { font-size: calc(12.5 * var(--u)); line-height: 1.9; color: #d5e1e8; margin-top: calc(20 * var(--u)); max-width: calc(350 * var(--u)); }
.consultation-promise { display: flex; align-items: flex-start; gap: calc(14 * var(--u)); margin-top: calc(31 * var(--u)); padding-top: calc(25 * var(--u)); border-top: 1px solid #345366; }
.consultation-promise>.icon { width: calc(27 * var(--u)); height: calc(27 * var(--u)); color: #62cbe8; }
.consultation-promise strong { font-size: calc(12 * var(--u)); font-weight: 500; display: block; }
.consultation-promise span { display: block; font-size: calc(10.5 * var(--u)); color: #c0d3de; margin-top: calc(5 * var(--u)); line-height: 1.7; }
.consultation-wordmark { margin-top: calc(54 * var(--u)); font-size: calc(8 * var(--u)); color: #9bb8c9; letter-spacing: .23em; }
.consultation-form-panel { background: #fff; color: var(--navy); padding: calc(29 * var(--u)); }
.home-consultation-form { gap: calc(16 * var(--u)); }
.form-heading { margin-bottom: calc(5 * var(--u)); }
.form-heading>.eyebrow { font-size: calc(8 * var(--u)); }
.form-heading h3 { font-size: calc(21 * var(--u)); font-weight: 500; letter-spacing: -.035em; line-height: 1.2; margin-top: calc(8 * var(--u)); }
.home-consultation-form label { font-size: calc(10.5 * var(--u)); font-weight: 500; line-height: 1.4; gap: calc(6 * var(--u)); }
.home-consultation-form .field-optional { font-weight: 400; color: #6d7e87; }
.home-consultation-form .form-row { gap: calc(14 * var(--u)); }
.home-consultation-form input,.home-consultation-form select,.home-consultation-form textarea { font-size: calc(11 * var(--u)); border-color: #cfdbdf; padding: calc(10 * var(--u)) calc(10 * var(--u)); line-height: 1.4; min-width: 0; }
.home-consultation-form textarea { min-height: calc(68 * var(--u)); }
.home-consultation-form input::placeholder,.home-consultation-form textarea::placeholder { color: #677b86; opacity: 1; }
.home-consultation-form>.button { min-height: calc(41 * var(--u)); width: 100%; font-size: calc(10 * var(--u)); }
.home-consultation-form .form-preview-notice { font-size: calc(9 * var(--u)); padding: 0; background: none; color: #5d6f7b; line-height: 1.6; }
.home-consultation-form .form-status { font-size: calc(11 * var(--u)); }
.home-consultation-form .form-status:empty { display: none; }
.expanded-footer { background: #fff; color: var(--navy); border-top: 1px solid #dce4e9; }
.footer-main { display: grid; grid-template-columns: 1.25fr 1fr 1.25fr 1fr; gap: calc(40 * var(--u)); padding-block: calc(35 * var(--u)); }
.footer-brand>a { display: inline-block; }
.footer-brand img { width: calc(155 * var(--u)); height: auto; }
.footer-brand p { font-size: calc(11 * var(--u)); line-height: 1.8; margin-top: calc(12 * var(--u)); color: #52626e; }
.footer-main h2 { font-size: calc(10 * var(--u)); text-transform: uppercase; font-weight: 500; letter-spacing: .06em; line-height: 1.4; color: var(--navy); margin-bottom: calc(15 * var(--u)); margin-top: calc(8 * var(--u)); }
.footer-main nav { display: flex; flex-direction: column; align-items: flex-start; gap: calc(8 * var(--u)); font-size: calc(10.5 * var(--u)); }
.footer-main nav a { display: flex; gap: 8px; align-items: center; line-height: 1.65; }
.footer-main nav a:hover { color: #b3481a; }
.footer-main nav .icon { width: 14px; height: 14px; }
.footer-bottom { padding-block: calc(16 * var(--u)); border-top: 1px solid #dce4e9; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: calc(10 * var(--u)); font-size: calc(8.5 * var(--u)); color: #52626e; }
.footer-bottom .preview-disclosure { font-size: calc(8 * var(--u)); color: #596b79; }
.footer-bottom strong { font-weight: 500; color: var(--navy); }
.home-lightbox { max-height: 92vh; max-width: 92vw; color: var(--navy); padding: 0; background: #fff; }
.home-lightbox>img { width: auto; height: auto; max-width: 90vw; max-height: 82vh; }
.home-lightbox .lightbox-close { display: grid; place-items: center; min-width: 44px; min-height: 44px; box-shadow: 0 1px 14px #0002; z-index: 2; }
.home-lightbox .lightbox-caption { padding: 10px 15px; font-size: 13px; max-width: 80vw; }
.reveal-ready { opacity: 0; transform: translateY(13px); transition: opacity .6s ease,transform .6s ease; }
.reveal-ready.is-visible { opacity: 1; transform: none; }
@media(min-width:1537px) {
 .financing-content { max-width: 768px; }
 .confidence-facts { max-width: 768px; }
}
@media(max-width:1023px) {
 .continuation-inner { padding: 44px 30px; }
 .home-extension h2 { font-size: 30px; }
 .continuation-heading { gap: 30px; }
 .section-intro { font-size: 12px; }
 .process-steps { gap: 17px; }
 .process-steps h3 { font-size: 12px; }
 .process-steps p { font-size: 11px; }
 .area-layout { gap: 35px; }
 .confidence-facts { padding: 35px 26px; }
 .financing-content { padding: 47px 30px; }
 .faq-home-layout { gap: 36px; grid-template-columns: .8fr 1.2fr; }
 .consultation-layout { gap: 32px; grid-template-columns: .85fr 1.15fr; }
 .home-extension .consultation-copy h2 { font-size: 33px; }
 .consultation-form-panel { padding: 25px; }
 .home-consultation-form input,.home-consultation-form select,.home-consultation-form textarea { font-size: 14px; }
 .footer-main { gap: 25px; }
 .footer-bottom { padding-block: 18px; }
}
@media(max-width:760px) {
 .continuation-inner { padding: 36px 24px; }
 .continuation-heading { grid-template-columns: 1fr; gap: 17px; margin-bottom: 25px; }
 .home-extension h2 { font-size: 30px; line-height: 1.12; }
 .section-intro { max-width: 100%; font-size: 13px; line-height: 1.8; }
 .section-intro .text-link { font-size: 10px; margin-top: 12px; }
 .home-project-grid { grid-template-columns: 1fr; gap: 29px; }
 .home-project-card .project-photo { aspect-ratio: 1.45; }
 .home-project-card h3 { font-size: 19px; }
 .project-category { font-size: 10px; }
 .home-project-card figcaption { padding-top: 12px; }
 .process-steps { grid-template-columns: 1fr; gap: 0; margin-top: 26px; }
 .process-steps li { position: relative; padding: 0 0 27px 58px; }
 .process-steps li:not(:last-child):before { content: ''; position: absolute; left: 16px; top: 34px; bottom: 0; width: 1px; background: #cbd6da; }
 .process-marker { position: static; padding: 0; margin: 0; border: 0; }
 .process-marker>span { position: absolute; left: 0; top: 0; width: 34px; height: 34px; font-size: 11px; }
 .process-marker>.icon { display: none; }
 .process-steps h3 { font-size: 15px; margin-bottom: 7px; padding-top: 7px; }
 .process-steps p { font-size: 13px; line-height: 1.8; }
 .process-steps li:last-child { padding-bottom: 4px; }
 .process-footnote { margin-top: 25px; padding-top: 23px; flex-direction: column; align-items: flex-start; gap: 15px; }
 .process-footnote>span { font-size: 11px; line-height: 1.7; }
 .process-footnote>.text-link { font-size: 10px; }
 .area-layout { grid-template-columns: 1fr; gap: 28px; }
 .area-intro>p:not(.eyebrow) { font-size: 13px; max-width: 100%; }
 .area-city-grid { gap: 0 22px; }
 .area-city-grid a { min-height: 57px; font-size: 15px; }
 .area-city-grid a>.icon { width: 15px; height: 15px; }
 .area-communities>p { font-size: 12px; margin-top: 16px; }
 .area-communities>.area-availability { font-size: 11px; }
 .confidence-layout { grid-template-columns: 1fr; }
 .financing-panel { min-height: 345px; }
 .financing-content { padding: 41px 26px; max-width: none; margin: 0; }
 .financing-content>p:not(.eyebrow) { font-size: 13px; max-width: 320px; }
 .financing-content .button { min-height: 44px; font-size: 11px; }
 .financing-content small { font-size: 10px; }
 .confidence-facts { padding: 33px 26px; max-width: none; gap: 25px; }
 .confidence-facts article { grid-template-columns: 32px 1fr; gap: 20px; }
 .confidence-facts h3 { font-size: 21px; }
 .confidence-facts .eyebrow { font-size: 9px; }
 .confidence-facts p:not(.eyebrow) { font-size: 13px; line-height: 1.8; }
 .confidence-facts .text-link { font-size: 10px; }
 .faq-home-layout { grid-template-columns: 1fr; gap: 28px; }
 .faq-intro>p:not(.eyebrow) { max-width: none; font-size: 13px; }
 .home-faq-list summary { font-size: 14px; padding-block: 19px; min-height: 62px; }
 .home-faq-list details p { font-size: 13px; line-height: 1.8; }
 .home-faq-list summary .icon { width: 16px; height: 16px; }
 .consultation-layout { grid-template-columns: 1fr; gap: 27px; }
 .home-extension .consultation-copy h2 { font-size: 34px; }
 .consultation-copy>p:not(.eyebrow) { font-size: 13px; max-width: none; }
 .consultation-promise { margin-top: 22px; padding-top: 20px; }
 .consultation-promise strong { font-size: 12px; }
 .consultation-promise span { font-size: 11px; }
 .consultation-wordmark { display: none; }
 .consultation-form-panel { padding: 24px 21px; }
 .home-consultation-form { gap: 17px; }
 .form-heading h3 { font-size: 23px; }
 .form-heading>.eyebrow { font-size: 8.5px; }
 .home-consultation-form label { font-size: 12px; gap: 7px; }
 .home-consultation-form .form-row { grid-template-columns: 1fr; gap: 17px; }
 .home-consultation-form input,.home-consultation-form select,.home-consultation-form textarea { font-size: 16px; padding: 11px; min-height: 44px; }
 .home-consultation-form>.button { min-height: 45px; font-size: 10px; padding: 0 10px; gap: 10px; }
 .home-consultation-form .form-preview-notice { font-size: 10px; }
 .footer-main { grid-template-columns: 1fr 1fr; gap: 31px 21px; }
 .footer-brand { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 25px; }
 .footer-brand img { width: 137px; }
 .footer-brand p { font-size: 11px; margin-top: 0; }
 .footer-main h2 { font-size: 10px; margin-top: 0; }
 .footer-main nav { font-size: 11px; gap: 10px; }
 .footer-main>div:last-child { grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid #dce4e9; }
 .footer-main>div:last-child nav { display: grid; grid-template-columns: 1fr 1fr; }
 .footer-bottom { flex-direction: column; align-items: flex-start; padding-block: 21px; gap: 8px; font-size: 10px; }
 .footer-bottom .preview-disclosure { font-size: 9px; line-height: 1.65; }
 .home-lightbox .lightbox-caption { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) { .reveal-ready { opacity: 1; transform: none; transition: none; } }

/* v0.4.1 — Jordan's original option 3. No logo redraw or recoloring.
   The original PNG has a white background. Keep its complete artwork and
   aspect ratio; fit the taller circular mark within the existing header.
   The footer retains its original logo-slot height to prevent layout shifts. */
.brand--client-logo {
  left: calc(62 * var(--u));
  top: calc(3 * var(--u));
  width: calc(148 * var(--u));
  height: calc(103 * var(--u));
}
.footer-brand img {
  height: auto;
  aspect-ratio: 966 / 498;
  object-fit: contain;
  background: #fff;
}
@media (max-width:1023px) {
  .brand--client-logo { width:122px; height:84px; }
}
@media (max-width:760px) {
  .brand--client-logo { width:113px; height:78.5px; }
}
@media (max-width:370px) {
  .brand--client-logo { width:101px; height:71px; }
}

/* v0.5.0 — approved homepage retained; editorial additions and city-page family. */
.project-detail-summary { color:#52626e; font-size:calc(11.5 * var(--u)); line-height:1.75; margin-top:calc(7 * var(--u)); max-width:38ch; }
.project-detail-link { margin-top:calc(10 * var(--u)); }
.photo-scope-note { font-size:13px; color:#607382; margin-top:18px; max-width:760px; }
.home-faq-list p a, .faq-list p a { color:var(--navy); text-decoration:underline; text-underline-offset:3px; }
.city-shell { max-width:var(--page); margin:0 auto; padding:calc(45 * var(--u)) calc(48 * var(--u)); }
.city-page :where(main) h2, .area-hub-main h2 { font-size:clamp(28px,2.75vw,42px); font-weight:600; line-height:1.14; letter-spacing:-.025em; }
.city-page :where(main) h3 { font-weight:600; letter-spacing:-.02em; line-height:1.3; }
.city-page :where(main) .eyebrow { margin-bottom:13px; }
.city-page :where(main) p { line-height:1.8; }
.city-hero { background:var(--navy); color:#fff; }
.city-hero-inner { max-width:1920px; margin:0 auto; display:grid; grid-template-columns:1.08fr 1fr; }
.city-hero-copy { padding:32px clamp(28px,4.7vw,84px) 45px; }
.city-breadcrumbs { font-size:12px; line-height:1.5; margin-bottom:34px; }
.city-breadcrumbs ol { list-style:none; padding:0; margin:0; display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.city-breadcrumbs li:not(:last-child)::after { content:'/'; margin-left:9px; opacity:.45; }
.city-breadcrumbs a { text-decoration:underline; text-decoration-color:transparent; text-underline-offset:4px; }
.city-breadcrumbs a:hover { text-decoration-color:currentColor; }
.city-hero .eyebrow { font-size:12px; color:#71d2f1; letter-spacing:.1em; }
.city-hero h1 { font-size:clamp(34px,3.18vw,55px); font-weight:600; letter-spacing:-.025em; line-height:1.12; max-width:16ch; }
.city-hero h1 span { color:#fff; }
.city-lead { font-size:clamp(14px,1.05vw,17px); max-width:54ch; color:#ecf1f5; margin-top:22px; }
.city-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:25px; }
.city-hero-actions .button { font-size:12px; min-height:48px; padding:0 23px; }
.city-secondary-link { font-size:12px; text-decoration:underline; text-underline-offset:5px; }
.city-founder-note { margin-top:27px; padding-top:20px; border-top:1px solid #ffffff36; font-size:12px; max-width:460px; }
.city-founder-note span { display:block; color:#becfd9; font-size:11px; margin-top:3px; }
.city-hero-photo { position:relative; min-height:100%; overflow:hidden; }
.city-hero-photo img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:71% center; }
.city-photo-label { position:absolute; bottom:14px; right:14px; padding:5px 9px; background:#0a2c43ba; color:white; font-size:10px; }
.city-jump-nav { border-bottom:1px solid #dde4e8; background:white; }
.city-jump-nav .city-shell { padding-block:18px; display:flex; gap:34px; flex-wrap:wrap; font-size:13px; }
.city-jump-nav a:hover { color:#ba4817; }
.city-section-heading { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:start; margin-bottom:34px; }
.city-section-heading h2 { max-width:18ch; }
.city-section-heading>p { color:#465a68; font-size:16px; }
.city-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.city-service { border-top:1px solid #d7dfe4; padding:24px 0 8px; }
.city-service-number { color:#b44819; font-size:12px; letter-spacing:.08em; }
.city-service h3 { font-size:22px; margin-top:14px; max-width:22ch; }
.city-service h3 a:hover { color:#ae4318; }
.city-service p { font-size:15px; margin-top:14px; color:#52626e; }
.city-service .text-link { margin-top:22px; font-size:11px; }
.city-related-service { border-top:1px solid #dde4e8; padding-top:24px; margin-top:26px; color:#52626e; font-size:14px; }
.city-related-service a { text-decoration:underline; text-underline-offset:4px; color:var(--navy); }
.city-planning-section { background:var(--cream); }
.city-planning-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:8%; align-items:start; }
.city-planning-grid>div>p:not(.eyebrow) { font-size:15px; margin-top:22px; color:#465a68; }
.city-planning-grid h2 { max-width:21ch; }
.city-local-reference { border-left:2px solid #009ed7; padding:1px 0 1px 22px; margin:28px 0; }
.city-reference-label { text-transform:uppercase; font-size:10px; font-weight:600; letter-spacing:.12em; }
.city-local-reference p { margin:10px 0 12px; font-size:15px; color:#334d5c; }
.city-source-link { display:flex; gap:8px; align-items:center; width:fit-content; max-width:100%; font-size:12px; line-height:1.65; margin:8px 0; text-decoration:underline; text-underline-offset:3px; }
.city-source-link .icon { height:14px; width:14px; }
.city-local-reference small { font-size:11px; line-height:1.65; color:#5c6b75; display:block; margin-top:13px; }
.city-preparation { background:white; padding:34px 30px; border-top:3px solid var(--orange); }
.city-preparation h2 { font-size:31px; }
.city-preparation ol { padding:0; margin:27px 0; list-style:none; }
.city-preparation li { display:grid; grid-template-columns:25px 1fr; gap:17px; margin-top:24px; }
.city-preparation li>span { font-size:11px; color:#b44819; padding-top:3px; }
.city-preparation h3 { font-size:16px; }
.city-preparation li p { margin-top:7px; font-size:13px; color:#52626e; }
.city-preparation .text-link { font-size:11px; }
.city-approach-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:9%; align-items:start; }
.city-approach-grid p:not(.eyebrow) { font-size:15px; color:#465a68; margin-top:18px; }
.city-approach-grid .text-link { margin-top:20px; font-size:11px; }
.city-approach-aside { border-left:1px solid #dbe3e8; padding-left:35px; }
.city-approach-aside h3 { font-size:25px; }
.city-finance-note { margin-top:30px; padding-top:25px; border-top:1px solid #dbe3e8; }
.city-finance-note a { display:inline-flex; gap:8px; align-items:center; font-size:13px; margin-top:15px; text-decoration:underline; text-underline-offset:4px; }
.city-finance-note a .icon { width:16px; height:16px; }
.city-questions-section { background:#f7f8f8; }
.city-questions-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:8%; }
.city-questions-grid>div>p:not(.eyebrow) { margin-top:18px; font-size:15px; color:#52626e; }
.city-questions-grid .text-link { margin-top:20px; font-size:11px; }
.city-faq-list { max-width:none; }
.city-faq-list summary { font-size:16px; line-height:1.5; gap:20px; }
.city-faq-list details[open] .icon { transform:rotate(45deg); }
.city-faq-list details p { font-size:14px; line-height:1.8; }
.city-nearby-section .city-shell { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; }
.city-nearby-section h2 { font-size:28px; }
.city-nearby-links { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
.city-nearby-links a { border-bottom:1px solid #dbe3e8; padding:14px 0; display:flex; justify-content:space-between; align-items:center; font-size:14px; }
.city-nearby-links .icon { width:16px; height:16px; color:#df5418; }
.city-availability-banner { background:#fff5e9; border-top:1px solid #f0dfc6; border-bottom:1px solid #f0dfc6; color:#6c431b; }
.city-availability-banner .city-shell { padding-block:15px; display:flex; gap:18px; font-size:13px; align-items:flex-start; }
.city-availability-banner strong { white-space:nowrap; }
.area-hub-intro { background:var(--navy); color:#fff; }
.area-hub-intro .eyebrow { color:#71d2f1; }
.area-hub-intro h1 { font-size:clamp(31px,3.2vw,49px); letter-spacing:-.03em; font-weight:600; line-height:1.15; margin-top:14px; }
.area-hub-intro p:not(.eyebrow) { max-width:720px; font-size:16px; color:#e0e9ee; margin-top:22px; }
.hub-city-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.hub-city-card { display:flex; flex-direction:column; border:1px solid #dce4e9; border-top:3px solid var(--orange); padding:26px; min-height:248px; transition:box-shadow .2s ease; }
.hub-city-card:hover { box-shadow:0 6px 24px #0a2c430d; }
.hub-city-card h2 { font-size:28px; margin-top:8px; }
.hub-city-card p { margin:18px 0 22px; color:#52626e; font-size:14px; line-height:1.8; }
.hub-city-card .text-link { margin-top:auto; font-size:11px; }
.hub-availability { background:var(--cream); padding:26px; margin-top:28px; display:flex; justify-content:space-between; align-items:center; gap:28px; }
.hub-availability h2 { font-size:22px; }
.hub-availability p { font-size:14px; color:#52626e; margin-top:8px; max-width:640px; }
.hub-availability .text-link { flex-shrink:0; font-size:11px; }
.hub-coverage { border-top:1px solid #dce4e9; }
.hub-coverage h2 { margin-top:12px; }
.hub-coverage p:not(.eyebrow) { margin:20px 0; color:#52626e; max-width:760px; font-size:15px; }
.hub-coverage .area-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.hub-service-links { display:flex; flex-wrap:wrap; gap:14px 24px; margin:28px 0; font-size:14px; }
.hub-service-links a { text-decoration:underline; text-underline-offset:4px; }
@media(min-width:1921px) { .city-hero-copy { padding-left:calc((1920px - 1536px)/2 + 72px); } }
@media(max-width:1100px) {
 .city-hero-copy { padding-left:34px; padding-right:28px; }
 .city-hero h1 { font-size:36px; }
 .city-shell { padding:40px 30px; }
 .city-section-heading, .city-planning-grid, .city-approach-grid, .city-questions-grid { gap:35px; }
 .city-preparation { padding:28px 22px; }
 .city-services-grid { gap:23px; }
 .hub-city-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hub-coverage .area-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
 .project-detail-summary { font-size:13px; max-width:none; }
 .project-detail-link { margin-top:10px; font-size:10px; }
 .city-shell { padding:34px 24px; }
 .city-hero-inner { grid-template-columns:1fr; }
 .city-hero-copy { padding:24px 24px 30px; }
 .city-hero h1 { font-size:34px; max-width:18ch; }
 .city-lead { font-size:14px; }
 .city-breadcrumbs { margin-bottom:29px; font-size:11px; }
 .city-hero-actions { gap:18px; }
 .city-hero-actions .button { font-size:10px; min-height:44px; }
 .city-founder-note { font-size:11px; margin-top:24px; }
 .city-hero-photo { height:230px; min-height:0; }
 .city-hero-photo img { object-position:70% 65%; }
 .city-photo-label { font-size:9px; }
 .city-jump-nav .city-shell { gap:22px; font-size:11px; padding-block:17px; }
 .city-section-heading, .city-planning-grid, .city-approach-grid, .city-questions-grid, .city-nearby-section .city-shell { grid-template-columns:1fr; gap:27px; }
 .city-page :where(main) h2 { font-size:29px; }
 .city-section-heading h2, .city-planning-grid h2 { max-width:none; }
 .city-section-heading>p { font-size:14px; }
 .city-services-grid { grid-template-columns:1fr; gap:23px; }
 .city-service { padding-top:20px; }
 .city-service h3 { font-size:21px; max-width:none; }
 .city-service p { font-size:14px; }
 .city-service .text-link { margin-top:16px; }
 .city-related-service { font-size:13px; }
 .city-local-reference p, .city-planning-grid>div>p:not(.eyebrow) { font-size:14px; }
 .city-local-reference { padding-left:16px; }
 .city-preparation { padding:28px 23px; }
 .city-preparation h2 { font-size:27px; }
 .city-approach-aside { padding:26px 0 0; border-left:0; border-top:1px solid #dbe3e8; }
 .city-approach-grid p:not(.eyebrow) { font-size:14px; }
 .city-approach-aside h3 { font-size:23px; }
 .city-faq-list summary { font-size:14px; }
 .city-faq-list details p { font-size:13px; }
 .city-nearby-section h2 { font-size:25px; }
 .city-nearby-links a { font-size:13px; min-height:48px; }
 .city-availability-banner .city-shell { display:block; font-size:12px; }
 .city-availability-banner strong { display:block; margin-bottom:5px; }
 .area-hub-intro h1 { font-size:33px; }
 .area-hub-intro p:not(.eyebrow) { font-size:14px; }
 .hub-city-grid { grid-template-columns:1fr; gap:19px; }
 .hub-city-card { min-height:0; padding:24px; }
 .hub-city-card h2 { font-size:27px; }
 .hub-availability { padding:24px; display:block; }
 .hub-availability .text-link { margin-top:18px; }
 .hub-coverage .area-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) { .hub-city-card { transition:none; } }

/* v0.6: directory links use the existing coverage-tile treatment. */
.hub-coverage .area-grid a { display:block; padding:18px 22px; background:var(--cream); font-size:15px; line-height:1.55; text-underline-offset:4px; }
.hub-coverage .area-grid a:hover { text-decoration:underline; }
@media(max-width:760px) { .hub-coverage .area-grid a { padding:14px 12px; font-size:12px; } }

/* v0.8.7 — useful contact details in the existing white footer. */
.footer-main { grid-template-columns: 1.18fr 1fr 1.15fr 1.22fr; }
.footer-contact { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: 12px; }
.footer-contact h2 { margin-bottom: 4px; }
.footer-phone { font-size: clamp(16px,1.45vw,21px); font-weight: 650; line-height: 1.35; color: var(--navy); white-space: nowrap; }
.footer-email { font-size: clamp(12px,1.05vw,15px); line-height: 1.6; color: #334e5d; overflow-wrap: anywhere; }
.footer-contact-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 7px; font-size: 11px; font-weight: 600; color: #bc4611; line-height: 1.5; }
.footer-contact a:hover { color: #b3481a; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width:761px) and (max-width:1100px) { .footer-main { gap: 20px; } }
@media (max-width:760px) {
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-main > .footer-contact { grid-column: 1 / -1; border-top: 1px solid #dce4e9; padding-top: 20px; }
  .footer-contact h2 { font-size: 12px; }
  .footer-phone { font-size: 20px; }
  .footer-email { font-size: 14px; }
  .footer-contact-link { font-size: 12px; }
}

/* v0.8.7 — H30-confirmed business hours, available in footer and Contact page. */
.footer-hours { width:100%; border-top:1px solid #dce4e9; margin-top:3px; padding-top:14px; color:#405765; }
.footer-hours h3, .contact-hours h3 { font-size:12px; font-weight:650; color:var(--navy); line-height:1.4; margin:0 0 9px; letter-spacing:.015em; }
.footer-hours dl, .contact-hours dl { margin:0; display:grid; gap:6px; }
.footer-hours dl>div, .contact-hours dl>div { display:flex; flex-wrap:wrap; column-gap:10px; row-gap:2px; align-items:baseline; justify-content:space-between; }
.footer-hours dt, .contact-hours dt { font-size:12px; color:#405765; font-weight:400; }
.footer-hours dd, .contact-hours dd { margin:0; font-size:12px; font-weight:600; color:var(--navy); white-space:nowrap; }
.contact-hours { border-top:1px solid #d3dfe5; border-bottom:1px solid #d3dfe5; padding:17px 0; margin:18px 0; }
.contact-hours h3 { font-size:14px; }
.contact-hours dt, .contact-hours dd { font-size:13px; }
@media (max-width:480px) { .footer-hours dl>div, .contact-hours dl>div { justify-content:flex-start; } }


/* v0.8.7 — unified four-column H30 footer, modeled on the clarity of
   American Roofing's footer. One white canvas: no contact card, isolated brand
   row, left-accent strip, or mismatched heading system. Main content unaffected. */
.expanded-footer {
  background:#fff;
  color:#112f48;
  border-top:1px solid #e5eaf0;
}
.expanded-footer .footer-main {
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(0,.90fr) minmax(0,1.17fr) minmax(0,1.17fr);
  grid-template-areas:"brand company services contact";
  align-items:start;
  gap:clamp(26px,3.9vw,66px);
  padding-top:clamp(54px,5.2vw,79px);
  padding-bottom:clamp(60px,5.4vw,86px);
}
.expanded-footer .footer-main > div { min-width:0; }
.expanded-footer .footer-brand {
  grid-area:brand;
  display:block;
  padding:0;
  border:0;
  margin:0;
}
.expanded-footer .footer-brand > a { display:inline-block; }
.expanded-footer .footer-brand img {
  display:block;
  width:clamp(130px,11.1vw,160px);
  max-width:100%;
  height:auto;
}
.expanded-footer .footer-brand p {
  margin:23px 0 0;
  padding:0;
  border:0;
  max-width:250px;
  font-size:14px;
  line-height:1.86;
  color:#63788b;
}
.expanded-footer .footer-menu--company { grid-area:company; padding:0; }
.expanded-footer .footer-menu--services { grid-area:services; padding:0; }
.expanded-footer .footer-main h2 {
  margin:4px 0 22px;
  font-size:17px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-.015em;
  text-transform:none;
  color:#0d2b4b;
}
.expanded-footer .footer-menu nav {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  margin:0;
  font-size:15px;
  line-height:1.55;
  font-weight:400;
}
.expanded-footer .footer-menu nav a {
  display:inline-flex;
  align-items:center;
  line-height:1.58;
  color:#38536e;
  text-decoration:none;
  text-underline-offset:4px;
}
.expanded-footer .footer-menu nav a:hover,
.expanded-footer .footer-menu nav a:focus-visible {
  color:#ba4314;
  text-decoration:underline;
}
.expanded-footer .footer-contact {
  grid-area:contact;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  min-width:0;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
}
.expanded-footer .footer-contact h2 { margin:4px 0 22px; }
.expanded-footer .footer-phone,
.expanded-footer .footer-email {
  font-size:15px;
  line-height:1.55;
  font-weight:400;
  color:#38536e;
  white-space:normal;
  overflow-wrap:anywhere;
}
.expanded-footer .footer-contact-link {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:4px 0 0;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  color:#b94719;
  text-decoration:none;
}
.expanded-footer .footer-contact a:hover,
.expanded-footer .footer-contact a:focus-visible {
  color:#ad3b10;
  text-decoration:underline;
  text-underline-offset:4px;
}
.expanded-footer .footer-hours {
  width:100%;
  padding:0;
  margin:11px 0 0;
  border:0;
  color:#7c8b9c;
}
.expanded-footer .footer-hours h3 {
  margin:0 0 10px;
  font-size:12px;
  line-height:1.55;
  letter-spacing:0;
  font-weight:600;
  text-transform:none;
  color:#526b80;
}
.expanded-footer .footer-hours dl { display:grid; gap:6px; margin:0; }
.expanded-footer .footer-hours dl > div {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:flex-start;
  column-gap:6px;
  row-gap:2px;
}
.expanded-footer .footer-hours dt,
.expanded-footer .footer-hours dd {
  font-size:12px;
  line-height:1.65;
  font-weight:400;
  color:#7d8fa0;
  white-space:normal;
  text-align:left;
  margin:0;
}
.expanded-footer .footer-hours dt::after { content:":"; }
.expanded-footer .footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 22px;
  padding-top:21px;
  padding-bottom:22px;
  border-top:1px solid #e5eaf0;
  font-size:12px;
  line-height:1.65;
  color:#7d8fa0;
}
@media(max-width:1120px) {
  .expanded-footer .footer-main {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"brand company" "services contact";
    row-gap:45px;
    column-gap:45px;
    padding-block:57px 66px;
  }
  .expanded-footer .footer-brand { display:block; grid-column:auto; }
  .expanded-footer .footer-brand img { width:150px; }
  .expanded-footer .footer-brand p { font-size:14px; max-width:300px; margin-top:17px; }
  .expanded-footer .footer-menu--company,
  .expanded-footer .footer-menu--services { padding:0; }
  .expanded-footer .footer-contact {
    display:flex;
    grid-column:auto;
    gap:11px;
    padding:0;
    border:0;
    background:none;
  }
  .expanded-footer .footer-contact h2,
  .expanded-footer .footer-phone,
  .expanded-footer .footer-email,
  .expanded-footer .footer-contact-link { grid-column:auto; }
  .expanded-footer .footer-hours {
    grid-column:auto;
    grid-row:auto;
    border:0;
    padding:0;
    margin-top:10px;
    max-width:none;
  }
}
@media(max-width:640px) {
  .expanded-footer .footer-main {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"brand brand" "company services" "contact contact";
    row-gap:33px;
    column-gap:20px;
    padding-top:39px;
    padding-bottom:44px;
  }
  .expanded-footer .footer-brand {
    grid-column:1 / -1;
    display:block;
    padding:0 0 26px;
    border-bottom:1px solid #e6edf0;
    margin:0;
  }
  .expanded-footer .footer-brand img { width:138px; }
  .expanded-footer .footer-brand p {
    border:0;
    padding:0;
    max-width:320px;
    margin-top:12px;
    font-size:13px;
    line-height:1.72;
  }
  .expanded-footer .footer-main h2 {
    font-size:14px;
    line-height:1.35;
    margin:0 0 17px;
    font-weight:700;
    letter-spacing:-.015em;
  }
  .expanded-footer .footer-menu nav { gap:11px; font-size:13px; }
  .expanded-footer .footer-menu nav a { line-height:1.55; }
  .expanded-footer .footer-contact {
    grid-column:1 / -1;
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:25px 0 0;
    margin:0;
    border-top:1px solid #e6edf0;
    background:transparent;
  }
  .expanded-footer .footer-contact h2 { font-size:14px; margin:0 0 9px; }
  .expanded-footer .footer-phone,
  .expanded-footer .footer-email { font-size:14px; }
  .expanded-footer .footer-contact-link { font-size:13px; }
  .expanded-footer .footer-hours { padding:0; margin-top:10px; border:0; }
  .expanded-footer .footer-hours dl > div { flex-wrap:wrap; gap:6px; }
  .expanded-footer .footer-hours dt,
  .expanded-footer .footer-hours dd { font-size:12px; }
  .expanded-footer .footer-bottom {
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    padding-top:19px;
    padding-bottom:22px;
    gap:6px;
    font-size:11px;
  }
}