:root{--blue:#082b86;--orange:#f2ca25;--yellow:#fff4a3;--pale:#f8f7f3;--sky:#dce7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--blue);font-family:var(--font-geist-sans),Arial,sans-serif;background:#fff;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.header{z-index:20;background:#fff;position:relative}.utility{background:var(--pale);justify-content:flex-end;align-items:center;height:58px;padding:0 4.8vw;display:flex}.utility nav{align-items:center;gap:36px;font-size:13px;display:flex}.utility span{align-items:center;gap:4px;display:flex}.utility svg{width:14px}.mainnav{align-items:center;gap:42px;height:112px;padding:0 4.8vw;display:flex;box-shadow:0 5px 14px #06276210}.logo{width:300px;display:block}.logo img{width:100%;height:auto;display:block}.mainnav nav{flex:1;align-items:center;gap:42px;font-size:18px;display:flex}.mainnav nav a{align-items:center;gap:5px;display:flex}.mainnav nav svg{width:15px}.search,.arrows button{border:2px solid var(--blue);background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.pill{background:var(--orange);white-space:nowrap;border-radius:999px;align-items:center;gap:28px;padding:17px 28px;font-weight:750;display:inline-flex}.pill svg{width:20px}.pill.outline{border:2px solid var(--blue);background:0 0}.menubtn,.mobilemenu{display:none}.hero2{height:calc(100svh - 170px);min-height:620px;position:relative;overflow:hidden}.hero2>img{object-fit:cover;width:100%;height:100%}.hero-message{color:var(--yellow);text-shadow:0 2px 2px #06276222;text-transform:uppercase;position:absolute;top:50%;left:9vw;transform:translateY(-50%)rotate(-2deg)}.hero-message span,.hero-message em{font-size:clamp(23px,3vw,49px);font-style:normal;font-weight:750;display:block}.hero-message strong{letter-spacing:-.08em;font-size:clamp(70px,9vw,150px);line-height:.83;display:block}.scrollcue{color:var(--yellow);justify-items:center;gap:8px;font-weight:700;display:grid;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scrollcue svg{border:1px solid;border-radius:50%;width:52px;height:52px;padding:10px}.intro,.split,.help,.dealer{grid-template-columns:1fr 1fr;gap:9vw;max-width:1450px;margin:auto;padding:170px 5vw;display:grid}.intro h1,.rail-heading h2,.split h2,.help h2,.reasons h2,.dealer h2,.blog h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,5vw,82px);font-weight:750;line-height:1.01}.kicker{letter-spacing:.08em;margin:0 0 25px;font-size:14px;font-weight:700}.kicker.plain{letter-spacing:0;font-size:17px;font-weight:500}.introcopy{font-size:20px;line-height:1.55}.introcopy p{margin:0 0 46px}.rail-section,.blog{padding:0 0 150px 5vw;overflow:hidden}.rail-heading{justify-content:space-between;align-items:flex-end;margin-bottom:60px;padding-right:5vw;display:flex}.rail-heading h2{max-width:850px}.rail-heading span{margin-bottom:15px;font-size:18px;display:block}.arrows{gap:10px;display:flex}.product-rail,.blograil{gap:28px;width:max-content;display:flex}.photo-card{border-radius:26px;width:400px;height:570px;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.photo-card:hover img{transform:scale(1.035)}.photo-card span{background:var(--yellow);border-radius:999px;padding:15px 26px;font-size:18px;position:absolute;top:28px;left:28px}.track{background:#ddd8d5;height:5px;margin:60px 5vw 0 0}.track i{background:var(--blue);border-radius:5px;width:72%;height:100%;display:block}.split,.help,.dealer{align-items:center}.split>img,.help>img,.dealer>img{object-fit:cover;border-radius:28px;width:100%;height:720px}.split>div>p:not(.kicker),.help>div>p:not(.kicker),.dealer>div>p:not(.kicker){margin:35px 0;font-size:19px;line-height:1.55}.split .pill{background:var(--blue);color:#fff}.help ul{margin:35px 0;padding:0;font-size:19px;list-style:none}.help li{margin:20px 0}.help li:before{content:"/";color:var(--orange);margin-right:25px;font-weight:900}.help img{order:2}.reasons{background:linear-gradient(110deg,#eef3ff,#b8ccf2);padding:110px 5vw 0;overflow:hidden}.reasons>p,.reasons>h2,.reasons>.underlink{max-width:1450px;margin-left:auto;margin-right:auto;display:block}.reasonintro{font-size:19px;margin-top:45px!important;line-height:1.55!important}.underlink{font-size:17px;font-weight:700;text-decoration:underline;margin-top:30px!important}.reason-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1550px;margin:65px auto 0;display:grid}.reason-grid a{border-radius:25px 25px 0 0;height:500px;position:relative;overflow:hidden}.reason-grid img{object-fit:cover;width:100%;height:100%}.reason-grid span{background:var(--yellow);border-radius:999px;padding:15px 25px;font-size:17px;position:absolute;top:28px;left:28px}.dealer-actions{align-items:center;gap:35px;margin-top:40px;display:flex}.dealer-actions>a:last-child{align-items:center;gap:10px;font-weight:700;display:flex}.blog{padding-top:150px}.blograil article{width:440px}.blograil img{object-fit:cover;border-radius:25px 25px 0 0;width:100%;height:310px;display:block}.blograil article>div{background:var(--yellow);border-radius:0 0 25px 25px;flex-direction:column;justify-content:space-between;height:340px;padding:35px;display:flex}.blograil h3{letter-spacing:-.035em;margin:0;font-size:30px;line-height:1.15}.blograil .pill{align-self:flex-start;padding:13px 24px}footer{background:var(--blue);color:#fff;padding:100px 5vw 30px}.footlogo{background:#fff;width:360px;padding:8px}.footlogo img{width:100%;height:auto;display:block}footer>h2{letter-spacing:-.06em;margin:50px 0 90px;font-size:clamp(55px,7vw,100px);line-height:.95}.footgrid{border-top:1px solid #ffffff45;grid-template-columns:repeat(4,1fr);gap:50px;padding:60px 0;display:grid}.footgrid div{flex-direction:column;gap:13px;display:flex}.footgrid b{color:var(--yellow);margin-bottom:10px}.footgrid p{margin:0;line-height:1.6}.legal{color:#ffffffa8;border-top:1px solid #ffffff45;justify-content:space-between;padding-top:25px;font-size:12px;display:flex}@media (max-width:1150px){.utility{display:none}.mainnav{height:100px}.mainnav nav,.search,.mainnav>.pill{display:none}.menubtn{background:0 0;border:0;margin-left:auto;display:grid}.mobilemenu{gap:18px;padding:25px 5vw;font-size:19px;display:grid}.hero2{height:720px}.intro,.split,.help,.dealer{gap:7vw;padding:110px 5vw}.photo-card{width:340px;height:500px}}@media (max-width:750px){.logo{width:230px}.hero2{height:650px;min-height:0}.hero2>img{object-position:62% center}.hero-message{top:33%;left:22px}.hero-message strong{font-size:70px}.intro,.split,.help,.dealer{grid-template-columns:1fr;padding:90px 22px}.intro h1,.rail-heading h2,.split h2,.help h2,.reasons h2,.dealer h2,.blog h2{font-size:45px}.rail-section,.blog{padding-left:22px}.rail-heading{align-items:center}.rail-heading .arrows{display:none}.photo-card{width:295px;height:430px}.split>img,.help>img,.dealer>img{height:460px}.help img{order:0}.reasons{padding:90px 22px 0}.reason-grid{grid-template-columns:1fr}.reason-grid a{height:430px}.dealer-actions{flex-direction:column;align-items:flex-start}.blograil article{width:320px}.blograil img{height:240px}.blograil article>div{height:310px}.footgrid{grid-template-columns:1fr 1fr}.legal{flex-direction:column;gap:15px}}
:root{--brand:#082b86;--sun:#f2ca25;--ink:#102141;--cream:#f7f5ef;--line:#d9deea}.site-header{z-index:50;color:var(--ink);background:#fff;position:relative}.topline{background:var(--brand);color:#fff;letter-spacing:.04em;justify-content:space-between;align-items:center;height:34px;padding:0 4vw;font-size:12px;display:flex}.topline div{gap:24px;display:flex}.topline a{color:#fff}.site-nav{border-bottom:1px solid #e8eaf0;align-items:center;gap:38px;height:92px;padding:0 4vw;display:flex}.site-logo{width:310px;max-width:30vw}.site-logo img{width:100%;height:auto;display:block}.site-nav>nav{align-items:center;gap:27px;margin-left:auto;display:flex}.site-nav nav a{color:var(--ink);font-size:14px;font-weight:650}.site-nav svg{width:14px}.nav-products{padding:35px 0;position:relative}.nav-products>a{align-items:center;gap:4px;display:flex}.mega{border-top:4px solid var(--sun);background:#fff;grid-template-columns:1fr 1fr;gap:2px;width:630px;padding:24px;display:none;position:absolute;top:83px;left:-24px;box-shadow:0 16px 45px #0a1f4a2b}.nav-products:hover .mega,.nav-products:focus-within .mega{display:grid}.mega a{border-radius:4px;padding:10px 12px}.mega a:hover{color:var(--brand);background:#f3f6fc}.nav-quote,.primary-action{background:var(--brand);text-transform:uppercase;letter-spacing:.035em;border:0;justify-content:center;align-items:center;gap:12px;padding:15px 21px;font-size:13px;font-weight:750;display:inline-flex;color:#fff!important}.primary-action svg{width:17px}.primary-action.light{background:#fff;color:var(--brand)!important}.site-menu-button{color:var(--brand);background:0 0;border:0;display:none}.site-mobile{display:none}.content-page{color:var(--ink)}.page-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--brand);margin:0 0 16px;font-weight:800;font-size:12px!important}.product-hero{background:var(--cream);grid-template-columns:48% 52%;min-height:610px;display:grid}.product-hero>div{padding:95px 7vw 80px}.product-hero h1,.page-title h1,.contact-layout h1{letter-spacing:-.055em;color:var(--ink);margin:0 0 30px;font-size:clamp(48px,6vw,88px);line-height:.94}.product-hero>div>p:not(.page-kicker){max-width:590px;font-size:19px;line-height:1.65}.product-hero>img{object-fit:cover;width:100%;height:100%;min-height:610px}.hero-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:34px;display:flex}.text-action{color:var(--brand);border-bottom:2px solid var(--sun);align-items:center;gap:10px;padding-bottom:5px;font-weight:750;display:inline-flex}.text-action svg{width:17px}.feature-section{background:#fff;grid-template-columns:1fr 1fr;gap:9vw;padding:110px 8vw;display:grid}.feature-section h2,.process h2,.range-links h2,.quote-band h2,.home-intro h2,.section-heading h2,.home-split h2,.home-benefits h2,.home-commercial h2,.home-contact h2{letter-spacing:-.045em;margin:0 0 25px;font-size:clamp(38px,4.8vw,68px);line-height:1.02}.feature-section>div>p:last-child{font-size:17px;line-height:1.75}.feature-section ul,.home-benefits ul{margin:0;padding:0;list-style:none}.feature-section li,.home-benefits li{border-bottom:1px solid var(--line);gap:14px;padding:17px 0;font-weight:650;display:flex}.feature-section li svg,.home-benefits li svg{width:20px;color:var(--brand);stroke-width:3px;flex:none}.process{background:var(--brand);color:#fff;padding:105px 7vw}.process .page-kicker,.quote-band .page-kicker,.home-commercial .page-kicker{color:var(--sun)}.process>div{border-top:1px solid #fff4;grid-template-columns:repeat(4,1fr);margin-top:55px;display:grid}.process article{padding:30px 30px 10px 0}.process article+article{border-left:1px solid #fff4;padding-left:30px}.process span{color:var(--sun);font-weight:800}.process h3{margin:35px 0 12px;font-size:24px}.process p{color:#dce4fa;line-height:1.6}.range-links{grid-template-columns:1fr 1fr;gap:8vw;padding:100px 7vw;display:grid}.range-links>div:last-child{border-top:1px solid var(--line)}.range-links a{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:20px 0;font-weight:700;display:flex}.range-links a:hover{color:var(--brand)}.quote-band{background:var(--sun);justify-content:space-between;align-items:center;gap:40px;padding:70px 7vw;display:flex}.quote-band h2{max-width:850px;margin:0}.quote-band .page-kicker{color:var(--brand)}.page-title{background:var(--cream);padding:100px 7vw 70px}.page-title>p:last-child{max-width:720px;font-size:19px;line-height:1.65}.product-grid{background:#fff;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.product-grid>a{color:#fff;background:var(--brand);min-height:480px;position:relative;overflow:hidden}.product-grid img{object-fit:cover;opacity:.78;width:100%;height:100%;transition:all .5s;position:absolute}.product-grid>a:hover img{opacity:.6;transform:scale(1.035)}.product-grid>a>div{background:linear-gradient(#0000,#061946e8);padding:34px;position:absolute;inset:auto 0 0}.product-grid p{text-transform:uppercase;letter-spacing:.13em;font-size:11px}.product-grid h2{font-size:31px;line-height:1.08}.product-grid span,.project-grid span{text-transform:uppercase;align-items:center;gap:9px;font-size:13px;font-weight:750;display:flex}.product-grid svg,.project-grid svg{width:16px}.story-split,.home-split,.home-contact{grid-template-columns:1fr 1fr;display:grid}.story-split img,.home-split img,.home-contact img{object-fit:cover;width:100%;height:100%;min-height:620px}.story-split>div,.home-split>div,.home-contact>div{background:var(--cream);padding:100px 8vw}.story-split p,.home-split p,.home-contact p{font-size:17px;line-height:1.7}.contact-layout{grid-template-columns:42% 58%;min-height:700px;display:grid}.contact-layout>div:first-child{background:var(--brand);color:#fff;padding:95px 6vw}.contact-layout h1{color:#fff}.contact-layout>div:first-child>p:not(.page-kicker){font-size:18px;line-height:1.6}.contact-layout .page-kicker{color:var(--sun)}.contact-cards{border-top:1px solid #fff4;margin-top:45px}.contact-cards a{color:#fff;border-bottom:1px solid #fff4;flex-direction:column;padding:18px 0;display:flex}.contact-cards b{text-transform:uppercase;letter-spacing:.1em;color:var(--sun);margin-bottom:5px;font-size:12px}.quote-form{background:var(--cream);flex-direction:column;gap:21px;padding:75px 7vw;display:flex}.quote-form>div{grid-template-columns:1fr 1fr;gap:18px;display:grid}.quote-form label{text-transform:uppercase;letter-spacing:.07em;flex-direction:column;gap:8px;font-size:12px;font-weight:750;display:flex}.quote-form input,.quote-form select,.quote-form textarea{width:100%;font:inherit;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff;border:1px solid #cbd2df;padding:14px}.quote-form textarea{resize:vertical}.quote-form .consent{text-transform:none;letter-spacing:0;grid-template-columns:20px 1fr;align-items:start;font-weight:500;line-height:1.5;display:grid}.quote-form .consent input{width:18px}.quote-form button{align-self:flex-start}.form-note{color:#29571f;background:#e7f0df;padding:13px}.faq-list{max-width:1000px;margin:0 auto;padding:70px 5vw 110px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:30px;padding:25px 0;font-size:21px;font-weight:750;list-style:none;display:flex}.faq-list summary span{color:var(--brand);font-size:28px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:800px;margin:0 0 25px;line-height:1.75}.project-grid{grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.project-grid>a{color:var(--ink);background:var(--cream)}.project-grid img{object-fit:cover;width:100%;height:420px}.project-grid div{padding:34px}.project-grid h2{margin:0 0 10px;font-size:35px}.project-grid p{line-height:1.6}.home-hero{color:#fff;height:calc(100vh - 126px);min-height:610px;position:relative;overflow:hidden}.home-hero>img{object-fit:cover;width:100%;height:100%;position:absolute}.home-hero:after{content:"";background:linear-gradient(90deg,#061a4cbf 0%,#061a4c29 62%,#0000);position:absolute;inset:0}.home-hero>div{z-index:2;position:absolute;top:50%;left:7vw;transform:translateY(-50%)}.home-hero>div>p{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800}.home-hero h1{letter-spacing:-.06em;margin:20px 0 38px;font-size:clamp(58px,8vw,120px);line-height:.84}.home-hero h1 em{color:var(--sun);font-family:Georgia,serif;font-weight:400}.home-scroll{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:30px;right:4vw}.home-scroll svg{width:17px}.home-intro{grid-template-columns:1fr 1fr;gap:10vw;padding:110px 8vw;display:grid}.home-intro>div:last-child>p{margin:0 0 17px;font-size:18px;line-height:1.75}.home-range{background:var(--cream);padding:95px 5vw}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin:0 2vw 45px;display:flex}.section-heading h2{max-width:820px;margin:0}.section-heading>a{color:var(--brand);gap:8px;font-weight:750;display:flex}.section-heading svg{width:17px}.home-product-rail{scroll-snap-type:x mandatory;gap:16px;padding-bottom:20px;display:flex;overflow-x:auto}.home-product-rail>a{scroll-snap-align:start;color:#fff;flex:0 0 min(390px,82vw);height:530px;position:relative;overflow:hidden}.home-product-rail img{object-fit:cover;width:100%;height:100%;transition:all .5s}.home-product-rail>a:hover img{transform:scale(1.03)}.home-product-rail>a:after{content:"";background:linear-gradient(#0000,#061946e8);position:absolute;inset:45% 0 0}.home-product-rail a div{z-index:2;position:absolute;inset:auto 27px 25px}.home-product-rail span{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.home-product-rail h3{margin:9px 0;font-size:28px}.home-product-rail svg{position:absolute;bottom:2px;right:0}.home-benefits{grid-template-columns:1fr 1fr;gap:10vw;padding:105px 8vw;display:grid}.home-benefits>div>p:last-child{font-size:17px;line-height:1.7}.home-commercial{color:#fff;background:linear-gradient(90deg,#061a4be8,#061a4b55),url(/images/hero-awning.webp) 50%/cover;align-items:center;min-height:650px;padding:80px 8vw;display:flex}.home-commercial>div{max-width:720px}.home-commercial p:not(.page-kicker){margin-bottom:30px;font-size:18px;line-height:1.7}.home-contact .phone-action{color:var(--brand);margin-top:25px;font-weight:750;display:block}.content-footer{color:#fff;background:#061a4b;padding:75px 6vw 30px}.footer-lead{border-bottom:1px solid #ffffff30;justify-content:space-between;align-items:center;padding-bottom:65px;display:flex}.footer-lead img{background:#fff;width:min(380px,42vw)}.footer-lead h2{margin:0;font-size:clamp(40px,5vw,70px);line-height:.95}.footer-cols{grid-template-columns:repeat(4,1fr);gap:5vw;padding:55px 0;display:grid}.footer-cols>div{flex-direction:column;gap:11px;display:flex}.footer-cols b{color:var(--sun);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:12px}.footer-cols a{color:#e7ebf6;font-size:14px}.footer-cols p{color:#e7ebf6;margin:0;line-height:1.65}.footer-bottom{color:#aeb9d4;border-top:1px solid #ffffff30;padding-top:25px;font-size:12px}@media (max-width:1050px){.site-nav>nav,.nav-quote{display:none}.site-nav{justify-content:space-between}.site-logo{max-width:65vw}.site-menu-button{display:block}.site-mobile{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px 20px;padding:18px 5vw 28px;display:grid}.site-mobile a{color:var(--ink);padding:8px 0}.product-grid,.process>div{grid-template-columns:1fr 1fr}.process article:nth-child(3){border-left:0}.footer-cols{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}}@media (max-width:700px){.topline>span{display:none}.topline{justify-content:center}.topline div{gap:14px}.site-nav{height:75px;padding:0 20px}.site-logo{width:245px}.site-mobile{grid-template-columns:1fr;max-height:70vh;overflow:auto}.home-hero{height:700px;min-height:0}.home-hero:after{background:linear-gradient(90deg,#061a4cbf,#061a4c38)}.home-intro,.home-benefits,.feature-section,.range-links{grid-template-columns:1fr;gap:40px;padding:75px 24px}.home-range{padding:70px 20px}.section-heading{flex-direction:column;align-items:flex-start}.home-split,.home-contact,.story-split{grid-template-columns:1fr}.home-split img,.home-contact img,.story-split img{min-height:390px}.home-split>div,.home-contact>div,.story-split>div{padding:65px 24px}.product-hero{grid-template-columns:1fr}.product-hero>div{padding:65px 24px}.product-hero>img{min-height:380px}.product-grid,.project-grid{grid-template-columns:1fr}.product-grid>a{min-height:420px}.process{padding:75px 24px}.process>div{grid-template-columns:1fr}.process article+article{border-top:1px solid #fff4;border-left:0;padding-left:0}.quote-band{flex-direction:column;align-items:flex-start;padding:60px 24px}.page-title{padding:70px 24px 50px}.contact-layout>div:first-child,.quote-form{padding:65px 24px}.quote-form>div{grid-template-columns:1fr}.project-grid img{height:310px}.footer-lead{flex-direction:column;align-items:flex-start;gap:40px}.footer-lead img{width:100%;max-width:390px}.footer-cols{grid-template-columns:1fr}.home-commercial{padding:70px 24px}.home-product-rail>a{height:470px}}
.lead-section{color:var(--ink);background:#f7f5ef;grid-template-columns:42% 58%;display:grid}.lead-copy{background:var(--sun);padding:100px 6vw}.lead-copy h2{letter-spacing:-.05em;margin:0 0 28px;font-size:clamp(42px,5vw,72px);line-height:.96}.lead-copy>p:not(.page-kicker){font-size:17px;line-height:1.7}.lead-direct{border-top:1px solid #082b8640;flex-direction:column;align-items:flex-start;gap:10px;margin-top:38px;padding-top:24px;display:flex}.lead-direct span{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.lead-direct a{color:var(--brand);border-bottom:1px solid var(--brand);font-weight:750}.lead-form{flex-direction:column;gap:20px;padding:78px 7vw;display:flex}.lead-form>div{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lead-form label{text-transform:uppercase;letter-spacing:.07em;flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.lead-form input,.lead-form select,.lead-form textarea{width:100%;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #cbd2df;padding:15px}.lead-form input:disabled,.lead-form select:disabled,.lead-form textarea:disabled{opacity:1;color:#667086;cursor:not-allowed;background:#fdfdfd}.lead-form button{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:not-allowed;background:#8390ad;border:0;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-weight:800;display:flex}.lead-form button svg{width:17px}.lead-form>p{color:#5b6579;margin:0;font-size:13px;line-height:1.5}@media (max-width:700px){.lead-section{grid-template-columns:1fr}.lead-copy,.lead-form{padding:65px 24px}.lead-form>div{grid-template-columns:1fr}}
.configurator-promo{color:var(--ink);background:#fff;grid-template-columns:38% 62%;align-items:center;gap:4vw;padding:100px 6vw;display:grid}.configurator-copy{padding:20px 0}.configurator-copy h2{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(44px,5.4vw,78px);line-height:.95}.configurator-copy>p:not(.page-kicker){max-width:560px;font-size:18px;line-height:1.7}.configurator-copy>a{background:var(--brand);color:#fff;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin-top:20px;padding:16px 22px;font-size:13px;font-weight:800;display:inline-flex}.configurator-copy>a svg{width:18px}.configurator-video{background:var(--brand);aspect-ratio:16/9;border-radius:28px;display:block;position:relative;overflow:hidden;box-shadow:0 22px 60px #10214126}.configurator-video video{object-fit:cover;width:100%;height:100%;display:block}.configurator-video:after{content:"";pointer-events:none;background:linear-gradient(#0000,#061946aa);position:absolute;inset:55% 0 0}.configurator-video>span{z-index:2;color:var(--brand);text-transform:uppercase;letter-spacing:.05em;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:22px;right:24px}.configurator-video svg{width:17px}@media (max-width:900px){.configurator-promo{grid-template-columns:1fr;gap:40px;padding:75px 24px}.configurator-video{border-radius:20px}}@media (prefers-reduced-motion:reduce){.configurator-video video{display:none}.configurator-video{background:url(/images/hero-awning.webp) 50%/cover}}
.nav-config{white-space:nowrap;border:2px solid var(--brand);color:var(--brand);text-transform:uppercase;letter-spacing:.035em;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:12px;font-weight:800;display:inline-flex}.nav-config svg{width:15px;height:15px}.mobile-config{background:var(--sun);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-weight:850;color:var(--brand)!important;padding:14px 16px!important;display:flex!important}.mobile-config svg{width:17px}@media (max-width:1320px) and (min-width:1051px){.site-nav{gap:18px;padding-inline:2.5vw}.site-logo{width:250px}.site-nav>nav{gap:18px}.site-nav nav a{font-size:13px}.nav-quote{display:none}.nav-config{padding:12px 14px}}@media (max-width:1050px){.site-nav{gap:16px;padding-inline:28px}.site-logo{margin-right:auto}.nav-config{display:inline-flex}.site-menu-button{background:#eef2fb;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px}.site-mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 24px;padding:18px 28px 30px}.site-mobile .mobile-config{grid-column:1/-1}.product-hero{grid-template-columns:1fr;min-height:auto}.product-hero>div{padding:75px 7vw}.product-hero>img{aspect-ratio:16/9;height:auto;min-height:0}.feature-section{gap:6vw;padding:80px 7vw}.process{padding:80px 7vw}.range-links{padding:75px 7vw}.page-title{padding:75px 7vw 55px}.product-grid>a{min-height:420px}.home-hero{height:700px}.home-intro,.home-benefits{gap:7vw;padding:80px 7vw}.home-split>div,.home-contact>div,.story-split>div{padding:75px 6vw}.home-split img,.home-contact img,.story-split img{min-height:520px}.contact-layout>div:first-child,.quote-form{padding:70px 7vw}.footer-lead{gap:40px}.configurator-promo{padding:75px 5vw}.lead-section{grid-template-columns:1fr 1.25fr}.lead-copy{padding:75px 5vw}.lead-form{padding:65px 5vw}}@media (max-width:700px){html{scroll-padding-top:75px}.topline{height:32px;padding-inline:14px}.topline>span,.topline a:nth-child(2){display:none}.topline div{justify-content:center;width:100%}.site-nav{gap:9px;height:72px;padding-inline:16px}.site-logo{width:min(210px,53vw);max-width:none}.nav-config{width:42px;height:42px;padding:10px}.nav-config span{display:none}.nav-config svg{width:18px;height:18px}.site-menu-button{width:42px;height:42px}.site-mobile{grid-template-columns:1fr;max-height:calc(100vh - 104px);padding:12px 18px 24px;overflow-y:auto}.site-mobile a{padding:9px 4px}.home-hero{height:calc(100svh - 104px);min-height:570px}.home-hero>div{left:22px;right:22px}.home-hero h1{margin-bottom:30px;font-size:clamp(52px,17vw,76px)}.home-scroll{right:22px}.home-intro,.home-benefits{padding:65px 22px}.home-intro h2,.home-benefits h2,.home-split h2,.home-contact h2{font-size:42px}.home-range{padding:62px 16px}.section-heading{margin-inline:6px}.home-product-rail>a{border-radius:18px;flex-basis:86vw;height:440px}.product-grid{background:#fff;gap:12px;padding:0}.product-grid>a{border-radius:18px;min-height:390px;margin-inline:14px}.product-grid>a>div{padding:28px}.product-hero>div{padding:58px 22px}.product-hero h1,.page-title h1,.contact-layout h1{font-size:clamp(44px,14vw,64px)}.product-hero>img{aspect-ratio:4/3}.feature-section,.range-links{padding:62px 22px}.feature-section h2,.process h2,.range-links h2,.quote-band h2{font-size:40px}.process{padding:62px 22px}.process article{padding-block:24px}.quote-band{padding:50px 22px}.page-title{padding:58px 22px 42px}.story-split>div,.home-split>div,.home-contact>div{padding:58px 22px}.story-split img,.home-split img,.home-contact img{aspect-ratio:4/3;height:auto;min-height:0}.project-grid{gap:14px;padding:14px}.project-grid>a{border-radius:18px;overflow:hidden}.project-grid img{aspect-ratio:4/3;height:auto}.contact-layout>div:first-child,.quote-form{padding:55px 22px}.quote-form{gap:17px}.quote-form input,.quote-form select,.quote-form textarea,.lead-form input,.lead-form select,.lead-form textarea{font-size:16px}.faq-list{padding:45px 22px 75px}.faq-list summary{font-size:18px}.configurator-promo{padding:60px 18px}.configurator-copy h2{font-size:44px}.configurator-copy>a{justify-content:center;width:100%}.configurator-video>span{bottom:12px;right:12px}.lead-section{grid-template-columns:1fr}.lead-copy,.lead-form{padding:55px 22px}.lead-copy h2{font-size:44px}.content-footer{padding:55px 22px 25px}.footer-lead{padding-bottom:45px}.footer-lead h2{font-size:43px}.footer-cols{gap:35px;padding:45px 0}.primary-action{width:100%;max-width:360px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .text-action{align-self:flex-start}}@media (max-width:380px){.site-logo{width:175px}.nav-config,.site-menu-button{width:38px;height:38px}.home-hero h1{font-size:48px}.topline{font-size:11px}}
.awning-configurator{background:var(--cream);grid-template-columns:62% 38%}.awning-configurator .configurator-copy{grid-area:1/2}.awning-configurator .awning-video{aspect-ratio:16/10;grid-area:1/1}.awning-video video{object-position:center}@media (max-width:900px){.awning-configurator{grid-template-columns:1fr}.awning-configurator .configurator-copy,.awning-configurator .awning-video{grid-area:auto/1}.awning-configurator .configurator-copy{order:1}.awning-configurator .awning-video{aspect-ratio:4/3;order:2}}
.home-split{background:var(--cream);align-items:center;gap:6vw;padding:70px 6vw}.home-split>img{content:url(/images/home-shade-square.webp);aspect-ratio:1;object-fit:cover;border-radius:26px;width:100%;height:auto;min-height:0;display:block}.home-split>div{background:0 0;padding:40px 2vw}@media (max-width:700px){.home-split{gap:12px;padding:26px 18px 58px}.home-split>img{aspect-ratio:1;border-radius:20px}.home-split>div{padding:42px 4px 0}}
@media (max-width:1050px){.site-menu-button{flex:0 0 44px;place-items:center;padding:0;line-height:0;display:grid}.site-menu-button svg{width:22px;height:22px;display:block}.nav-config{border-radius:999px}}@media (max-width:900px){.configurator-promo .configurator-video,.awning-configurator .awning-video{order:1}.configurator-promo .configurator-copy,.awning-configurator .configurator-copy{order:2}}@media (max-width:700px){.home-hero{height:min(520px,100svh - 109px);min-height:460px}.home-hero>div{left:24px;right:24px}.home-hero>div>p{font-size:10px}.home-hero h1{margin:14px 0 26px;font-size:clamp(42px,13vw,52px);line-height:.9}.site-logo{width:min(180px,43vw)}.nav-config{letter-spacing:.02em;border-radius:999px;flex:none;gap:6px;width:auto;height:42px;padding:0 11px;font-size:10px}.nav-config span{display:inline}.nav-config svg{width:16px;height:16px}.site-menu-button{flex-basis:42px;width:42px;height:42px}.mobile-config svg{width:18px;height:18px}}@media (max-width:380px){.home-hero h1{font-size:40px}.site-logo{width:125px}.nav-config{width:auto;height:38px;padding-inline:8px;font-size:9px}.site-menu-button{flex-basis:38px;width:38px;height:38px}}