@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#091c2b;--blue:#117594;--ice:#e9f4f7;--gold:#d5b782;--muted:#52616c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);font:17px/1.7 'DM Sans',sans-serif;background:#fff}a{color:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:800 21px/1.1 Manrope,sans-serif;letter-spacing:2px}.brand small{display:block;font-size:11px;letter-spacing:6px;margin-top:8px}.brandmark{color:var(--blue);font-size:40px;letter-spacing:-8px}.brandmark span{color:var(--gold);font-size:25px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:600}.button{display:inline-block;background:var(--blue);color:white;padding:15px 25px;text-decoration:none;font-weight:700;font-size:15px;border-radius:3px}.button:hover{background:#095b77}.button.small{padding:12px 20px}.hero{height:720px;min-height:620px;position:relative;color:white;background:var(--navy)}.hero>img,.shade{position:absolute;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,rgba(3,15,28,.88),rgba(3,15,28,.30)),linear-gradient(0deg,rgba(3,15,28,.7),transparent 40%)}.hero-content{position:relative;padding:105px 6%;max-width:850px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:700;line-height:1.5;margin:0 0 23px}.hero .eyebrow{color:#d9eaf2}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.5px;line-height:1.15;margin:0}h1{font-size:clamp(44px,5.5vw,76px);font-weight:500}.hero-content>p:not(.eyebrow){font-size:19px;max-width:460px;margin:25px 0 28px;color:#e0e7ec}.dealer{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:2px;margin-top:34px}.dealer strong{font:700 26px Manrope;letter-spacing:0}.hero-bottom{position:absolute;bottom:24px;left:6%;right:6%;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;padding-top:18px;font-size:13px;color:#d5e1e8}.wrap{width:min(1200px,88%);margin:auto}section.wrap{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(32px,3.5vw,48px);font-weight:500}h3{font-size:22px;letter-spacing:-.5px}p{color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro p:first-child{margin-top:0}.eyebrow{color:var(--blue)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-top>p{font-size:15px}.gallery.wrap{padding-top:10px}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}figure{position:relative;margin:0;height:440px;background:var(--navy);overflow:hidden}figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s}figure:hover img{transform:scale(1.025)}figcaption{position:absolute;bottom:0;padding:65px 30px 28px;color:white;width:100%;background:linear-gradient(transparent,#05111be8)}figcaption span{font-size:11px;letter-spacing:2px}figcaption h3{margin-top:10px;font-weight:500}.caption{font-size:12px;margin-top:18px}.features{background:var(--navy);color:white;padding:95px 0}.features .eyebrow{color:#a8d7e7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:55px 0 30px}.feature-grid article{border-top:1px solid #42505b;padding-top:22px}.feature-grid span{color:#95aab6;font-size:13px}.feature-grid h3{margin-top:25px;font-size:20px}.feature-grid p{color:#b7c7d0;font-size:15px}.text-link{color:#b9ddea;font-size:14px;text-underline-offset:5px}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px}.process>div>p:not(.eyebrow){max-width:440px}.process ol{padding:0;list-style:none;margin:0}.process li{display:flex;gap:25px;padding:27px 0;border-bottom:1px solid #dbe2e5}.process li:first-child{padding-top:0}.process li>span{color:var(--blue);font-size:14px}.process li p{margin-bottom:0;font-size:15px}.faq.wrap{padding-top:5px}.faq h2{margin-bottom:35px}details{border-bottom:1px solid #d4dfe5;padding:23px 0}summary{font-weight:600;cursor:pointer;font-size:18px}details p{max-width:870px;font-size:16px}.contact{background:var(--ice);padding:90px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.contact p{max-width:500px}.contact-links{display:flex;flex-direction:column;align-items:start;gap:7px;margin-top:25px}.contact-links a{text-decoration:none;font-weight:600}.contact-card{background:white;padding:38px;border-top:3px solid var(--blue);box-shadow:0 15px 40px #09232e09}.contact-card h3{margin-top:20px;font-size:26px}.contact-card p{font-size:16px}.call-link{display:block;margin-top:18px;font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;padding:45px 0;font-size:12px}footer a{text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:3px solid #d9992a;outline-offset:5px}@media(max-width:800px){header{height:85px;padding:0 6%}.brand{font-size:16px}.brandmark{display:none}nav>a:not(.button){display:none}.button.small{font-size:12px;padding:10px 13px}.hero{height:690px}.hero-content{padding-top:90px}.hero>img{object-position:62%}.hero-bottom span:last-child{display:none}.intro,.process,.contact-grid{grid-template-columns:1fr;gap:35px}section.wrap{padding-top:65px;padding-bottom:65px}.section-top{display:block}.gallery-grid{grid-template-columns:1fr}figure{height:340px}.feature-grid{grid-template-columns:1fr 1fr;gap:25px}.features{padding:65px 0}.contact{padding:65px 0}.contact-card{padding:28px}footer{flex-wrap:wrap;gap:20px}.hero-content>p:not(.eyebrow){font-size:17px}.contact-links a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}figure img{transition:none}}
/* Luma Core brochure-inspired identity */
:root{--navy:#05152c;--blue:#206eb1;--gold:#d5a64f}header{background:#05152c;color:white;border-bottom:1px solid #d5a64f60}.flyer-brand{width:260px}.photo-crop{position:relative;overflow:hidden;width:100%;background:#fff}.photo-crop img{position:absolute;display:block}.hero .button,.contact-card .button{background:var(--gold);color:#07172b}.hero .eyebrow,.dealer{color:#ecc67a}.dealer strong{font-size:21px}.hero h1{font-weight:600}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.scene{height:auto;background:white;overflow:visible}.scene figcaption{position:static;background:transparent;color:var(--navy);padding:12px 0;font-size:14px;font-weight:600}.scene:hover img{transform:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article{border-top-color:#d5a64f80}.feature-grid article>span{color:var(--gold)}.design{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.design-visual .photo-crop{border-radius:4px}.track{grid-column:1/-1;border-top:1px solid #d5a64f;padding-top:30px}.swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}.swatches>div{text-align:center;font-size:12px}.swatches span{display:block;height:52px;border:1px solid #9da5ae;margin-bottom:9px;box-shadow:inset 0 5px 15px #ffffff30}.app-section{background:#edf3fa;padding:80px 0}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.stats{display:flex;gap:30px;margin-top:28px}.stats strong{display:block;font-size:28px;line-height:1.2}.stats span{font-size:10px;letter-spacing:1px}.stats>div{padding-right:20px;border-right:1px solid var(--gold)}.stats>div:last-child{border:0}.contact{background:#071a35;color:white}.contact p,.contact .eyebrow{color:#ccdced}.contact-card{color:var(--navy);border-top-color:var(--gold)}.contact-card p{color:#52616c}.contact-card .eyebrow{color:var(--blue)}
@media(max-width:800px){.flyer-brand{width:190px}header nav .button{padding:10px;font-size:11px}.scene-grid{grid-template-columns:repeat(2,1fr);gap:18px}.feature-grid{grid-template-columns:1fr 1fr}.design,.app-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(5,1fr)}.stats{gap:16px}.stats strong{font-size:24px}.stats>div{padding-right:13px}.dealer{display:block}.dealer strong{display:block;margin-top:8px}.hero-content{padding-top:65px}.hero h1{font-size:43px}.app-section{padding:60px 0}}@media(max-width:380px){.flyer-brand{width:155px}.hero h1{font-size:38px}.feature-grid{grid-template-columns:1fr}}

/* Gold roofline brand refresh */
:root{--navy:#041329;--blue:#9b6c22;--gold:#e2b763}header{height:118px;background:#031226;padding-left:6%;padding-right:6%}.flyer-brand{width:182px}.flyer-brand .photo-crop,.footer-logo .photo-crop{background:#031226}header nav a{font-size:14px}header .button{background:var(--gold);color:#07172b}.refreshed-hero{height:auto;min-height:660px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;background:radial-gradient(ellipse at 80% 20%,#123662,#031226 70%);padding:55px 6% 65px;gap:45px;border-bottom:3px solid var(--gold)}.refreshed-hero .hero-content{padding:0;max-width:none}.refreshed-hero h1{font-size:clamp(39px,4vw,62px);font-weight:500;line-height:1.13;letter-spacing:-2px}.refreshed-hero h1 em{font-style:normal;color:#e2b763}.refreshed-hero .hero-content>p:not(.eyebrow){font-size:17px;max-width:420px}.hero-house{border:1px solid #e2b76366;padding:10px;background:#071931;box-shadow:0 25px 70px #0005}.hero-house .photo-crop{aspect-ratio:536/440!important}.hero-house .photo-crop img{top:0!important}.house-caption{display:block;font-size:11px;letter-spacing:2px;text-align:center;padding:17px 5px 7px;color:#e2b763}.dealer{letter-spacing:1.6px}.dealer strong{font-size:20px}.intro h2,.section-top h2{font-weight:600}.warm-feature{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#071a35;color:white;padding:25px;margin:0 0 35px;border-bottom:2px solid var(--gold)}.warm-feature p{color:#c4d0df;font-size:15px}.warm-feature .eyebrow{color:var(--gold);font-size:11px;margin-bottom:12px}.warm-feature h3{font-size:27px}.warm-feature .photo-crop{width:100%}.contact .eyebrow,.features .eyebrow{color:var(--gold)}.footer-logo{width:160px}footer{gap:30px}.contact-card .eyebrow{color:#8a621e}.button:hover{background:#bb8f42;color:#061329}.text-link{color:#e2b763}.feature-grid article>span{color:var(--gold)}@media(max-width:800px){header{height:100px}.flyer-brand{width:145px}.refreshed-hero{grid-template-columns:1fr;padding:45px 6%;gap:35px;min-height:0}.refreshed-hero h1{font-size:45px}.refreshed-hero .hero-house .photo-crop{aspect-ratio:536/368!important}.refreshed-hero .hero-house .photo-crop img{top:-4.89%!important}.refreshed-hero .dealer{margin-top:25px}.warm-feature{grid-template-columns:1fr;gap:20px;padding:18px}.house-caption{font-size:10px;letter-spacing:1px}.refreshed-hero .button{font-size:14px}.footer-logo{width:145px}}@media(max-width:380px){.refreshed-hero h1{font-size:38px}.flyer-brand{width:125px}}
.hero-house .photo-crop{aspect-ratio:536/368!important}.hero-house .photo-crop img{top:-4.8913043478%!important}

.supplied-photo{display:block;width:100%;height:auto}.supplied-scenes{max-width:850px;margin:0 auto;background:white;border:1px solid #e0e5eb;padding:18px}.supplied-scenes>img{display:block;width:100%;height:auto}.qr-booking{display:flex;gap:20px;align-items:center;border-top:1px solid #d5b782;margin-top:28px;padding-top:24px}.qr-booking img{display:block;width:140px;height:auto;max-width:none}.qr-booking h3{font-size:21px;margin:0}.qr-booking p{font-size:14px}.qr-booking .button{font-size:13px;padding:12px 16px}@media(max-width:600px){.qr-booking{flex-direction:column;text-align:center}.qr-booking img{width:180px}.supplied-scenes{padding:5px}}

.clear-hero{display:block;width:100%;height:auto}.clear-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px 26px}.clear-gallery figure{height:auto;background:#06172d;margin:0;overflow:hidden}.clear-gallery figure>a{display:block}.clear-gallery figure img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}.clear-gallery figcaption{position:static;background:none;padding:19px 22px;display:flex;gap:15px;justify-content:space-between;align-items:center}.clear-gallery figcaption h3{font-size:20px;margin:0}.clear-gallery figcaption a{font-size:13px;color:#e2b763;text-underline-offset:4px;white-space:nowrap}@media(max-width:700px){.clear-gallery{grid-template-columns:1fr;gap:24px}.clear-gallery figcaption{padding:16px}.clear-gallery figcaption h3{font-size:19px}}

/* Requested blue wordmark and flyer hero */
:root{--blue:#216baa;--gold:#d5aa54}header{height:105px}.flyer-brand{width:270px}.footer-logo{width:240px}header .button{background:#226bad;color:white}.refreshed-hero{background:linear-gradient(120deg,#041329,#09264a);grid-template-columns:1fr 1.2fr}.hero .button{background:#216baa;color:white}.refreshed-hero h1 em{color:#e0b65e}.reference-house .blue-house{aspect-ratio:527/287!important}.reference-house .blue-house img{top:-9.0592334495%!important}.reference-house{padding:0;border:1px solid #224773}.reference-house .house-caption{padding:20px 10px;color:#dbe9fa;letter-spacing:2px}.button:hover{background:#175786;color:white}@media(max-width:800px){header{height:90px}.flyer-brand{width:190px}.refreshed-hero{grid-template-columns:1fr}.refreshed-hero .reference-house .blue-house{aspect-ratio:527/287!important}.refreshed-hero .reference-house .blue-house img{top:-9.0592334495%!important}.footer-logo{width:210px}}@media(max-width:380px){.flyer-brand{width:155px}}

/* Center appointment actions within the consultation card. */
.contact-card .button{display:table;width:fit-content;max-width:100%;margin-inline:auto;text-align:center;white-space:normal}.qr-booking{flex-direction:column;text-align:center}.qr-booking>div{width:100%}.qr-booking p{margin-inline:auto}

/* Interactive scene selector and product comparison. */
.try-section{padding:75px 0;background:#081a32;color:#fff;border-bottom:1px solid #d5aa5466}.try-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.try-heading .eyebrow{color:#e0b65e;margin-bottom:12px}.try-heading h2{font-size:clamp(38px,5vw,60px)}.try-heading p{color:#cedaeb;max-width:380px;margin-bottom:0}.try-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:start}.scene-stage{overflow:hidden;border:1px solid #365071;border-radius:8px;background:#031023}.scene-stage>img{display:block;width:100%;aspect-ratio:896/534;object-fit:contain;background:#031023}.scene-caption{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.scene-caption strong{font-size:20px}.scene-caption>span{font-size:12px;letter-spacing:1.3px;color:#e0b65e}.scene-controls{background:#102640;border:1px solid #365071;padding:22px;border-radius:8px}.scene-categories{display:flex;gap:8px;margin-bottom:18px}.scene-categories button,.scene-choice{font:600 16px/1.4 'DM Sans',sans-serif;cursor:pointer;border:1px solid #45617f;border-radius:5px;color:#fff;background:#19334f}.scene-categories button{flex:1;padding:13px}.scene-categories button[aria-pressed=true]{background:#e0b65e;color:#06172b;border-color:#e0b65e}.scene-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scene-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:14px 10px;min-height:65px}.scene-choice[hidden]{display:none}.scene-choice[aria-pressed=true]{border:2px solid #e0b65e;background:#2a3b4e;padding:13px 9px}.scene-dots{display:flex;flex-shrink:0}.scene-dots i{width:12px;height:22px;display:block;border:1px solid #ffffff60}.scene-dots i:first-child{border-radius:4px 0 0 4px}.scene-dots i:last-child{border-radius:0 4px 4px 0}.scene-dots i:only-child{width:22px;border-radius:50%}.preview-note{color:#bdcbdc;font-size:14px;line-height:1.6}.scene-controls>.button{display:block;text-align:center}.scene-choice:hover{background:#294967}button:focus-visible{outline:3px solid #e0b65e;outline-offset:4px}.section-lead{max-width:650px}.comparison-table{overflow-x:auto;margin:30px 0 12px;border:1px solid #d9e2eb;border-radius:6px}.comparison table{border-collapse:collapse;width:100%;min-width:620px;font-size:16px;line-height:1.55}.comparison caption{text-align:left;padding:20px;font:700 21px Manrope,sans-serif}.comparison th,.comparison td{padding:19px 22px;vertical-align:top;border-top:1px solid #d9e2eb;text-align:left}.comparison thead{background:#081a32;color:white}.comparison th:first-child{width:23%}.comparison tbody td:nth-child(2){background:#edf5fc}.comparison td{width:38.5%}.source-note{font-size:14px;line-height:1.6}.source-note a{color:#175786}.compare-subheading{margin-top:40px}.compare-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.compare-links a{padding:12px 20px;border:1px solid #c3d4e5;border-radius:30px;text-decoration:none;font-size:16px}.compare-links a:hover{background:#eaf3fc;border-color:#216baa}.warranty-section{padding:75px 0;background:#eaf2fa}.warranty-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.warranty-grid>div>p{max-width:520px}.warranty-detail{background:white;border-top:4px solid #d5aa54;padding:35px}.warranty-detail>strong{font:600 42px Manrope,sans-serif;color:#175786}.warranty-detail ul{padding-left:20px;color:#52616c;font-size:16px}.warranty-detail li{padding-bottom:8px}.feature-grid article a{color:#e0b65e}header nav{gap:20px}
@media(max-width:1000px){.try-layout{grid-template-columns:1.25fr 1fr}.scene-options{grid-template-columns:1fr}.warranty-grid{gap:30px}}
@media(max-width:800px){header{height:auto;min-height:90px;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:18px}header nav{margin-left:auto;gap:15px}header nav>a.try-nav{display:inline-block;font-size:14px}.try-section{padding:50px 0}.try-heading{display:block}.try-heading p{margin-top:16px}.try-layout,.warranty-grid{grid-template-columns:1fr}.scene-options{grid-template-columns:1fr 1fr}.scene-controls{padding:18px}.scene-caption{padding:15px}.scene-caption>span{font-size:11px}.warranty-section{padding:55px 0}.warranty-detail{padding:25px}.comparison th,.comparison td{padding:16px}.source-note{font-size:14px}}
@media(max-width:380px){header nav{gap:9px}.scene-options{grid-template-columns:1fr}.scene-caption{flex-wrap:wrap}}

footer{flex-wrap:wrap;gap:28px}footer p{font-size:14px;line-height:1.8}.policy-links{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.legal-page{background:#f6f9fc;color:#172b42}.legal-page header{display:flex;justify-content:space-between;gap:24px;padding:28px 6%;background:#071a30;color:white}.legal-page header a{color:white}.legal-brand{font-weight:800;letter-spacing:.08em}.legal-content{max-width:820px;margin:auto;padding:56px 24px 72px;font-size:17px;line-height:1.8}.legal-content h1{font-size:clamp(32px,6vw,48px);line-height:1.15;margin:28px 0 14px}.legal-content h2{font-size:24px;margin-top:36px}.legal-content a,.legal-page footer a{color:#155d95;text-decoration:underline}.legal-date{color:#536678}.legal-page footer{padding-top:24px;padding-bottom:40px;border-top:1px solid #cbd7e3}@media(max-width:600px){.legal-page header{flex-wrap:wrap}.legal-content{padding-top:32px}}
