:root{--bg:#F5F4F2;--alt:#FFFFFF;--text:#131313;--muted:#4A4A4A;--border:#E4E1DA;--field:#B9B5AC;--redt:#D91E0F;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root{--bg:#141414;--alt:#1E1E1E;--text:#F2F2F2;--muted:#B8B8B8;--border:#333;--field:#555;--redt:#FF5A47;color-scheme:dark}}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,sans-serif;overflow-x:hidden}
h1,h2{font-family:'Archivo',system-ui,sans-serif;font-stretch:112%}
a{color:inherit;text-decoration:none}main a:not([class]):hover{color:var(--redt)}
.skip{position:absolute;left:-9999px;background:#fff;color:#131313;padding:12px}.skip:focus{left:8px;top:8px;z-index:50}
.top{background:#131313;color:#EDEDED;padding:10px 48px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.top a{font-weight:700}.top a:hover{color:#FF5A47}
.bar{background:#FFF;color:#131313;display:flex;align-items:center;justify-content:space-between;padding:14px 48px;flex-wrap:wrap;gap:16px;border-bottom:1px solid #E4E1DA}
.brand{display:flex;align-items:center;gap:14px}.brand img{height:52px;width:auto;display:block}
.wm{font-family:'Archivo',system-ui,sans-serif;font-stretch:125%;font-weight:800;font-size:17px;letter-spacing:.04em;line-height:1.2}.wm small{display:block;font-weight:600;font-size:11px;letter-spacing:.5em;color:#D91E0F}
nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:500}nav a[aria-current]{color:#D91E0F}
.dd{position:relative}.ddb{font:inherit;background:none;border:0;cursor:pointer;color:inherit;padding:8px 0}
.ddm{display:none;position:absolute;top:100%;left:-14px;background:#FFF;border:1px solid #E4E1DA;min-width:270px;padding:8px 0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.dd:hover .ddm,.dd:focus-within .ddm{display:block}.ddm a{display:block;padding:10px 18px}.ddm a:hover,nav a:hover{color:#D91E0F}
.btn{background:#D91E0F;color:#FFF!important;padding:12px 22px;font-weight:600}
.burger{display:none;width:48px;height:48px;border:1px solid #131313;background:#FFF;align-items:center;justify-content:center;padding:0;cursor:pointer}
.cta{background:#D91E0F;color:#FFF;padding:56px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.cta h2{margin:0 0 8px;font-size:34px;font-weight:800;line-height:1.1}.cta a{background:#131313;color:#FFF;padding:16px 28px;font-weight:700}
footer{background:#FFF;color:#4A4A4A;padding:32px 48px;font-size:13px;line-height:1.8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}
footer img{height:120px;width:auto;display:block}footer b{color:#131313}footer a:hover{color:#D91E0F}
.cta .tel{background:none;padding:0;text-decoration:underline;font-weight:700}.tag{margin-top:10px;font-size:14px;font-weight:600;color:#131313}
.hero-photo{flex:1 1 420px;min-height:360px;background:#232323 center/cover no-repeat url(/images/hero.jpg)}
.ph{min-height:280px;background:#232323 center/cover no-repeat}.ph-project-1{background-image:url(/images/project-1.jpg)}.ph-project-2{background-image:url(/images/project-2.jpg)}.ph-project-3{background-image:url(/images/project-3.jpg)}.ph-pool{background-image:url(/images/pool.jpg)}.ph-owner{background-image:url(/images/owner.jpg)}
.formsec{padding:56px 48px}.formsec h2{margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.1}.form{max-width:860px;display:flex;flex-direction:column;gap:16px;margin-top:24px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.f{display:flex;flex-direction:column;gap:6px}.f label{font-size:14px;font-weight:600}
.f input,.f select,.f textarea{width:100%;box-sizing:border-box;border:1px solid var(--field);background:var(--alt);color:var(--text);padding:14px;font:inherit;font-size:16px}
.sub{align-self:flex-start;border:0;background:#D91E0F;color:#FFF;padding:16px 28px;font:inherit;font-weight:700;font-size:16px;cursor:pointer}.hp{position:absolute;left:-9999px}.muted{color:var(--muted)}
@media (max-width:900px){.top,.bar,.cta,footer{padding-left:20px;padding-right:20px}.burger{display:flex}nav{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0}nav.open{display:flex}
nav a,.ddb{padding:14px 0;border-top:1px solid #E4E1DA;text-align:left}.ddm{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0}.ddm a{padding:12px 0}.btn{text-align:center;margin-top:12px}.cta h2{font-size:28px}}
.c1{background:#131313;color:#FFFFFF;margin:0 48px;display:flex;flex-wrap:wrap;min-height:520px}
.c2{flex:1 1 420px;padding:72px 56px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.c3{font-size:13px;letter-spacing:0.16em;color:#FF5A47;font-weight:600}
.c4{margin:0;font-size:52px;line-height:1.08;font-weight:800}
.c5{color:#FF5A47}
.c6{margin:0;font-size:18px;line-height:1.6;color:#CFCFCF;max-width:520px}
.c7{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.c8{background:#D91E0F;color:#FFFFFF;padding:16px 28px;font-weight:600;font-size:16px}
.c9{border:1px solid #666666;color:#FFFFFF;padding:16px 28px;font-weight:600;font-size:16px}
.c10{margin:0 48px;padding:36px 0;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--border)}
.c11{flex:1 1 260px;padding:8px 24px 8px 0}
.c12{font-size:22px;font-weight:700}
.c13{font-size:15px;color:var(--muted);margin-top:6px;line-height:1.5}
.c14{flex:1 1 260px;padding:8px 24px}
.c15{flex:1 1 260px;padding:8px 0 8px 24px}
.c16{padding:80px 48px 40px}
.c17{font-size:13px;letter-spacing:0.16em;color:var(--redt);font-weight:600}
.c18{margin:12px 0 40px;font-size:44px;font-weight:800;max-width:720px;line-height:1.1}
.c19{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}
.c20{background:var(--alt);padding:32px;border:1px solid var(--border)}
.c21{font-size:13px;color:var(--redt);font-weight:700}
.c22{font-size:22px;font-weight:700;margin:10px 0 8px}
.c23{font-size:15px;line-height:1.6;color:var(--muted)}
.c24{padding:60px 48px 40px}
.c25{margin:12px 0 32px;font-size:44px;font-weight:800;line-height:1.1}
.c26{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.c27{background:#131313;color:#FFFFFF;margin:40px 48px;padding:72px 56px;display:flex;flex-wrap:wrap;gap:48px}
.c28{flex:1 1 380px}
.c29{margin:12px 0 20px;font-size:44px;font-weight:800;line-height:1.1}
.c30{margin:0;font-size:17px;line-height:1.7;color:#CFCFCF}
.c31{flex:1 1 380px;display:flex;flex-direction:column;gap:20px}
.c32{border-top:1px solid #3A3A3A;padding-top:16px}
.c33{font-size:18px;font-weight:700}
.c34{font-size:15px;color:#CFCFCF;margin-top:4px;line-height:1.5}
.c35{padding:20px 48px 60px}
.c36{margin:12px 0 20px;font-size:36px;font-weight:800;line-height:1.1}
.c37{display:flex;flex-wrap:wrap;gap:10px;font-size:15px;font-weight:500}
.c38{border:1px solid var(--border);padding:10px 18px}
.c39{background:#131313;color:#FFFFFF;padding:72px 48px}
.c40{font-size:13px;letter-spacing:0.16em;color:#FF5A47;font-weight:700}
.c41{margin:14px 0 18px;font-size:48px;line-height:1.08;font-weight:800;max-width:860px}
.c42{margin:0 0 28px;font-size:18px;line-height:1.6;color:#CFCFCF;max-width:640px}
.c43{display:inline-block;background:#D91E0F;color:#FFFFFF;padding:16px 28px;font-weight:700;font-size:16px}
.c44{padding:56px 48px;background:var(--bg)}
.c45{margin:0 0 24px;font-size:30px;font-weight:800;line-height:1.1}
.c46{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.c47{background:var(--alt);border:1px solid var(--border);border-left:4px solid #D91E0F;padding:16px 20px;font-size:15px;line-height:1.5}
.c48{padding:56px 48px;background:var(--alt)}
.c49{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.c50{background:var(--bg);border:1px solid var(--border);padding:26px}
.c51{font-size:12px;color:var(--redt);font-weight:700}
.c52{font-size:19px;font-weight:700;margin:8px 0 6px}
.c53{margin:0 0 16px;font-size:30px;font-weight:800;line-height:1.1}
.c54{margin:0;font-size:17px;line-height:1.7;color:var(--muted);max-width:760px}
.c55{background:var(--alt);border:1px solid var(--border);padding:26px}
.c56{margin:0 0 20px;font-size:30px;font-weight:800;line-height:1.1}
.c57{display:flex;flex-wrap:wrap;gap:10px;font-size:16px;font-weight:500}
.c58{border:1px solid var(--border);background:var(--alt);padding:12px 18px}
.c59{display:flex;flex-direction:column;gap:12px;max-width:820px}
.c60{background:var(--alt);border:1px solid var(--border);padding:22px}
.c61{font-size:15px;line-height:1.7;color:var(--muted);margin-top:8px}
@media (max-width:720px){
.formsec{padding:40px 20px}
.c1{margin:0!important}
.c2{padding:44px 20px!important}
.c4{font-size:34px!important}
.c10{margin:0!important;padding:20px!important}
.c16{padding:48px 20px 20px!important}
.c18{font-size:30px!important}
.c19{grid-template-columns:1fr!important}
.c24{padding:32px 20px 20px!important}
.c25{font-size:30px!important}
.c26{grid-template-columns:1fr!important}
.c27{margin:32px 0!important;padding:44px 20px!important}
.c29{font-size:30px!important}
.c35{padding:8px 20px 40px!important}
.c39{padding:48px 20px!important}
.c41{font-size:34px!important}
.c44{padding:40px 20px!important}
.c45{font-size:26px!important}
.c46{grid-template-columns:1fr!important}
.c48{padding:40px 20px!important}
.c49{grid-template-columns:1fr!important}
.c53{font-size:26px!important}
.c56{font-size:26px!important}

.c11{padding:10px 0!important}
.c14{padding:10px 0!important}
.c15{padding:10px 0!important}
.hero-photo{min-height:220px}
.ph{min-height:200px}
}
