:root{--red:#e32122;--black:#0b0c0d;--soft:#151719;--white:#f6f5f2;--muted:#aaa9a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,sans-serif}.site-header{height:76px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:2;width:100%;border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;gap:9px;align-items:center;color:var(--white);text-decoration:none;font-family:"Arial Narrow",Arial,sans-serif;font-size:26px;letter-spacing:.04em}.brand b,.footer-brand b{color:var(--red)}.brand-mark{height:34px;width:34px;border:4px solid var(--red);display:grid;place-items:center;font-size:25px;font-weight:800;line-height:1}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{color:#f3f3ef;text-decoration:none;font-size:13px;font-weight:600}.nav-contact{padding:11px 16px;border:1px solid var(--red)!important;background:var(--red)}.menu-button{display:none}.hero{min-height:720px;height:100vh;max-height:920px;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px clamp(22px,10vw,170px) 65px}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,8,.9) 0%,rgba(7,8,9,.7) 45%,rgba(7,8,9,.35)),url("laci-bau-logo.png") center/cover no-repeat;filter:saturate(.92)}.hero-content{position:relative;max-width:655px}.eyebrow{margin:0 0 15px;color:var(--red);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.hero h1,.section h2,.contact h2{font:700 clamp(53px,7vw,104px)/.9 "Arial Narrow",Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--red)}.hero-text{max-width:480px;margin:27px 0 32px;line-height:1.75;color:#e3e1dc;font-size:15px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{padding:14px 20px;text-decoration:none;font-weight:700;font-size:13px}.button-primary{background:var(--red);color:white}.button-ghost{color:white;border:1px solid #888}.scroll-hint{position:absolute;bottom:28px;right:clamp(22px,5vw,76px);color:white;text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.scroll-hint span{color:var(--red);font-size:20px;margin-left:8px}.section{padding:115px clamp(22px,10vw,170px)}.services{display:grid;grid-template-columns:1fr 1fr;gap:30px}.section h2{font-size:clamp(46px,5vw,75px)}.section-intro{max-width:410px;margin:30px 0 0;align-self:end;line-height:1.8;color:var(--muted);font-size:14px}.service-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;margin-top:32px}.service-card{background:var(--soft);padding:28px;min-height:220px}.service-card span{font:700 16px "Arial Narrow",Arial,sans-serif;color:var(--red)}.service-card h3{font:700 32px "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:36px 0 10px}.service-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.about{background:#f2f0ec;color:#121212;display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center;overflow:hidden}.about-number{font:800 clamp(210px,34vw,450px)/.7 "Arial Narrow",Arial,sans-serif;color:var(--red);text-shadow:18px 18px 0 #171717}.about-copy{max-width:465px}.about-copy p:not(.eyebrow){font-size:15px;color:#555;line-height:1.85}.text-link{display:inline-block;margin-top:15px;color:#151515;text-decoration:none;font-weight:700;font-size:13px;border-bottom:2px solid var(--red);padding-bottom:7px}.text-link span{color:var(--red);margin-left:12px;font-size:17px}.projects{background:#101214}.project-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.project-card{margin:0}.project-image{height:270px;background:linear-gradient(135deg,#292c2f,#151719);display:grid;place-items:center;color:var(--red);font-size:33px;border-bottom:3px solid var(--red)}.project-card p{color:var(--red);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:15px 0 7px}.project-card h3{font:600 25px "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:0}.contact{padding:110px clamp(22px,10vw,170px);background:var(--red);display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.contact .eyebrow{color:#1b1b1b}.contact h2{font-size:clamp(47px,5.3vw,78px)}.contact h2 em{color:white}.contact-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.contact-details a{color:#111;text-decoration:none;font:600 clamp(23px,2.3vw,37px) "Arial Narrow",Arial,sans-serif}.contact-details address{font-style:normal;font-size:14px;line-height:1.8;margin-top:10px}footer{padding:36px clamp(22px,5vw,76px);display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#070808;color:#aaa;font-size:11px}footer p{margin:0}footer a{color:#aaa}.footer-brand{font:700 27px "Arial Narrow",Arial,sans-serif;color:white}.impressum{padding:60px clamp(22px,10vw,170px);background:#eceae5;color:#151515}.privacy{border-top:1px solid #c9c6be}.impressum h2{font:700 38px "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:0 0 18px}.impressum p{font-size:13px;line-height:1.7}.impressum a{color:#151515}.impressum-note{color:#666;max-width:650px}@media(max-width:720px){.site-header{height:65px}.menu-button{display:block;border:0;background:none;color:white;font:600 13px Arial,sans-serif}.main-nav{display:none;position:absolute;left:0;right:0;top:65px;background:#111;flex-direction:column;gap:0;padding:10px 22px 20px;border-bottom:1px solid #333}.main-nav.open{display:flex}.main-nav a{padding:13px 0;width:100%}.nav-contact{text-align:center;margin-top:7px}.hero{min-height:650px;padding-left:22px;padding-right:22px}.hero-image{background-position:58% center}.services,.about,.contact{grid-template-columns:1fr;gap:28px}.section{padding:75px 22px}.service-grid,.project-grid{grid-template-columns:1fr}.about-number{font-size:250px;text-align:center}.about{padding-top:70px;padding-bottom:70px}.contact{padding:75px 22px}.project-image{height:220px}footer{align-items:flex-start;flex-direction:column;gap:10px}}
