:root{--ink:#171a17;--paper:#f2efe8;--wood:#a76536;--line:#cfc9bd;--muted:#6b6d67}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);position:sticky;top:0;z-index:20;background:rgba(242,239,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:7px;letter-spacing:.03em}.brand span{font-weight:900;font-size:25px}.brand small{font-size:10px;letter-spacing:.22em}.top nav{display:flex;gap:32px}.top nav a{text-decoration:none;font-size:14px;font-weight:700}.top nav a:hover{color:var(--wood)}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.12fr .88fr}.hero-img{background:linear-gradient(90deg,transparent 70%,rgba(23,26,23,.15)),url('https://heldschreinerei.ch/images/068C828E-8D9D-4C2E-8195-6918E71265C9.jpg') center/cover no-repeat}.hero-copy{background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,110px)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;color:var(--wood);margin:0 0 22px}.hero h1,.section h2,.intro h2,.projects h2,.about h2,.contact h2{font-family:Georgia,serif;font-weight:400;line-height:1.04;margin:0}.hero h1{font-size:clamp(48px,6vw,92px)}.hero h1 em{color:#d69a69;font-weight:400}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:540px;color:#d9d8d3;margin:28px 0}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.btn{background:var(--wood);color:#fff;padding:15px 22px;text-decoration:none;font-weight:800}.textlink{color:#fff;text-decoration:none;font-weight:700}.intro{padding:clamp(70px,11vw,150px) max(24px,14vw);display:grid;grid-template-columns:.5fr 1.1fr;gap:30px}.intro .eyebrow{grid-column:1}.intro h2{font-size:clamp(38px,5vw,68px);grid-column:2}.intro>p:last-child{grid-column:2;font-size:18px;max-width:780px;color:var(--muted)}.section,.projects{padding:clamp(70px,8vw,120px) clamp(22px,6vw,90px)}.section{background:#e6e0d5}.head{max-width:900px;margin-bottom:55px}.head h2,.about h2,.contact h2{font-size:clamp(38px,5vw,64px)}.grid{display:grid}.services{grid-template-columns:repeat(3,1fr);border-top:1px solid #bdb5a8}.services article{padding:35px 30px 45px 0;border-bottom:1px solid #bdb5a8}.services article:nth-child(3n+2),.services article:nth-child(3n+3){padding-left:30px;border-left:1px solid #bdb5a8}.services b{color:var(--wood);font-size:12px}.services h3{font-family:Georgia,serif;font-size:25px;margin:18px 0 12px}.services p{color:var(--muted);margin:0}.projects{background:var(--ink);color:white}.gallery{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:330px 330px;gap:12px}.gallery figure{margin:0;overflow:hidden}.gallery .wide{grid-row:1/3}.gallery img{transition:transform .5s}.gallery figure:hover img{transform:scale(1.025)}.note{color:#aaaea8;margin-top:24px}.about{padding:clamp(70px,10vw,140px) clamp(22px,10vw,150px);display:grid;grid-template-columns:1fr 1fr;gap:80px}.about>div:last-child{font-size:18px;color:var(--muted);padding-top:40px}.contact{text-align:center;padding:clamp(80px,12vw,160px) 22px;background:#d7c9b6}.contact .eyebrow{color:#6d4022}.contact h2{max-width:900px;margin:auto}.contact>p{font-size:18px}.phone{display:inline-block;font-family:Georgia,serif;font-size:clamp(30px,5vw,58px);margin:25px 0;text-decoration:none;border-bottom:2px solid var(--ink)}address{font-style:normal;color:#555}footer{padding:55px clamp(22px,6vw,90px);background:#101210;color:#eee;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end}footer p{color:#aaa}footer div{display:flex;gap:25px;justify-content:flex-end}footer div a{font-size:13px}footer>small{grid-column:1/3;color:#777}footer .brand{color:#fff}@media(max-width:800px){.top{height:70px}.menu{display:block}.top nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.top nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.hero-img{height:55vh;min-height:390px}.hero-copy{padding:55px 24px 70px}.intro{grid-template-columns:1fr;padding:80px 24px}.intro .eyebrow,.intro h2,.intro>p:last-child{grid-column:1}.services{grid-template-columns:1fr}.services article,.services article:nth-child(3n+2),.services article:nth-child(3n+3){padding:28px 0;border-left:0}.gallery{grid-template-columns:1fr;grid-template-rows:360px 280px 280px}.gallery .wide{grid-row:auto}.about{grid-template-columns:1fr;gap:10px;padding:80px 24px}.about>div:last-child{padding-top:0}.contact{text-align:left}footer{grid-template-columns:1fr}footer div{justify-content:flex-start;flex-direction:column;gap:10px}footer>small{grid-column:1}}
/* V3: V1-Grundaufbau mit erweitertem, bewusst kompakt gehaltenem Bildbestand */
.hero-img{background:linear-gradient(90deg,transparent 70%,rgba(23,26,23,.15)),url('img/hero.webp') center/cover no-repeat}
.gallery-more{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.gallery-more figure{margin:0;height:240px;overflow:hidden}
.gallery-more img{transition:transform .5s}
.gallery-more figure:hover img{transform:scale(1.025)}
@media(max-width:800px){.gallery-more{grid-template-columns:1fr 1fr}.gallery-more figure{height:220px}.gallery-more figure:last-child{grid-column:1/3;height:280px}}
@media(max-width:520px){.gallery{grid-template-rows:300px 220px 220px}.gallery-more{grid-template-columns:1fr}.gallery-more figure,.gallery-more figure:last-child{grid-column:auto;height:230px}}