@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#102847;--red:#cf2936;--cream:#f5f4f0;--ink:#142b45;--muted:#65707c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:5px}button,a{ -webkit-tap-highlight-color:transparent}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.topbar{background:var(--navy);color:white;font-size:10px;font-weight:700;letter-spacing:1.3px}.topbar .wrap{display:flex;justify-content:space-between;padding-block:12px}.topbar a{letter-spacing:.4px}.topbar a span{margin-left:20px}.header{background:white}.nav{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-style:italic;font-size:47px;font-weight:800;line-height:.85;letter-spacing:-2px;display:block}.brand-stripes{display:flex;gap:3px;margin-top:7px;transform:skew(-14deg)}.brand-stripes i{height:5px;width:30%;background:var(--red)}.brand-stripes i:nth-child(2){background:#b9c1cc}.brand-stripes i:nth-child(3){background:var(--navy)}.brand-label{font-size:11px;letter-spacing:2px;line-height:1.5;font-weight:800;border-left:1px solid #ccd1d7;padding-left:12px}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}nav>a:not(.button):hover{color:var(--red)}.button{display:inline-flex;background:var(--red);color:white;padding:19px 25px;gap:35px;justify-content:space-between;align-items:center;border:0;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#ac1b28;transform:translateY(-2px)}.button span{font-size:19px}.button.small{padding:14px 20px;gap:24px}.menu-toggle{display:none}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:85px 85px}.hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:645px;align-items:center}.hero-copy{padding:55px 0 65px;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--red);margin:0 0 22px}.eyebrow.light{color:#fff}.eyebrow.light>span{display:inline-block;width:24px;height:3px;background:var(--red);vertical-align:middle;margin-right:10px}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:-1px;line-height:1.03;margin:0}h1{font-size:clamp(55px,5.9vw,85px)}h1>span{color:#b6c6d8}.hero-description{color:#c0ccdb;line-height:1.8;max-width:390px;font-size:14px;margin:24px 0 29px}.hero-link{display:inline-block;margin-left:23px;font-size:12px;border-bottom:1px solid #607087;padding:10px 0}.hero-link span{margin-left:10px}.hero-art{height:500px;position:relative;margin-left:-20px;align-self:end}.sun{position:absolute;width:330px;height:330px;border-radius:50%;background:#c72c38;right:-50px;top:0}.building{position:absolute}.rear{width:240px;height:230px;right:-40px;top:180px;background:repeating-linear-gradient(0deg,#abb2ad 0 11px,#929f9d 12px 14px);clip-path:polygon(0 15%,50% 0,100% 15%,100% 100%,0 100%)}.main-building{width:460px;height:330px;top:90px;left:0;filter:drop-shadow(0 24px 20px #03152966)}.roof{height:185px;background:repeating-linear-gradient(115deg,transparent 0 24px,#162e3e 25px 28px),linear-gradient(130deg,#a6b2b3,#4c6372);clip-path:polygon(30% 0,78% 0,100% 100%,0 100%)}.facade{height:165px;margin-top:-1px;background:repeating-linear-gradient(0deg,#e8e4d9 0 12px,#c4c5bc 13px 15px);border-top:7px solid #f3eee1;position:relative;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.window{position:absolute;left:40px;top:32px;width:75px;height:80px;background:linear-gradient(90deg,transparent 46%,#e6e4d8 47% 53%,transparent 54%),linear-gradient(0deg,#172e40 46%,#e6e4d8 47% 53%,#344c5b 54%);border:6px solid #eeeade;box-shadow:0 0 0 2px #7e8c8a}.window.second{left:160px}.door{position:absolute;right:40px;top:28px;width:77px;height:128px;background:#273e4b;border:6px solid #f0ece0}.door:after{content:'';position:absolute;width:6px;height:6px;background:#c6c4ae;right:8px;top:60px;border-radius:50%}.art-ground{position:absolute;height:35px;width:650px;left:-70px;bottom:55px;background:#071d34;transform:skew(-45deg);opacity:.5}.art-label{position:absolute;bottom:18px;right:0;display:flex;gap:15px;align-items:center;font-size:9px;line-height:1.8;letter-spacing:1.5px;color:#abbcd0}.art-label strong{font-weight:500;color:white}.cross{font-size:35px;color:#d13743;font-weight:400}.hero-bottom{position:relative;border-top:1px solid #ffffff21;display:flex;justify-content:space-between;padding-block:22px;font-size:9px;font-weight:600;letter-spacing:1.8px;color:#b7c6d8}.down{margin-left:22px;color:white;font-size:18px}.values-bar{background:var(--cream);border-bottom:1px solid #dedfe0}.values-bar .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px}.values-bar span{text-align:center;font-size:12px;font-weight:700;border-right:1px solid #d6d8dc}.values-bar span:first-child{text-align:left}.values-bar span:last-child{border:0}.values-bar i{font-style:normal;color:var(--red);font-size:10px;margin-right:15px}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}h2{font-size:52px}.section-heading>p{max-width:350px;line-height:1.8;color:var(--muted);font-size:14px;margin-bottom:4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-visual{height:245px;background:#e9e9e5;position:relative;overflow:hidden}.category-number{position:absolute;bottom:15px;left:18px;font-size:9px;letter-spacing:1.5px;color:#4b5863;font-weight:700}.roofing{background:linear-gradient(130deg,#d9ddde,#f0efea)}.roof-sample{position:absolute;width:110%;height:220px;top:60px;left:15px;transform:rotate(-25deg) skew(15deg);background:repeating-linear-gradient(0deg,transparent 0 28px,#202f3a 29px 32px),repeating-linear-gradient(90deg,#586571 0 45px,#445461 46px 90px,#5c6973 91px 135px);box-shadow:0 15px 25px #0005}.siding{background:#e8e3da}.siding-sample{position:absolute;inset:15px -30px 15px 50px;transform:skewY(-14deg);background:repeating-linear-gradient(0deg,#b7b4a8 0 2px,#dedbd0 4px 30px,#a29f92 32px 34px);box-shadow:-12px 14px 22px #39414130;border-left:14px solid #f2f0e6}.specialty{background:#dce1e2}.panels{position:absolute;inset:40px 20px 35px 50px;transform:rotate(-18deg);display:flex;gap:12px}.panels i{height:100%;width:65px;background:repeating-linear-gradient(90deg,#b38960 0 5px,#a17751 6px 7px);box-shadow:8px 12px 10px #23374435}.panels i:nth-child(2){background:repeating-linear-gradient(90deg,#ece5d8 0 16px,#d2c9b8 17px 19px);margin-top:-20px}.panels i:nth-child(3){background:repeating-linear-gradient(90deg,#4d5d66 0 16px,#394b56 17px 19px);margin-top:-40px}.card-info{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-bottom:1px solid #d8dde1}h3{font-size:20px;margin:0 0 9px;letter-spacing:-.5px}.card-info p{margin:0;color:var(--muted);font-size:12px}.circle-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d5dae0;border-radius:50%;transition:.2s}.product-card:hover .circle-arrow{background:var(--red);color:white;border-color:var(--red)}.product-card:hover .product-visual>div{filter:brightness(1.05)}.product-note{text-align:center;color:var(--muted);font-size:12px;margin:34px 0 0}.product-note a{color:var(--navy);font-weight:700;margin-left:6px}.product-note a span{color:var(--red);margin-left:10px}.about{background:var(--cream);padding-block:75px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-mark{border-left:7px solid var(--red);padding:15px 40px;position:relative}.about-mark>span{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:105px;font-weight:800;letter-spacing:-5px;line-height:.9}.about-mark>span:first-child{color:var(--red)}.about-mark>span:nth-child(2){color:white;text-shadow:1px 0 #b4bdc7,-1px 0 #b4bdc7,0 1px #b4bdc7,0 -1px #b4bdc7}.about-mark>div{position:absolute;left:220px;bottom:15px;font-size:11px;letter-spacing:1.6px;line-height:1.8;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg)}.about-copy p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.about-copy h2{margin-bottom:23px}.text-link{display:inline-block;font-size:13px;font-weight:700;margin-top:10px;border-bottom:2px solid var(--red);padding-bottom:10px}.text-link span{margin-left:60px;color:var(--red)}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.approach-grid article{border-top:1px solid #d5dbe0;padding-top:24px}.step{color:var(--red);font-size:12px;font-weight:700;display:block;margin-bottom:27px}.approach-grid p{font-size:13px;color:var(--muted);line-height:1.9;max-width:300px}.contact{background:var(--navy);color:white;padding-block:75px;position:relative;border-top:7px solid var(--red)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.contact h2{font-size:65px}.contact h2 span{color:#b6c6d8}.contact p{color:#b4c3d4;font-size:13px;line-height:1.8;margin-top:25px}form{padding-top:6px}label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}input,textarea{display:block;width:100%;border:1px solid #4c6079;background:#ffffff06;color:white;padding:13px 15px;margin-bottom:20px;border-radius:0;font-size:12px}input::placeholder,textarea::placeholder{color:#a2b3c6}textarea{resize:vertical}form .button{width:100%}.contact .form-note{font-size:10px;margin:12px 0 0;color:#a8b8cb}#form-result{border:1px solid #6b829f;padding:15px;margin-top:15px;white-space:pre-wrap;font-size:12px;line-height:1.7}#form-result button{margin-top:12px;padding:8px 12px;cursor:pointer;color:var(--navy);background:white;border:0}footer{background:#fff}.footer-main{padding-block:40px;display:flex;justify-content:space-between;align-items:center}.footer-main p{font-size:12px;line-height:1.7;color:var(--muted)}.footer-main>a:last-child{font-size:11px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid #dfe2e5;padding-block:22px}.footer-bottom>span:last-child{letter-spacing:1.5px}@media(min-width:1500px){.hero-content{min-height:710px}.hero-art{height:540px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.hero-art{transform:scale(.8);transform-origin:left bottom;margin-left:-10px}.hero-content{grid-template-columns:1.1fr 1fr}.hero-link{margin-left:10px}.hero-copy .button{gap:15px}.about-grid{gap:40px}.contact-grid{gap:60px}.product-visual{height:210px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.topbar .wrap{justify-content:center;font-size:8px}.topbar a{display:none}.nav{height:85px}.brand-symbol{font-size:39px}.brand-label{font-size:9px}.menu-toggle{display:flex;gap:18px;border:1px solid #d5dae0;background:white;padding:10px;font-size:12px;color:var(--navy)}nav{display:none;position:absolute;top:116px;left:0;right:0;background:white;z-index:10;padding:25px;box-shadow:0 10px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:24px}.hero-content{display:block;min-height:0}.hero-copy{padding:45px 0 0}h1{font-size:66px}.hero-description{max-width:360px}.hero-link{margin-left:18px}.hero-art{height:370px;transform:scale(.75);transform-origin:left bottom;max-width:100%;margin-top:-10px;margin-left:0}.sun{right:-160px;top:10px}.art-label{right:-60px;bottom:0}.hero-bottom{padding-block:18px;font-size:8px}.hero-bottom>span:first-child{max-width:130px;line-height:1.6}.hero-bottom>span:last-child{max-width:160px;text-align:right;line-height:1.6}.values-bar .wrap{grid-template-columns:1fr 1fr;gap:22px;padding-block:24px}.values-bar span,.values-bar span:first-child{text-align:left;font-size:10px}.values-bar span:nth-child(2){border:0}.values-bar i{margin-right:10px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:28px}h2{font-size:43px}.section-heading>p{margin-top:20px;max-width:100%;font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.product-grid{grid-template-columns:1fr;gap:28px}.product-visual{height:240px}.roof-sample{top:70px}.siding-sample{left:70px}.panels{left:85px}.panels i{width:80px}.product-note{line-height:1.9}.product-note a{display:block}.about{padding-block:50px}.about-grid{grid-template-columns:1fr;gap:35px}.about-mark{display:flex;gap:12px;padding:10px 20px}.about-mark>span{font-size:78px}.about-mark>div{display:none}.about-copy p:not(.eyebrow){font-size:13px}.approach-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.step{margin-bottom:15px}.approach-grid p{max-width:100%}.contact{padding-block:50px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:57px}.footer-main{flex-wrap:wrap;gap:20px}.footer-main p{font-size:10px}.footer-bottom{gap:20px;line-height:1.7;font-size:8px}.footer-bottom>span:last-child{text-align:right;max-width:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.arrow-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.circle-arrow .arrow-icon{width:15px;height:15px}.topbar .arrow-icon{width:12px;height:12px}
.hero-art.truck-art{height:auto;align-self:center;margin-left:-45px;width:calc(100% + 95px);transform:none;position:relative}.hero-truck{display:block;width:100%;height:auto;mix-blend-mode:normal}.truck-art .art-label{right:25px;bottom:-22px}@media(max-width:1000px){.hero-art.truck-art{margin-left:-20px;width:calc(100% + 45px)}}@media(max-width:720px){.hero-art.truck-art{margin:25px -20px 45px;width:calc(100% + 40px);max-width:none}.truck-art .art-label{right:20px;bottom:-18px;font-size:8px}}
.sitemap-intro{color:var(--muted);line-height:1.8;margin:25px 0 35px}.sitemap-links{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:0;background:none;box-shadow:none}.sitemap-links a{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #d8dde1;font-size:19px}.sitemap-links small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:10px;line-height:1.7}.sitemap-links a>span:last-child{color:var(--red)}@media(max-width:720px){.sitemap-links{grid-template-columns:1fr}.sitemap-page h1{font-size:55px}}
.product-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.035)}.product-visual .category-number{background:#ffffffeb;padding:7px 10px;bottom:12px;left:12px;color:var(--navy)}