:root{
  --green:#176b2c;--green2:#0e5623;--yellow:#f2d600;--dark:#0d2e1b;--ink:#102019;--cream:#f4f2ea;--white:#fff;
  --muted:#69736d;--line:rgba(13,46,27,.16);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 56px));margin:auto}.kicker{font-size:12px;line-height:1;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--green)}.kicker.light{color:var(--yellow)}
.topbar{height:35px;background:#0f341e;color:#fff;font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;letter-spacing:.03em}.topbar strong{color:var(--yellow)}.topbar i{display:inline-block;width:3px;height:3px;background:rgba(255,255,255,.55);border-radius:50%;margin:0 8px 2px}
.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,.05)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{width:194px;height:68px;display:flex;align-items:center}.brand-img{width:155px;max-height:64px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700;color:#21412e}.nav a{transition:.2s}.nav a:hover{color:var(--green)}.nav-phone{font-weight:900;color:#153622!important}.nav-cta{background:var(--green);color:#fff!important;padding:17px 22px}.nav-cta span{color:var(--yellow);margin-left:8px}.mobile-toggle{display:none;border:0;background:none;font-size:25px;color:var(--green)}
.hero{position:relative;min-height:660px;background:#14251b;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('https://upload.wikimedia.org/wikipedia/commons/b/ba/%22Clay_tile_roof_close_up_shot.jpg'),url('../img/van-side.jpg');background-size:cover,cover;background-position:center 53%,center 0%;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,35,15,.96) 0%,rgba(8,46,20,.91) 33%,rgba(10,44,20,.54) 56%,rgba(0,0,0,.06) 82%)}.hero-inner{position:relative;z-index:2;height:660px;display:flex;flex-direction:column;justify-content:space-between;padding-top:92px;padding-bottom:62px}.hero-copy{width:min(650px,67%)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.22em;color:var(--yellow);text-transform:uppercase}.hero h1{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(68px,7.5vw,112px);line-height:.84;letter-spacing:-.078em;margin:19px 0 27px;text-transform:none}.hero p{max-width:510px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.86);margin:0}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:16px 20px;font-size:13px;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:#16331f}.btn-outline{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(0,0,0,.08)}.btn-green{background:var(--green);color:#fff}.btn-green span{color:var(--yellow)}.hero-bottomline{display:flex;align-items:flex-end;justify-content:space-between;width:100%;max-width:780px;border-top:1px solid rgba(255,255,255,.28);padding-top:16px}.hero-bottomline div:first-child{display:flex;gap:26px;align-items:center;font-size:12px}.hero-bottomline b{font-size:12px}.hero-bottomline span{color:rgba(255,255,255,.67)}.hero-seal{font-family:Arial Black,Arial,sans-serif;color:rgba(255,255,255,.9);font-size:20px;line-height:.75;text-align:center}.hero-seal small{font:700 6px Arial;letter-spacing:.16em}.hero-angle{position:absolute;z-index:3;left:-5%;bottom:-23px;width:72%;height:63px;background:var(--yellow);transform:skewX(-26deg)}
.signature-band{position:relative;background:var(--green);color:#fff;padding:78px 0 86px;overflow:hidden}.signature-grid{display:grid;grid-template-columns:220px 1fr 250px;gap:64px;align-items:end}.signature-services{display:flex;flex-direction:column;gap:12px;font:900 12px Arial;letter-spacing:.11em}.signature-services span{border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:9px}.signature-claim{font-family:Arial Black,Arial,sans-serif;font-size:clamp(48px,6vw,83px);line-height:.86;letter-spacing:-.07em}.signature-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:7px 0}.signature-side>span{font-weight:800;line-height:1.15;font-size:18px}.signature-side a{font-size:11px;font-weight:900;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:10px}.signature-side b{color:var(--yellow);font-size:19px;margin-left:8px}.yellow-swipe{position:absolute;left:-8%;right:-8%;bottom:-32px;height:61px;background:var(--yellow);transform:rotate(-1.6deg)}
.expertises{background:#fff;padding:115px 0 126px}.section-topline{display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:end;margin-bottom:62px}.section-topline h2,.projects-title h2,.contact-head h2{font-family:Arial Black,Arial,sans-serif;font-size:clamp(52px,6.3vw,82px);line-height:.88;letter-spacing:-.07em;margin:18px 0 0}.section-topline p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 8px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:78px 1.1fr 1.2fr 220px;gap:26px;align-items:center;min-height:118px;border-bottom:1px solid var(--line);transition:.2s}.service-row:hover{padding-left:12px;background:#f6f7f3}.service-no{font:900 12px Arial;color:var(--green);letter-spacing:.08em}.service-row>strong{font-family:Arial Black,Arial,sans-serif;font-size:35px;letter-spacing:-.05em}.service-desc{font-size:14px;line-height:1.45;color:#6d7770}.service-cta{font-size:12px;font-weight:900;text-align:right}.service-cta b{color:var(--green);font-size:17px;margin-left:8px}
.brand-roof{height:450px;position:relative;display:grid;place-items:center;overflow:hidden;background-image:url('https://upload.wikimedia.org/wikipedia/commons/b/ba/%22Clay_tile_roof_close_up_shot.jpg'),url('../img/van-side.jpg');background-size:cover,cover;background-position:center 35%,center 0%}.brand-roof-overlay{position:absolute;inset:0;background:linear-gradient(rgba(7,26,14,.72),rgba(7,26,14,.84));mix-blend-mode:multiply}.brand-roof:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.05),transparent 35%)}.brand-roof img{position:relative;z-index:2;width:min(490px,65vw);filter:drop-shadow(0 15px 25px rgba(0,0,0,.3))}
.company{background:var(--green);color:#fff;overflow:hidden}.company-grid{width:100%;max-width:none;display:grid;grid-template-columns:54% 46%;padding:0}.company-copy{padding:94px max(7vw,calc((100vw - var(--max))/2 + 28px)) 82px}.company-copy h2{font-family:Arial Black,Arial,sans-serif;font-size:clamp(43px,5.6vw,72px);line-height:.88;letter-spacing:-.06em;margin:22px 0 47px}.company-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:54px}.company-columns h3{font:900 13px/1.25 Arial;letter-spacing:.06em;margin:0 0 18px;color:var(--yellow)}.company-columns p{font-size:15px;line-height:1.72;color:rgba(255,255,255,.82);margin:0}.text-link{display:inline-flex;gap:9px;margin-top:24px;font-size:12px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.42);padding-bottom:8px}.text-link span{color:var(--yellow)}.company-facts{display:flex;flex-direction:column;gap:32px}.company-facts>div{padding-top:13px;border-top:1px solid rgba(255,255,255,.25)}.company-facts b{display:block;color:var(--yellow);font-size:11px;margin-bottom:10px}.company-facts strong{display:block;font-size:16px}.company-facts span{display:block;color:rgba(255,255,255,.7);font-size:12px;line-height:1.5;margin-top:6px}.company-photo{position:relative;min-height:610px;background:#dfe6dd;overflow:hidden}.company-photo img{width:100%;height:100%;object-fit:cover;object-position:45% center}.company-photo-shape{position:absolute;pointer-events:none}.company-photo-shape.one{right:-130px;top:-70px;width:300px;height:330px;background:var(--yellow);clip-path:polygon(35% 0,100% 0,100% 100%,0 66%);opacity:.97}.company-photo-shape.two{left:-110px;bottom:-90px;width:280px;height:260px;background:var(--green);clip-path:polygon(0 0,100% 44%,62% 100%,0 100%);opacity:.94}
.projects{background:#0b321b;color:#fff;padding:110px 0 120px}.projects-title{display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:end}.projects-title .kicker{grid-column:1/-1}.projects-title h2{margin-top:0}.projects-title p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.66);margin:0 0 9px}.project-stack{margin-top:60px}.project-feature{position:relative;display:block;min-height:530px;overflow:hidden;background:#092814}.project-visual{position:absolute;inset:0}.project-visual img,.remote-roof{width:100%;height:100%;object-fit:cover}.remote-roof{background-image:linear-gradient(rgba(3,20,10,.12),rgba(3,20,10,.18)),url('https://upload.wikimedia.org/wikipedia/commons/b/ba/%22Clay_tile_roof_close_up_shot.jpg'),url('../img/van-side.jpg');background-size:cover,cover,cover;background-position:center,center,center}.project-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,25,12,.86) 100%)}.project-caption{position:absolute;z-index:2;left:42px;bottom:36px;right:42px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:end;text-transform:uppercase}.project-caption span{font-size:13px;font-weight:900;letter-spacing:.14em;color:var(--yellow)}.project-caption strong{font-family:Arial Black,Arial,sans-serif;font-size:42px;letter-spacing:-.05em}.project-caption small{font-size:12px;text-transform:none;color:rgba(255,255,255,.72);padding-bottom:7px}
.contact-section{background:#f3f1e8;padding:115px 0 120px}.contact-head{display:grid;grid-template-columns:1fr 360px;gap:90px;align-items:end}.contact-intro{padding-bottom:8px}.contact-intro p{font-size:16px;line-height:1.7;color:#647169;margin:0 0 25px}.contact-intro>a{display:block;font-family:Arial Black,Arial,sans-serif;font-size:31px;color:var(--green);letter-spacing:-.04em;margin-bottom:10px}.contact-intro span{font-size:12px;line-height:1.65;color:#657067}.contact-intro b{color:#152c1d}.form-shell{margin-top:55px}.contact-form{background:#fff;padding:44px 46px;border-top:5px solid var(--yellow);box-shadow:0 18px 60px rgba(25,45,31,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px}.field{display:flex;flex-direction:column;gap:9px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#2c4435}.field input,.field select,.field textarea{border:0;border-bottom:1px solid #bcc7bf;border-radius:0;padding:13px 0;background:transparent;outline:none;color:#173221}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field textarea{min-height:120px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#9aa39d}.check{display:flex;flex-direction:row!important;align-items:flex-start;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;color:#68736c!important}.check input{width:auto;margin-top:2px}.form-submit{align-items:flex-start}.privacy{font-size:10px;color:#89928c;line-height:1.5;margin:25px 0 0}.form-message{padding:13px 15px;margin-bottom:24px;font-size:13px}.form-message.ok{background:#e6f5e9;color:#205d30}.form-message.err{background:#fde7e7;color:#8a2424}.hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.footer{background:#0b2e19;color:#d6dfd8;padding:65px 0 26px}.footer-grid{display:grid;grid-template-columns:1.25fr .65fr .8fr;gap:80px}.footer-brand img{width:180px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22))}.footer-brand p{margin:6px 0 0;color:rgba(255,255,255,.58);font-size:12px}.footer-nav,.footer-contact{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-nav>span,.footer-contact>span{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}.footer-contact a{font-weight:900;font-size:17px}.footer-contact p{margin:0;color:rgba(255,255,255,.6);line-height:1.55}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);margin-top:48px;padding-top:20px;font-size:10px;color:rgba(255,255,255,.45)}.footer-bottom .credit{font-size:9px}.floating-cta{position:fixed;z-index:40;right:24px;bottom:24px;background:var(--yellow);color:#16331f;padding:15px 20px;font-size:12px;box-shadow:0 12px 35px rgba(0,0,0,.2)}
.season-layer{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}.snowflake,.pumpkin{position:absolute;top:-60px;animation:fall linear infinite}.snowflake{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}.pumpkin{font-size:28px}@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}
.project-detail{padding:75px 0 100px;background:#fff}.project-detail h1{font-family:Arial Black,Arial,sans-serif;font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.06em;margin:18px 0}.project-detail .lead{font-size:17px;line-height:1.8;color:#657066;max-width:760px}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:45px}.detail-gallery img{width:100%;border-radius:0;object-fit:cover;min-height:320px}.detail-gallery img:first-child{grid-column:1/-1;max-height:680px}
@media(max-width:980px){.container{width:min(var(--max),calc(100% - 34px))}.nav{display:none;position:fixed;top:117px;left:16px;right:16px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:24px;flex-direction:column;align-items:stretch;z-index:70}.nav.open{display:flex}.mobile-toggle{display:block}.hero-copy{width:80%}.signature-grid{grid-template-columns:1fr 1fr;gap:40px}.signature-services{grid-row:1/3}.signature-side{min-height:150px}.service-row{grid-template-columns:55px 1fr;gap:10px 22px;padding:22px 0}.service-row>strong{font-size:30px}.service-desc,.service-cta{grid-column:2}.service-cta{text-align:left}.company-grid{grid-template-columns:1fr}.company-photo{min-height:480px}.company-columns{grid-template-columns:1fr 1fr}.projects-title,.contact-head,.section-topline{grid-template-columns:1fr;gap:28px}.projects-title .kicker{grid-column:auto}.projects-title p,.contact-intro,.section-topline p{max-width:650px}.project-feature{min-height:470px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:640px){.topbar{height:30px}.topbar-inner{justify-content:center}.topbar-inner>span:first-child{display:none}.site-header{height:70px}.brand{width:140px}.brand-img{width:128px}.nav{top:100px}.hero{min-height:620px}.hero-inner{height:620px;padding-top:70px;padding-bottom:48px}.hero-copy{width:100%}.hero h1{font-size:57px}.hero p{font-size:15px;max-width:92%}.hero-actions{flex-direction:column;align-items:flex-start}.hero-bottomline{max-width:100%}.hero-bottomline div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.hero-seal{display:none}.hero-angle{width:95%;height:48px}.signature-band{padding:66px 0 78px}.signature-grid{grid-template-columns:1fr}.signature-services{grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.signature-claim{font-size:50px}.signature-side{min-height:120px}.expertises{padding:85px 0 92px}.section-topline h2,.projects-title h2,.contact-head h2{font-size:52px}.service-row{grid-template-columns:43px 1fr}.service-row>strong{font-size:27px}.brand-roof{height:330px}.company-copy{padding:76px 24px 70px}.company-columns{grid-template-columns:1fr}.company-copy h2{font-size:46px}.company-photo{min-height:370px}.projects{padding:85px 0}.project-feature{min-height:400px}.project-caption{left:22px;right:22px;bottom:25px;grid-template-columns:1fr;gap:5px}.project-caption strong{font-size:34px}.contact-section{padding:85px 0}.contact-form{padding:30px 22px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.floating-cta{left:14px;right:14px;text-align:center}.detail-gallery{grid-template-columns:1fr}.detail-gallery img:first-child{grid-column:auto}}