:root{--black:#000814;--blue:#021832;--navy:#033262;--yellow:#deb46b;--gold:#ecbf71;--white:#fff}*{box-sizing:border-box}.black{color:var(--black)}.blue{color:var(--blue)}.navy{color:var(--navy)}.yellow{color:var(--yellow)}.gold{color:var(--gold)}.white{color:var(--white)}html,body{width:100%;max-width:100%;min-height:100vh;color:var(--white);background-color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Verdana,sans-serif}.app{background-color:var(--black);width:100%}.header{background-color:var(--black);z-index:100;padding:16px;font-size:clamp(.85rem,2vw,2rem);position:sticky;top:0}.landing{background-image:url(/landing.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;gap:clamp(12px,2vh,24px);min-height:100vh;display:flex;overflow:hidden}.hover:hover{text-decoration:underline}h1{text-align:center;background-color:var(--blue);margin:0;padding:1vh}.title1,.title2{box-sizing:border-box;width:100vw;color:var(--white);text-align:end;padding:8px clamp(24px,8vw,80px) 8px 8px;font-family:Verdana,sans-serif;font-size:clamp(2rem,3vw,6rem);font-weight:700;line-height:1.1;position:relative}.title1{background-color:var(--blue);margin-top:24vh;margin-left:-67.5vw}.title2{background-color:var(--yellow);margin-left:-57vw}.title3{color:var(--white);background-color:var(--yellow);max-width:calc(100% - 32px);margin-top:4.5vh;padding:16px 16px 16px 8vw;font-family:Verdana,sans-serif;font-size:clamp(1.5rem,5vw,3rem);font-weight:700;display:inline-block}.column{flex-direction:column;display:flex}.row{flex-flow:wrap;display:flex}.row-between{flex-flow:wrap;justify-content:space-between;width:100%;display:flex}.row-center{flex-flow:wrap;place-content:center;gap:16px;width:100%;display:flex}.row-around{flex-flow:wrap;place-content:center space-around;gap:16px;width:100%;display:flex}.relative{position:relative}.absolute{position:absolute}.end{justify-content:flex-end;display:flex}.gap{gap:clamp(16px,4vw,64px)}.padding{padding:16px}.height{min-height:80vh;scroll-margin-top:8vh}.about,.contact,.work,.careers{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;min-height:100vh;padding-bottom:32px;scroll-margin-top:2vh}.commercial,.residential,.medical,.financial{background-position:50%;background-repeat:no-repeat;background-size:cover}.hayfox{background-position:bottom;background-repeat:no-repeat;background-size:35vw}.about,.work{background-image:url(/windows.jpg)}.contact{background-image:url(/contact.jpg)}.careers{background-image:url(/foundation.jpg)}.commercial{background-image:url(/commercial.jpg)}.financial{background-image:url(/financial.jpg)}.medical{background-image:url(/medical.jpg)}.residential{background-image:url(/residential.jpg)}.card{background-image:linear-gradient(163deg, var(--yellow) 0%, var(--gold) 100%);border-radius:10px;flex:260px;min-width:50vw;max-width:30vw;height:75vh;transition:all .3s}.card1{background-image:linear-gradient(163deg, var(--yellow) 0%, var(--gold) 100%);border-radius:10px;flex:260px;max-width:35vw;height:38vh;transition:all .3s}.card2,.card3{background-color:var(--white);width:100%;height:100%;color:var(--black);border-radius:8px;transition:all .2s;overflow-y:hidden}.card2:hover{transform:scale(.99)}.card:hover{box-shadow:0 0 30px 1px #f2f2134d}.width-30{width:100%}.width-80{width:96vw}p{text-align:center;padding:0 clamp(16px,1em,48px);font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.6}.about .card{background-repeat:no-repeat;height:auto;min-height:60vh;display:flex}.about .card3{background-repeat:no-repeat;flex-direction:column;justify-content:flex-start;height:auto;min-height:0;display:flex}.about .card-bottom{background-repeat:no-repeat;flex:none}.about .card3.hayfox:after{content:"";background:url(/hayfox.png) 50%/contain no-repeat;flex:auto;min-height:220px}.form{flex-direction:column;justify-content:space-between;gap:16px;height:100%;padding:clamp(20px,4vw,20px);display:flex;overflow-y:auto;background-color:var(--blue)!important}.form label{color:var(--black);flex-direction:column;gap:6px;font-size:.95rem;display:flex}.form input,.form textarea{background-color:var(--white);border:1px solid var(--navy);color:var(--black);resize:vertical;border-radius:4px;max-height:14vh;padding:10px 12px;font-family:inherit;font-size:1rem}.form textarea{min-height:10vh}.form input:focus,.form textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.form button{background-color:var(--gold);color:var(--black);cursor:pointer;border:none;border-radius:4px;padding:12px;font-size:1rem;font-weight:700;transition:opacity .2s}.form button:disabled{opacity:.6;cursor:not-allowed}.form-success{color:var(--yellow);font-size:.9rem}.form-error{color:#ff6b6b;font-size:.9rem}.label-card{background-color:var(--white);border-radius:4px;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(20px,2vw,40px);display:flex}.card-bottom{width:100%;color:var(--white);background-color:var(--navy);padding-bottom:.5vh}@media (width<=768px){.row-between.gap{gap:16px}.row-between .row.gap{gap:12px;font-size:.8rem}.landing{text-align:center;align-items:center}.title1,.title2{text-align:center;margin-top:0;margin-left:0}.about,.contact,.work,.careers{scroll-margin-top:64px}.card{flex:100%;max-width:560px;height:auto}.card1{flex:240px;max-width:none;height:auto}.card2,.card3{height:auto;min-height:30vh}.card-bottom{height:auto;padding-bottom:12px}.card-bottom h1{font-size:clamp(1.25rem,4vw,1.75rem)}.commercial,.financial,.medical,.hayfox,.residential{flex-direction:column;justify-content:flex-end;display:flex}.label-card{gap:12px;height:auto}.form button{min-height:44px}}@media (width<=480px){.header{padding:12px}.header .row-between.gap{flex-direction:column;align-items:center;gap:6px}.header .row.gap{justify-content:center;gap:6px 14px;font-size:.7rem}.about,.contact,.work,.careers{background-image:none;min-height:100vh;scroll-margin-top:40px}.contact{height:120vh}.row-around{align-content:start;padding:12px}.row-center{flex-flow:column;align-content:stretch}.card{background-image:none;border-radius:0;flex:none;width:100%;max-width:100%;height:60vh}.card1{background-image:none;border-radius:0;flex:none;width:100%;max-width:100%}.card2{background-color:var(--blue);border-radius:2px;min-height:280px}.card3{height:auto;min-height:30vh}.card2:hover{transform:none}.card:hover{box-shadow:none}.form{padding:0}.label-card{padding:16px}.title1,.title2{margin-left:0;font-size:clamp(1.75rem,10vw,3rem)}.title3{margin:12px 12px 12px 0;padding:16px 16px 16px 2vw;font-size:clamp(1.25rem,7vw,2rem)}}