:root{--red:#a92e24;--ink:#20201d;--sand:#f3eee5;--line:#d8d0c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Arial,sans-serif;color:var(--ink)}a{color:inherit}.demo{height:36px;padding:0 5vw;background:#20201d;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:.76rem}.demo a{color:#fff}header{height:80px;padding:0 5vw;display:flex;align-items:center;gap:35px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 4px 20px #0001}.logo{text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:.05em}.logo b{color:var(--red)}.logo i{font-family:Georgia,serif;margin:.2rem}header nav{display:flex;gap:25px;margin-left:auto}header nav a{text-decoration:none;font-weight:700}.phone{padding:.7rem 1rem;background:var(--red);color:#fff;text-decoration:none;font-weight:bold}header button{display:none}.hero{min-height:660px;background:linear-gradient(90deg,rgba(24,22,18,.9),rgba(24,22,18,.1)),url('../assets/handwerk-hero.jpg') center/cover;display:flex;align-items:center;padding:8vw;color:#fff}.hero>div{max-width:680px}.hero h1{font:700 clamp(3rem,7vw,6rem)/.98 Georgia,serif;margin:.5rem 0 1rem}.hero>div>p:first-child,.label{text-transform:uppercase;letter-spacing:.13em;font-weight:bold;color:var(--red);font-size:.8rem}.hero>div>p:first-child{color:#ffc3b8}.hero>div>p{font-size:1.2rem}.actions{display:flex;gap:12px;margin-top:28px}.actions a,.contact button,.wa{padding:.9rem 1.2rem;background:var(--red);color:#fff;text-decoration:none;font-weight:bold;border:0}.actions .ghost{background:transparent;border:1px solid #fff}section:not(.hero){padding:90px max(6vw,calc((100vw - 1180px)/2))}h2{font:700 clamp(2rem,4vw,3.6rem)/1.05 Georgia,serif;max-width:760px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.cards article{padding:28px;border:1px solid var(--line)}.cards b{color:var(--red)}.split{background:var(--sand);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.split li{margin:1rem}.split blockquote{font:italic 1.8rem/1.5 Georgia,serif;border-left:4px solid var(--red);padding-left:30px}.split small{display:block;font:14px Arial;margin-top:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact{background:#25241f;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact .label{color:#ffaea4}.contact form{display:grid;gap:14px}.contact label{display:grid}.contact input,.contact textarea{padding:.8rem;border:1px solid #777;background:#333;color:#fff}.contact textarea{min-height:100px}.contact button{cursor:pointer}footer{padding:55px 6vw;background:#151512;color:#ddd;display:grid;grid-template-columns:2fr 1fr 2fr;gap:40px}footer div{display:grid;align-content:start;gap:8px}footer a{color:#fff}@media(max-width:800px){header{height:68px}.phone{display:none}header button{display:block;margin-left:auto;border:0;background:none;font-size:1.5rem}header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:25px;box-shadow:0 10px 20px #0002}header nav.open{display:grid}.hero{min-height:580px;padding:60px 22px}.cards,.split,.about,.contact,footer{grid-template-columns:1fr}.cards{gap:12px}section:not(.hero){padding:65px 22px}.demo span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}