﻿
:root{--site-width:1180px;--section-pad:76px;--hero-height:590px;--card-image-height:220px;--base-font:12px;--title-scale:1;--red:#dc000c;--g:#06452f;--g2:#0b5b3e;--gd:#092f25;--gold:#c6a45b;--cream:#f8f6ef;--ink:#17271f;--muted:#68766e;--line:#e8e5da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Alexandria,Tahoma,sans-serif;color:var(--ink);line-height:1.85}a{text-decoration:none;color:inherit}.wrap{width:min(var(--site-width),92%);margin:auto}.top{background:var(--red);color:#eee7d8;font-size:11px;padding:7px}.top .wrap{display:flex;justify-content:space-between}.header{position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--g);font-weight:800}.brand img{width:58px;height:58px;object-fit:contain}.brand small{display:block;font-size:9px;direction:ltr;color:#777}.links{display:flex;gap:19px;font-size:11px;font-weight:600}.links a:hover{color:var(--gold)}.btn{display:inline-block;background:var(--gold);color:#173326;padding:11px 18px;border-radius:6px;font-size:11px;font-weight:800;border:0;cursor:pointer}.btn.green{background:var(--g);color:white}.lang{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:22px;color:var(--g);cursor:pointer}.hero{min-height:var(--hero-height);background:linear-gradient(90deg,#032619e8,#03261966),url('../images/facades/facades-02.webp') center/cover;color:white;display:flex;align-items:center}.hero .copy{max-width:720px;padding:75px 0}.kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1px}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.4;margin:12px 0}.hero p{color:#e4ece6;max-width:640px;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.outline{border:1px solid #ffffff9c;background:transparent;color:white}.facts{background:var(--cream);padding:19px 0}.facts .wrap{display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap;color:var(--g);font-size:12px;font-weight:700}section{padding:var(--section-pad) 0}.head{max-width:700px;margin-bottom:28px}.head h2{color:var(--g);font-size:calc(clamp(26px,3vw,38px) * var(--title-scale));margin:7px 0}.head p,.about p{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.products{background:#fbfaf6}.card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white}.card img{width:100%;height:var(--card-image-height);object-fit:cover;display:block}.card .body{padding:17px}.card h3{font-size:14px;color:var(--g);margin:0 0 5px}.card p{font-size:11px;color:var(--muted);min-height:42px}.card a{color:#98783d;font-size:11px;font-weight:800}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.aboutgrid img{width:100%;height:410px;object-fit:cover;border-radius:12px}.projects{background:var(--gd);color:white}.projects h2{color:white}.gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:200px 200px;gap:12px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:9px}.gallery img:first-child{grid-row:span 2}.workgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workgrid img{width:100%;height:190px;object-fit:cover;border-radius:9px}.workgrid video{width:100%;border-radius:9px;background:#111}.why{background:var(--cream)}.why .grid>div{padding:20px;background:white;border:1px solid var(--line);border-radius:10px}.why h3{color:var(--g);font-size:13px}.why p{font-size:11px;color:var(--muted)}.articles{background:#fff}.article{padding:20px;border:1px solid var(--line);border-radius:10px}.article h3{font-size:14px;color:var(--g)}.article p{font-size:11px;color:var(--muted)}.price{background:var(--cream)}.pricebox{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;display:grid;grid-template-columns:1fr 1.5fr;gap:25px}.priceintro{background:var(--g);color:white;border-radius:9px;padding:24px}.priceintro p{font-size:11px;color:#dce8df}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:10px;color:var(--g);font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:11px}.field.full{grid-column:1/-1}.result{font-size:12px;color:var(--g);margin:10px 0}.contact{background:var(--g);color:white}.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.contact h2{margin:0}.contact p{font-size:11px;color:#dbe7df}footer{background:#06271c;color:#d9e3dc;padding:40px 0 18px;font-size:11px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:25px}.foot h4{color:var(--gold)}.foot a{display:block;margin:6px 0;color:#c1d0c6}.copyright{border-top:1px solid #ffffff24;margin-top:25px;padding-top:15px;color:#a8b9ae}.wa{position:fixed;bottom:18px;left:18px;background:#20b967;color:white;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:22px;z-index:30}.adminlink{font-size:9px;opacity:.5}.adminlink:hover{opacity:1}
@media(max-width:850px){.links{gap:9px;font-size:9px}.grid{grid-template-columns:repeat(2,1fr)}.pricebox{grid-template-columns:1fr}}@media(max-width:650px){.nav{height:70px}.links{display:none;position:absolute;top:70px;right:0;left:0;background:white;padding:15px;flex-direction:column}.links.open{display:flex}.brand img{width:49px;height:49px}.hero{min-height:530px}.grid{grid-template-columns:1fr 1fr;gap:9px}.card img{height:145px}.card .body{padding:11px}.card h3{font-size:11px}.card p{font-size:9px}.aboutgrid{grid-template-columns:1fr}.aboutgrid img{height:270px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:150px 130px 130px}.gallery img:first-child{grid-row:span 2}.gallery img:nth-child(5){grid-column:1/-1}.workgrid{grid-template-columns:1fr 1fr}.workgrid img{height:130px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}

/* Homepage intro motion background */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#06251c}
.hero-motion{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:-2;pointer-events:none}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,24,17,.86),rgba(3,24,17,.48) 58%,rgba(3,24,17,.30))}
.hero-content{position:relative;z-index:1}
.hero .copy{padding-top:75px;padding-bottom:75px}
.quote-form{min-width:0}
.quote-form button:disabled{opacity:.65;cursor:wait}
.quote-form input:focus,.quote-form select:focus{outline:2px solid var(--gold);outline-offset:1px}
@media(max-width:650px){.hero-motion{height:100%;}.hero-overlay{background:rgba(3,24,17,.64)}}
