/* Echte Einbauten: Vorher/Nachher, Projekte, Materialien */
.real-section{background:var(--paper);padding:120px 0 130px}
.real-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:50px}
.real-heading h2{font-size:clamp(46px,5.2vw,74px);line-height:.92;letter-spacing:-.08em;margin:0}
.real-heading h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}
.real-intro{color:var(--ink-soft);font-size:16px;line-height:1.65;max-width:470px;margin:0 0 8px}
.ba-list{display:grid;gap:22px}
.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--white);padding:10px;box-shadow:var(--shadow)}
.ba-pair figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:var(--forest)}
.ba-pair img{display:block;width:100%;height:100%;object-fit:cover}
.ba-pair figcaption{position:absolute;left:14px;top:14px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--ink)}
.ba-pair figure.ba-after figcaption{background:var(--orange);color:#fff}
.ba-note{grid-column:1/-1;margin:4px 6px 4px;color:var(--ink-soft);font-size:14px;line-height:1.55}
.ba-note strong{color:var(--ink)}
.real-sub{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:85px 0 26px}
.real-sub h3{font-size:clamp(30px,3.2vw,44px);line-height:1;letter-spacing:-.06em;margin:6px 0 0}
.real-sub h3 em{font-family:Georgia,serif;font-weight:400}
.real-sub p{color:var(--ink-soft);max-width:420px;margin:0;font-size:15px;line-height:1.6}
.real-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.real-gallery figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:var(--forest);box-shadow:var(--shadow)}
.real-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.real-gallery figure:hover img{transform:scale(1.035)}
.real-gallery figure::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(10,29,22,.82))}
.real-gallery figcaption{position:absolute;z-index:1;left:18px;right:16px;bottom:16px;color:#fff;font-weight:700;font-size:15px;line-height:1.3}
.real-gallery figcaption span{display:block;color:var(--orange-light);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.material-card{margin:0;background:var(--white);box-shadow:var(--shadow);display:flex;flex-direction:column}
.material-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#fff}
.material-card.contain img{object-fit:contain;padding:14px}
.material-card div{padding:20px 22px 24px}
.material-card span{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.material-card h4{font-size:21px;letter-spacing:-.03em;margin:8px 0 8px}
.material-card p{color:var(--ink-soft);font-size:14px;line-height:1.55;margin:0}
@media(max-width:900px){.real-section{padding:85px 0 90px}.real-heading{grid-template-columns:1fr;gap:22px}.real-gallery,.material-grid{grid-template-columns:1fr 1fr}.real-sub{flex-direction:column;align-items:flex-start;margin-top:60px}}
@media(max-width:600px){.ba-pair{grid-template-columns:1fr}.real-gallery,.material-grid{grid-template-columns:1fr}}