*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172b3b;background:#fff;line-height:1.6}a{color:inherit}img{display:block;width:100%}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #b27c12;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,4.7vw,4.5rem);margin-bottom:24px}h2{font-size:clamp(2rem,3.1vw,3rem);margin-bottom:24px}h3{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:12px}p{color:#51616c}em{color:#0b4f96;font-style:normal}.wrap{max-width:1240px;margin:auto;padding:0 32px}.utility{background:#102d48;color:#fff;font-size:13px}.utility .wrap,.utility .wrap>div{display:flex;align-items:center;justify-content:space-between;gap:24px}.utility a{display:inline-block;padding:10px 0;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:110px}.logo{width:240px;height:auto}.desktop-nav{display:flex;align-items:center;gap:26px}.desktop-nav>a{text-decoration:none;font-size:14px;font-weight:700;padding:12px 0}.desktop-nav .nav-cta{padding:13px 20px;background:#104f90;border-radius:5px;color:white}.dropdown{position:relative}.dropdown>summary{cursor:pointer;font-weight:700;font-size:14px;padding:14px 0}.dropdown>div{position:absolute;top:100%;left:-16px;width:265px;background:white;box-shadow:0 12px 40px #122d4826;z-index:20;padding:12px;border:1px solid #dce4e9;border-radius:6px}.dropdown a{display:block;padding:11px 10px;text-decoration:none;font-size:14px}.dropdown a:hover{background:#f2f5f7}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:44px;padding-bottom:72px}.hero-copy{padding:20px 0}.hero p{font-size:18px;max-width:590px}.eyebrow{display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#876015;font-weight:700;margin-bottom:18px}.hero-photo{position:relative;min-width:0}.hero-photo>img{height:590px;object-fit:cover;object-position:center 64%;border-radius:8px}.photo-label{position:absolute;left:16px;top:16px;background:#102d48e8;color:white;font-size:12px;padding:7px 11px;border-radius:3px}.inset-photo{position:absolute;right:-12px;bottom:24px;width:43%;border:5px solid white;box-shadow:0 10px 30px #0003;border-radius:7px;overflow:hidden;text-decoration:none;background:white}.inset-photo img{height:160px;object-fit:cover;object-position:50% 70%}.inset-photo span{display:block;padding:8px;font-size:12px;font-weight:bold}.button{display:inline-flex;align-items:center;gap:20px;justify-content:center;background:#105296;color:white;padding:16px 22px;min-height:52px;text-decoration:none;font-weight:700;font-size:15px;border-radius:5px;line-height:1.3}.button:hover,.nav-cta:hover{background:#0b3c6e}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0 20px}.text-link{display:inline-block;font-weight:700;color:#104f90;text-underline-offset:5px;padding:10px 0}.hero .small,.small{font-size:13px;line-height:1.7}.trust-strip{background:#f4f6f8;border-block:1px solid #e0e5e9}.trust-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}.trust-strip span{font-size:13px;font-weight:700}.section{padding-top:80px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{min-width:0;background:#fff;border:1px solid #e0e6eb;border-radius:7px;overflow:hidden}.pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pair figure{position:relative;margin:0;min-width:0}.pair img{height:270px;object-fit:cover;object-position:center 62%}.pair figcaption{position:absolute;bottom:9px;left:7px;color:white;background:#102d48ed;padding:5px 7px;border-radius:3px;font-size:10px;font-weight:bold}.project-caption{padding:22px}.project-caption p{font-size:14px;margin:0}.soft{background:#f3f6f8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.service-card{display:block;border:1px solid #e0e6eb;background:white;border-radius:7px;overflow:hidden;text-decoration:none}.service-card img{height:230px;object-fit:cover;object-position:50% 65%}.service-card>div{padding:24px}.service-card h3{display:flex;justify-content:space-between;gap:14px}.service-card p{font-size:14px;margin-bottom:0}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.number{display:block;font-size:40px;color:#b78117;font-weight:bold;margin:10px 0 16px}.narrow{max-width:940px}.faq{border-bottom:1px solid #d7e0e6}.faq summary{cursor:pointer;font-weight:bold;padding:22px 0;font-size:17px}.faq p{padding-right:20px;line-height:1.8}.cta{background:#103652;color:white;padding:58px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{margin-bottom:12px}.cta p{color:#d3dfe7;margin:0}.cta .eyebrow{color:#e7bd68}.cta .button{background:#e4b957;color:#152e42;flex-shrink:0}footer{padding:60px 0 20px;background:#f8f9fa}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:35px}.footer-grid .logo{width:220px;margin-bottom:22px}.footer-grid p{font-size:14px}.footer-grid h3{font-size:15px;margin-bottom:18px}.footer-grid a{display:block;font-size:13px;text-decoration:none;padding:11px 0;min-height:44px}.footer-grid .phone{font-size:19px;font-weight:bold;color:#104f90}.fine{font-size:12px;color:#63717a;border-top:1px solid #dfe4e8;margin-top:40px;padding-top:20px}.interior h1{font-size:clamp(2.5rem,4.2vw,4rem)}.interior .hero-photo>img{height:510px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.feature span{color:#a47014;font-size:25px}.feature h3{font-size:18px;margin-top:15px;line-height:1.4}.note{padding-top:30px;padding-bottom:30px;color:#56646e;font-size:14px}.single-project{max-width:920px;margin-bottom:24px}.single-project .pair img{height:500px}.page-intro{padding-top:60px;padding-bottom:35px;max-width:950px}.page-intro p{font-size:19px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.gallery-grid .pair img{height:400px}.gallery-extras{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:45px}.gallery-extras figure{margin:0}.gallery-extras img{height:290px;object-fit:cover;object-position:center 65%;border-radius:5px}.gallery-extras figcaption{font-size:14px;padding-top:13px;color:#51616c}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:80px}.access-card{border:1px solid #dce4ea;border-radius:8px;padding:40px;background:#f4f7fa}.access-card h2{font-size:32px;margin-top:22px}.access-card li{color:#51616c;margin:10px 0}.access-card ul{padding-left:20px;margin-bottom:32px}.access-card .small{margin-top:24px;margin-bottom:0}.access-card .step{font-size:12px;letter-spacing:.1em;font-weight:bold;color:#876015}.access-card.blue{background:#133852;color:white}.access-card.blue p{color:#e0e9ee}.access-card.blue .step{color:#e7bd68}.access-card.blue .button{background:white;color:#104f90;margin-top:20px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}
@media(max-width:1000px){.desktop-nav{gap:16px}.logo{width:200px}.hero{gap:30px}.hero-photo>img{height:520px}.project-grid{grid-template-columns:1fr}.project-grid .pair img{height:380px}.footer-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.four-col{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.gallery-extras{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.utility .wrap>span{display:none}.utility .wrap>div{width:100%;justify-content:space-between}.nav{min-height:89px}.logo{width:200px}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu>summary{cursor:pointer;padding:13px 0 13px 16px;font-weight:bold}.mobile-menu>nav{position:absolute;left:0;right:0;top:130px;background:white;z-index:30;padding:20px 24px;border-bottom:1px solid #ddd;box-shadow:0 15px 20px #0001}.mobile-menu nav>a{display:block;padding:13px 0;font-weight:700}.dropdown>div{position:static;width:auto;box-shadow:none;border:0;padding:0 10px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:40px;gap:24px}.hero h1{font-size:44px}.hero p{font-size:17px}.hero-photo>img{height:450px}.inset-photo{right:8px;width:42%;bottom:12px}.inset-photo img{height:120px}.hero-copy{padding:0}.trust-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trust-strip span{font-size:12px}.section{padding-top:48px;padding-bottom:48px}.section-heading{display:block}.section-heading .text-link{margin-top:15px}.pair img,.project-grid .pair img{height:280px}.service-grid,.three-col,.access-grid{grid-template-columns:1fr}.service-card img{height:280px}.three-col{gap:20px}.number{font-size:34px;margin-bottom:10px}.footer-grid{gap:30px 20px}.footer-grid .logo{width:180px}.footer-grid>div:first-child{grid-column:1/-1}.cta .wrap{display:block}.cta .button{margin-top:28px}.four-col{gap:22px}.feature h3{font-size:16px}.interior .hero-photo>img{height:400px}.single-project .pair img,.gallery-grid .pair img{height:340px}.gallery-extras{gap:20px}.gallery-extras img{height:250px}.page-intro{padding-top:35px}.page-intro h1{font-size:42px}.access-card{padding:27px}.access-card h2{font-size:29px}.access-grid{padding-bottom:45px}.button{font-size:14px}.actions{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.original-gym>img{object-position:center;height:510px}@media(max-width:760px){.original-gym>img{height:auto;aspect-ratio:4/3;object-fit:cover}}
/* Messaging policies */
.policy{max-width:880px;padding-top:55px;padding-bottom:65px}.policy h1{font-size:clamp(2.2rem,5vw,3.3rem);margin-bottom:12px}.policy h2{font-size:1.45rem;line-height:1.4;margin:32px 0 12px}.policy p{font-size:1rem;line-height:1.75;color:#354852}.policy a{color:#104f90;text-underline-offset:3px;overflow-wrap:anywhere}.policy-date{color:#65737d!important}.policy-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}.policy-links a{font-size:14px;line-height:1.6;padding:6px 0;color:#104f90}

/* SEO content additions 2026-10-12 */
.breadcrumbs{padding-top:22px;font-size:13px;color:#51616c}.breadcrumbs a{color:#104f90;text-underline-offset:3px}.seo-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}.seo-content p{max-width:900px}.seo-content h3{line-height:1.35}.seo-content .three-col{gap:30px}@media(max-width:760px){.seo-system-grid{grid-template-columns:1fr}.seo-content h3{font-size:20px}.breadcrumbs{padding-top:18px}}
.hero-copy h1{font-size:clamp(2.3rem,3.8vw,3.5rem)}@media(max-width:760px){.hero-copy h1{font-size:36px}}
@media(max-width:380px){.nav{gap:12px}.nav .logo{width:170px}.hero-copy h1{font-size:32px}.interior h1{font-size:34px;overflow-wrap:break-word}}

/* Real project stories and buyer checklists 2026-10-13 */
.project-story .story-pair{padding-top:12px}.story-pair .pair{gap:24px}.story-pair figure{border:1px solid #dce4ea;border-radius:7px;overflow:hidden;background:#f3f6f8}.story-pair .pair img{height:auto;object-fit:contain}.story-pair .pair figcaption{position:static;color:#172b3b;background:#f3f6f8;padding:14px 18px;font-size:14px;border-radius:0}.project-story .three-col h2{font-size:29px;line-height:1.18}.quote-checklist,.project-story ul{padding-left:22px;color:#51616c}.quote-checklist li,.project-story li{margin-bottom:13px;max-width:900px}.project-caption .text-link{font-size:14px;margin-top:12px;line-height:1.6}.project-story .page-intro h1{font-size:clamp(2.1rem,4.2vw,3.7rem)}@media(max-width:760px){.story-pair .pair{grid-template-columns:1fr;gap:20px}.project-story .three-col h2{font-size:27px}.project-story .page-intro h1{font-size:34px}}

/* Descriptive project captions */
.photo-label{max-width:calc(100% - 32px);line-height:1.4}

/* Public floor scanner: QR is for marketing materials; the website uses a direct button. */
.scanner-callout{padding-top:48px;padding-bottom:48px;border-bottom:1px solid #dce4e9}.scanner-callout>div{max-width:840px}.scanner-callout h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:16px}.scanner-callout p{max-width:760px}.scanner-callout .small{margin:14px 0 0}.scanner-trust{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;padding:0;margin:20px 0 24px;color:#172b3b;font-size:14px;font-weight:700}@media(max-width:760px){.scanner-callout{padding-top:36px;padding-bottom:36px}.scanner-callout .button{width:100%}.scanner-trust{display:grid;grid-template-columns:1fr;gap:10px}}

/* Make the fast-pricing message the first thing customers see. */
.hero-copy .instant-price-headline{font-size:clamp(54px,5.5vw,82px);line-height:.99;letter-spacing:-3px;max-width:740px;text-wrap:balance}
.hero-copy .instant-price-promise{font-size:clamp(23px,2.5vw,31px);font-weight:800;line-height:1.15;margin:22px 0 8px;color:var(--navy,#062b68)}
.hero-copy .instant-price-quality{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--blue,#0646a7)}
@media(max-width:700px){.hero-copy .instant-price-headline{font-size:clamp(46px,12.8vw,66px);letter-spacing:-2px}.hero-copy .instant-price-promise{font-size:24px}.hero-copy .instant-price-quality{font-size:18px}}

/* Larger price buttons on the homepage. */
.button.price-button{min-height:66px;min-width:276px;max-width:100%;padding:20px 30px;font-size:18px;border-radius:8px;gap:24px}
@media(max-width:700px){.button.price-button{width:100%;min-width:0;min-height:66px;padding:20px 22px;font-size:18px;justify-content:space-between}.hero-copy .actions>.price-button{flex-basis:100%}}

.price-button-copy{display:grid;gap:4px;text-align:left}.price-button-copy strong{font-size:18px}.price-button-copy small{font-size:12px;font-weight:400;line-height:1.3}
.hero-copy .commercial-route{font-size:14px;line-height:1.5;border-top:1px solid #dbe3ec;margin:18px 0 0;padding-top:14px}.commercial-route a{font-weight:700;color:#104f90;text-underline-offset:3px}

/* Direct access to the color gallery on every page. */
.desktop-nav .nav-colors{padding:10px 13px;background:#f8efd9;color:#104f90;border-radius:5px;white-space:nowrap}
.nav-colors:hover,.nav-colors[aria-current="page"]{background:#f1dfb3;color:#0b3c6e}
.button.colors-button{background:#f8efd9;color:#103652;border:1px solid #d8b56d;min-height:58px;padding:17px 22px;font-size:16px;border-radius:8px}
.button.colors-button:hover{background:#f1dfb3}
@media(max-width:1000px){
 .nav{position:relative}.desktop-nav{display:none}.mobile-menu{display:block}
 .mobile-menu>summary{cursor:pointer;padding:13px 0 13px 16px;font-weight:700}
 .mobile-menu>nav{position:absolute;left:0;right:0;top:100%;background:white;z-index:30;padding:16px 24px;border-bottom:1px solid #ddd;box-shadow:0 15px 20px #0001}
 .mobile-menu nav>a{display:block;padding:13px 0;font-weight:700}
 .mobile-menu nav>.nav-colors{padding:14px 16px;margin-bottom:4px;background:#f8efd9;color:#104f90;border-radius:5px;text-decoration:none}
 .mobile-menu .dropdown>div{position:static;width:auto;box-shadow:none;border:0;padding:0 10px}
}
@media(max-width:700px){.hero-copy .actions>.colors-button{width:100%;justify-content:space-between}}


/* Defined button edges and clear residential / commercial paths. */
.button,.desktop-nav .nav-cta,.mobile-menu .nav-cta{border:2px solid #0a3a6c;box-shadow:0 2px 0 #072f571f,inset 0 1px 0 #ffffff24;border-radius:8px;transition:background-color .15s,border-color .15s}
.button.colors-button,.desktop-nav .nav-colors,.mobile-menu nav>.nav-colors{border:2px solid #c59b47;border-radius:8px}
.button.walkthrough-button{background:#fff;color:#103652;border-color:#104f90;min-height:58px}
.button.walkthrough-button:hover{background:#eef4fa;border-color:#072f57}
.walkthrough-button .price-button-copy strong{font-size:16px;line-height:1.35}
.cta .button{border-color:#bd8b2f}
.button.price-button{justify-content:center}.price-button-copy{text-align:center}
.hero-copy .actions>.walkthrough-button{max-width:100%;padding:17px 22px}
.mobile-menu nav>.nav-cta{padding:13px 16px;background:#104f90;color:#fff;text-decoration:none;margin-top:8px}
@media(max-width:1100px){.nav{position:relative}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu>summary{cursor:pointer;padding:13px 0 13px 16px;font-weight:700}.mobile-menu>nav{position:absolute;left:0;right:0;top:100%;background:#fff;z-index:30;padding:16px 24px;border-bottom:1px solid #ddd;box-shadow:0 15px 20px #0001}.mobile-menu nav>a{display:block}.mobile-menu .dropdown>div{position:static;width:auto;box-shadow:none;border:0;padding:0 10px}.mobile-menu nav>.nav-colors{padding:14px 16px;margin-bottom:4px;background:#f8efd9;color:#104f90;text-decoration:none}}
@media(max-width:700px){.hero-copy .actions>.walkthrough-button{width:100%}.hero-copy .actions>.colors-button,.button.price-button{justify-content:center}}
@media(prefers-reduced-motion:reduce){.button,.nav-cta{transition:none}}
.mobile-menu>summary,.dropdown>summary{list-style:none}.mobile-menu>summary::-webkit-details-marker,.dropdown>summary::-webkit-details-marker{display:none}.mobile-menu>summary{border:2px solid #104f90;border-radius:7px;padding:9px 14px;min-height:44px}.desktop-nav .dropdown>summary{padding:10px 0}.feature h3{margin-top:0}