@font-face{font-family:Barlow;src:url('shared/barlow.woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Outfit;src:url('shared/outfit.woff2');font-weight:100 900;font-display:swap}:root{--display:Barlow;--nav-bg:#0b3159;--nav-ink:#fff;--line:#6e8da6;--accent:#ff6647;--accent-ink:#112b46;--field:#163f67;--focus:#ffad98}body{background:#0b3159;color:#fff;font-family:Outfit,sans-serif}.brand{font-size:28px;text-transform:uppercase;max-width:230px}.facade{max-width:1800px;margin:auto}.exterior-head{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:35px 4% 30px}.exterior-head h1{font:600 clamp(58px,6.2vw,92px)/.9 Barlow;text-transform:uppercase;max-width:1000px;letter-spacing:-1px}.exterior-head p{max-width:210px;flex:0 0 210px;font-size:17px}.elevation{position:relative;overflow:hidden;height:490px;--reveal:8%;touch-action:pan-y;user-select:none;cursor:ew-resize}.elevation>img,.after img{width:100%;height:100%;object-fit:cover;object-position:center 47%;pointer-events:none}.after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.reveal-labels{position:absolute;z-index:1;inset:18px 24px auto;display:flex;justify-content:space-between;pointer-events:none}.reveal-labels span,.photo-tag{font-size:11px;background:#fff;color:#123252;padding:6px 10px}.photo-tag{position:absolute;z-index:1;bottom:16px;left:24px;pointer-events:none}.roller{position:absolute;left:var(--reveal);top:0;height:100%;border-left:2px dashed white;pointer-events:none}.roller i{position:absolute;top:25%;left:-18px;width:34px;height:140px;background:#ff6647;border:3px solid white;border-radius:7px;box-shadow:4px 5px 0 #15304b}.roller i:after{content:'';position:absolute;top:119px;left:15px;width:31px;height:62px;border-right:7px solid white;border-bottom:7px solid white;border-radius:0 0 10px}.roller-controls{padding:17px 4% 22px;display:grid;grid-template-columns:290px 1fr 150px;align-items:center;gap:30px}.roller-controls label{font-size:14px}.roller-controls input{accent-color:#ff6647;border:0;padding:0;height:44px}.roller-controls output{font:500 25px Barlow;text-align:right}.exterior-services{padding:75px 4%;background:#92c5eb;color:#0b3159;display:grid;grid-template-columns:1fr 3fr;gap:80px}.exterior-services h2,.work-heading h2,.exterior-about h2{font:600 65px/.95 Barlow;text-transform:uppercase}.exterior-services>div{display:grid;grid-template-columns:1fr 1fr;gap:40px 65px}.exterior-services h3{font:600 30px Barlow;margin-bottom:12px}.exterior-services p{font-size:16px}.exterior-work{padding:65px 4% 85px}.work-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.work-heading nav{display:flex;gap:24px;font-size:14px}.wash-case{display:grid;grid-template-columns:2fr 1fr;background:#153f69}.wash-case img{height:470px}.wash-case>div{padding:40px;align-self:center}.exterior-work h3{font:600 43px/1 Barlow;text-transform:uppercase;margin-bottom:17px}.exterior-work p{font-size:15px}.repair-case{margin-top:55px;display:grid;grid-template-columns:1fr 3fr;gap:35px}.repair-case>div:first-child{padding-top:20px}.repair-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.repair-pair img{height:360px}.wood-case{margin-top:60px;position:relative}.wood-case img{height:430px}.wood-case h3{position:absolute;top:30px;left:30px;max-width:320px;background:#0b3159;padding:20px}.exterior-about{display:grid;grid-template-columns:1fr 1fr;background:#fbfeff;color:#0b3159}.exterior-about>div{padding:70px 12%}.exterior-about p{font:500 38px/1.17 Barlow;margin-top:35px;max-width:430px}.exterior-about img{height:490px}.exterior-contact{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:85px 6%}.exterior-contact h2{font:600 110px/.87 Barlow;text-transform:uppercase;letter-spacing:-2px;margin-bottom:30px}.exterior-contact>div>a{font-size:22px}.site-footer{background:#082645}@media(max-width:800px){.brand{font-size:23px;max-width:198px}.exterior-head{display:block;padding:26px 22px 24px}.exterior-head h1{font-size:48px;line-height:.96;letter-spacing:-.3px;max-width:345px}.exterior-head p{font-size:14px;max-width:300px;margin-top:17px}.elevation{height:305px}.elevation>img,.after img{object-position:51% 50%}.roller i{top:27%;height:105px;width:28px;left:-15px}.roller i:after{top:88px;left:10px;width:26px;height:45px}.reveal-labels{inset:12px 12px auto}.reveal-labels span,.photo-tag{font-size:10px}.photo-tag{bottom:12px;left:12px}.roller-controls{padding:15px 22px 22px;grid-template-columns:minmax(0,1fr) max-content;gap:4px 12px}.roller-controls label{grid-column:1/-1;font-size:12px}.roller-controls output{font-size:21px}.exterior-services{display:block;padding:45px 23px}.exterior-services h2,.work-heading h2,.exterior-about h2{font-size:48px}.exterior-services>div{display:block;margin-top:30px}.exterior-services article+article{margin-top:27px}.exterior-services h3{font-size:28px;margin-bottom:9px}.exterior-services p{font-size:15px}.exterior-work{padding:45px 20px}.work-heading{display:block;margin-bottom:28px}.work-heading nav{margin-top:20px;gap:23px}.wash-case{display:block}.wash-case img{height:310px}.wash-case>div{padding:25px}.exterior-work h3{font-size:35px}.repair-case{display:block;margin-top:30px}.repair-case>div:first-child{padding:0 0 23px}.repair-pair{gap:7px}.repair-pair img{height:240px}.wood-case{margin-top:35px}.wood-case img{height:350px}.wood-case h3{font-size:30px;left:16px;top:16px;padding:14px;max-width:250px}.exterior-about{display:block}.exterior-about>div{padding:45px 24px}.exterior-about p{font-size:34px;margin-top:25px}.exterior-about img{height:310px}.exterior-contact{display:block;padding:47px 23px}.exterior-contact h2{font-size:75px;margin-bottom:22px}.exterior-contact>div{margin-bottom:38px}.fields{grid-template-columns:1fr}}