body{background:#e7e4dd;color:#171815}html{scroll-behavior:smooth}
.clean-hero{max-width:1800px;margin:auto;padding:0 8.3% 24px;background:linear-gradient(#e9e6df55,#e9e6df55),url('assets/handwerk-helle-bildwelt.webp') center top/100% auto;position:relative}
.clean-hero:before{content:'';position:absolute;inset:0;background:#e8e5ddeb;pointer-events:none}.clean-hero>*{position:relative}
.clean-hero header{position:relative;inset:auto;padding:20px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand strong{color:#111;font-family:Manrope,Arial,sans-serif;font-size:29px;letter-spacing:.035em}.brand span{color:#333;letter-spacing:.54em;font-size:11px}
.clean-hero nav{margin-left:auto;display:flex;gap:36px}.clean-hero nav a,.phone{color:#181916;font-size:14px}.phone span{color:#b17b5c}
.clean-heading{padding:5px 0 20px;position:relative}.clean-heading h1{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(48px,6.2vw,100px);line-height:.99;letter-spacing:-.018em;font-weight:900;max-width:85%;margin:0}.clean-heading h1:after{content:'';display:block;width:32px;height:6px;background:#b67f60;margin-top:12px}.clean-heading p{font-size:clamp(16px,1.5vw,25px);margin:8px 0 0}.written{position:absolute;right:4%;top:25%;font:italic clamp(18px,2.1vw,34px)/1.35 Georgia,serif;transform:rotate(-9deg);color:#726e65;text-align:center}
.trade-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;scroll-margin-top:20px}.trade-card{position:relative;aspect-ratio:432/444;display:block;isolation:isolate;overflow:hidden;border:1px solid #fff9;color:#121310;transition:box-shadow .4s}.trade-visual{position:absolute;inset:0;overflow:hidden;z-index:-2;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.trade-visual img{position:absolute;max-width:none;height:auto;display:block}.trade-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#eae5da40,transparent 48%,#0002);transition:background .4s}.card-label{padding:20px 22px}.number{display:flex;align-items:center;gap:9px;font-size:17px}.number:after{content:'';width:44px;height:1px;background:#69655f}.card-label h2{font:clamp(22px,2.55vw,42px)/1.2 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:8px 0 10px}.more{font-size:14px;display:inline-flex;gap:15px;border-bottom:1px solid #6e6a5f;padding-bottom:5px;align-items:center}.more b{font-size:23px;line-height:1;transition:transform .3s}.card-caption{position:absolute;bottom:20px;left:22px;font-size:10px;line-height:1.8;letter-spacing:.2em;text-transform:uppercase;color:white;text-shadow:0 1px 5px #0009}.maler .card-caption,.boden .card-caption{color:#24241f;text-shadow:none}.boden{grid-column:1/-1;aspect-ratio:1284/187}.boden .card-label{display:grid;grid-template-columns:70px 1fr;align-items:center;padding-top:16px}.boden h2{margin:0 0 3px;font-size:30px}.boden .more{grid-column:2;justify-self:start}.boden .card-caption{bottom:14px}.hero-signoff{display:flex;justify-content:space-between;padding-top:20px;font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:#726e65}
@media(hover:hover){.trade-card:hover .trade-visual{transform:scale(1.035)}.trade-card:hover .more b{transform:translateX(6px)}.trade-card:hover{box-shadow:0 8px 28px #40392c26}}
.trade-card:focus-visible{outline:3px solid #98664a;outline-offset:3px}.trade-card:focus-visible .more b{transform:translateX(6px)}
.intro{background:#f1eee7}.details{background:#e5e1d8;border-color:#0002}.details p,.contact>p:not(.eyebrow){color:#514e47}.contact{background:#f1eee7}.button{background:#252823;color:white;border-color:#252823}footer{color:#ddd}footer .brand strong,footer .brand span{color:#eee}
@media(max-width:1000px){.written{right:0;font-size:22px}.clean-heading h1{font-size:7vw;max-width:75%}.clean-hero{padding-left:5%;padding-right:5%}.card-label{padding:15px}.card-caption{left:15px}.clean-hero nav{gap:18px}.boden{min-height:170px}}
@media(max-width:700px){.clean-hero{padding:0 20px 20px}.clean-hero header{padding:23px 0;gap:10px}.clean-hero nav{display:none}.clean-hero .phone{font-size:12px;margin:0}.phone span{font-size:16px}.brand strong{font-size:21px}.brand span{font-size:8px}.written{display:none}.clean-heading{padding:12px 0 25px}.clean-heading h1{max-width:100%;font-size:clamp(43px,10vw,70px)}.clean-heading p{font-size:15px;max-width:300px}.trade-grid{grid-template-columns:1fr;gap:12px}.trade-card{aspect-ratio:432/400}.trade-visual{bottom:auto;aspect-ratio:432/444;width:100%}.card-label{padding:23px}.card-label h2{font-size:34px}.card-caption{left:23px;bottom:22px}.boden{min-height:215px;aspect-ratio:auto;grid-column:auto}.boden .trade-visual{height:100%;aspect-ratio:1284/187;width:auto;left:-70%}.boden .card-label{display:block;padding:23px}.boden h2{font-size:30px;margin:8px 0}.boden .card-caption{display:none}.hero-signoff{font-size:8px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trade-visual,.more b,.trade-card{transition:none!important}.trade-card:hover .trade-visual{transform:none}}
/* Keep the reference's plants and architectural light visible at both edges. */
.clean-hero{background:url('assets/handwerk-helle-bildwelt.webp') center top/100% 100% no-repeat}
.clean-hero:before{inset:0 8.3%;background:linear-gradient(120deg,#ffffff28,transparent 55%,#fff5),url('assets/heller-putz.webp') center/680px;opacity:1}
@media(max-width:1000px){.clean-hero{padding-left:8.3%;padding-right:8.3%}}
@media(max-width:700px){.clean-hero{padding-left:20px;padding-right:20px;background-size:auto 850px;background-position:center top;background-color:#e7e4dd}.clean-hero:before{inset:0 20px}}
/* Center both wordmark lines, excluding trailing letter spacing. */
.clean-hero header .brand{align-items:center;text-align:center;flex-shrink:0}
.clean-hero header .brand strong{margin-right:-.035em}
.clean-hero header .brand span{margin-right:-.54em}