:root{--orange:#ff7100;--ink:#17191b;--muted:#62676c;--light:#f5f6f7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px #00000012}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:220px;height:68px;object-fit:contain}.main-nav{display:flex;gap:25px}.main-nav a{font-size:14px;font-weight:700}.main-nav a:hover,.text-link{color:var(--orange)}.nav-side{display:flex;align-items:center;gap:20px}.languages{display:flex;gap:8px;align-items:center}.lang{border:0;background:none;cursor:pointer;font-weight:700;color:#777}.lang.active{color:var(--orange)}.nav-phone{background:var(--orange);color:#fff;padding:11px 17px;border-radius:5px;font-weight:800}.menu-toggle{display:none;background:none;border:0;font-size:25px}
.hero{min-height:510px;background-image:url(//dmbuilding.ee/wp-content/themes/dmbuilding-wordpress/assets/hero-house.jpg);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.86),rgba(5,8,10,.53) 43%,rgba(5,8,10,.04))}.hero-content{position:relative;padding:75px 0}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--orange)}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.06;max-width:630px;margin:18px 0}.hero p{font-size:18px;max-width:570px;color:#f0f0f0}.hero-actions{display:flex;gap:14px;margin-top:28px}.btn{display:inline-block;background:var(--orange);border:0;border-radius:5px;padding:14px 24px;color:#fff;font-weight:800;cursor:pointer}.btn:hover,.nav-phone:hover{background:#e86400}.btn-outline{background:transparent;border:1px solid #fff}.trust-strip{background:#fff;border-bottom:1px solid #eee}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;gap:20px}.trust-grid div{display:flex;align-items:center;gap:13px;border-right:1px solid #ddd;padding-right:16px}.trust-grid div:last-child{border:0}.trust-grid b{font-size:32px;color:var(--orange)}.trust-grid span{font-size:14px;font-weight:700;line-height:1.3}
.section{padding:84px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-photo{min-height:370px;border-radius:9px;background:url(//dmbuilding.ee/wp-content/themes/dmbuilding-wordpress/assets/hero-house.jpg) center/cover}.about h2,.section h2,.why-section h2,.contact-section h2{font-size:clamp(30px,4vw,42px);line-height:1.15;margin:10px 0 20px}.about-copy p,.projects p{color:var(--muted)}.text-link{font-weight:800;display:inline-block;margin-top:12px}.services-section{background:var(--light)}.services-section h2,.projects h2{margin-top:8px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.service-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:25px 18px;min-height:150px;box-shadow:0 4px 16px #00000008}.service-card span{font-size:32px;color:var(--orange)}.service-card h3{font-size:17px;line-height:1.3;margin:12px 0 0}.note{color:var(--muted);font-size:14px;margin-top:22px}
.projects{padding-top:84px;padding-bottom:84px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 12px}.project-image{height:230px;border-radius:8px;background-image:url(//dmbuilding.ee/wp-content/themes/dmbuilding-wordpress/assets/hero-house.jpg);background-size:cover}.project-two{background-position:65% center;filter:saturate(.8)}.project-three{background-position:30% center;filter:grayscale(.2)}.projects small{color:#777}
.why-section{background:#17191b;color:#fff;padding:65px 0}.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.why-section ul{list-style:none;padding:0;margin:0}.why-section li{padding:8px 0 8px 30px;position:relative}.why-section li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900;font-size:20px}
.contact-section{background:#f4f5f6;padding:80px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-info p{color:var(--muted);max-width:440px}.contact-line{display:flex;flex-direction:column;margin:22px 0}.contact-line b{font-size:19px}.contact-line span{font-size:13px;color:var(--muted)}.contact-form{background:#fff;padding:32px;border-radius:9px;box-shadow:0 8px 30px #0000000c}.contact-form h3{font-size:25px;margin:0 0 20px}.contact-form label{display:block;margin:14px 0;font-size:13px;font-weight:700}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #d9dce0;border-radius:5px;padding:12px;margin-top:6px;font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #ff710055;border-color:var(--orange)}.contact-form .btn{width:100%;margin-top:8px}.form-status{font-size:14px;color:#237b43}.site-footer{background:#111315;color:#fff;padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer-inner img{width:170px;height:52px;object-fit:contain;background:#fff;border-radius:4px}
@media(max-width:900px){.main-nav{gap:12px}.main-nav a{font-size:12px}.brand img{width:170px}.nav-side{gap:10px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:72px}.brand img{width:175px;height:62px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 24px;box-shadow:0 8px 12px #0002;flex-direction:column}.main-nav.open{display:flex}.nav-side{gap:8px}.nav-phone{font-size:12px;padding:9px}.languages{font-size:12px}.hero{min-height:520px;background-position:58% center}.hero-content{padding:65px 0}.hero p{font-size:16px}.hero-actions{flex-wrap:wrap}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid div:nth-child(2){border:0}.about,.why-inner,.contact-layout{grid-template-columns:1fr;gap:28px}.section{padding:60px 0}.about-photo{min-height:250px}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{padding:18px 14px;min-height:135px}.project-grid{grid-template-columns:1fr}.project-image{height:220px}.contact-form{padding:22px}.footer-inner{flex-wrap:wrap}.footer-inner img{width:140px}}