:root{--bg:#f5f4ef;--panel:#eceae3;--ink:#111722;--muted:#5d6470;--line:rgba(17,23,34,.16);--gold:#c9a30b;--dark:#111722;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:999}
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;padding:12px clamp(18px,4vw,64px);background:rgba(245,244,239,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:58px;height:48px;object-fit:contain}.brand strong{display:block;font-size:.92rem}.brand small{display:block;font-size:.68rem;color:var(--muted)}.desktop-nav{display:flex;justify-content:center;gap:18px}.desktop-nav a{font-size:.82rem;font-weight:700;color:var(--muted)}.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--ink);font-weight:800;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--dark);color:#fff}.btn.ghost{background:transparent}.btn.light{background:#fff;color:var(--ink);border-color:#fff}.btn.big{padding:15px 22px}.menu-toggle{display:none;border:0;background:none}.menu-toggle span{display:block;width:26px;height:2px;background:var(--ink);margin:5px}.mobile-menu{display:none}
.home-hero{min-height:78vh;display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;padding:80px clamp(20px,6vw,96px);overflow:hidden}.eyebrow,.section-no,.mini-tag{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#8d7200}.home-hero h1,.page-hero h1{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.88;letter-spacing:-.065em;margin:.2em 0 .32em}.home-hero h1 em{font-style:normal;color:#8d7200}.hero-copy>p,.page-hero p{max-width:760px;font-size:clamp(1.05rem,1.45vw,1.3rem);color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust{display:flex;gap:10px;flex-wrap:wrap}.trust span{border:1px solid var(--line);padding:8px 10px;font-size:.76rem;font-weight:700}
.hero-stage{min-height:500px;position:relative;background:var(--dark);border:1px solid var(--dark);overflow:hidden}.wireframe{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:38px 38px;transform:perspective(700px) rotateX(57deg) scale(1.4);transform-origin:center bottom}.cube{position:absolute;left:50%;top:48%;width:170px;height:170px;transform:translate(-50%,-50%) rotate(18deg);border:3px solid var(--gold);box-shadow:0 0 50px rgba(201,163,11,.18)}.cube:before,.cube:after{content:"";position:absolute;inset:28px;border:2px solid rgba(255,255,255,.25)}.hero-label,.layer{position:absolute;color:#fff;font-size:.72rem;letter-spacing:.15em}.hero-label{left:22px;top:22px}.layer{right:22px;bottom:20px;color:#e8d36f}
.section{padding:90px clamp(20px,6vw,96px)}.section.alt{background:var(--panel)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.section h2,.highlight h2,.closing h2,.video-teaser h2,.contact-card h2{font-size:clamp(2.2rem,4.6vw,5rem);line-height:.96;letter-spacing:-.045em;margin:.2em 0}.split p,.section-head p{font-size:1.08rem;color:var(--muted)}.section-head{max-width:850px;margin-bottom:34px}.text-link{color:#7d6400;font-weight:900}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card,.project-card,.process-grid article,.dept-grid article,.work-grid article,.request-form,.contact-card{background:#fff;border:1px solid var(--line);padding:24px}.service-card{min-height:390px;display:flex;flex-direction:column}.card-num{font-size:.72rem;font-weight:900}.service-visual{height:140px;margin:22px 0;display:grid;place-items:center;background:linear-gradient(135deg,#111722,#242d3c);overflow:hidden;position:relative}.service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px}.service-visual span{position:relative;z-index:2;font-size:4rem;font-weight:900;color:#d1b431}.service-card h3,.project-card h3,.process-grid h3,.dept-grid h3,.work-grid h3{font-size:1.3rem;line-height:1.15;margin:.4em 0}.service-card p,.project-card p,.process-grid p,.dept-grid p,.work-grid p{color:var(--muted)}.service-card .text-link{margin-top:auto}.section-action{margin-top:30px}.highlight{margin:0 clamp(20px,6vw,96px);padding:58px;display:flex;justify-content:space-between;align-items:end;gap:30px;background:var(--dark);color:#fff}.highlight .mini-tag{color:#d9bd3c}.highlight p{max-width:700px;color:#d7dbe2}
.project-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.project-card{padding:0;overflow:hidden}.project-media{min-height:300px;display:grid;place-items:center;background:linear-gradient(135deg,#e7e4db,#f8f7f1);font-size:.74rem;letter-spacing:.15em;font-weight:900;color:#8d7200}.project-media.small{min-height:220px}.project-copy{padding:24px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid article{min-height:230px}.process-grid article>span,.dept-grid article>span,.work-grid article>span{font-size:3rem;font-weight:900;color:#b18c00}.video-teaser{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:90px clamp(20px,6vw,96px)}.video-box{min-height:360px;background:var(--dark);display:grid;place-items:center;color:#e4c84d;font-size:4rem;position:relative}.video-box:after{content:"TIMELAPSE / WERKSTATT";position:absolute;left:20px;top:20px;color:#fff;font-size:.7rem;letter-spacing:.15em}.closing{text-align:center;padding:100px 20px}.page-hero{background:var(--panel);border-bottom:1px solid var(--line)}.page-hero-inner{padding:105px clamp(20px,6vw,96px) 75px}.page-hero h1{max-width:980px}.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.video-stage{min-height:450px;padding:42px;display:flex;flex-direction:column;justify-content:end;background:var(--dark);color:#fff;position:relative}.video-stage p{color:#d9dde3}.video-play{position:absolute;top:30px;right:30px;width:72px;height:72px;border:1px solid #d7bb3b;display:grid;place-items:center;color:#d7bb3b;font-size:1.5rem}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{color:var(--muted);max-width:800px}.narrow{max-width:980px;margin:auto}.contact-layout{display:grid;grid-template-columns:.75fr 1.5fr;gap:22px;align-items:start}.contact-card{position:sticky;top:95px}.contact-card img{width:180px;max-width:100%;height:auto}.contact-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.form-intro{margin-bottom:28px}.form-intro h2{font-size:2.5rem;line-height:1;margin:.3em 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:.84rem;font-weight:700}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:13px;border:1px solid var(--line);background:#faf9f5;font:inherit}.consent{flex-direction:row!important}.consent input{width:auto!important;margin-top:5px}.form-grid small,.form-note{font-weight:400;color:var(--muted)}.legal h3{margin-top:2rem}
.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:55px clamp(20px,6vw,96px) 28px;background:var(--dark);color:#fff}.footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-branding img{width:180px;background:#fff;padding:6px}.footer p{max-width:460px;color:#c9ced7}.footer a{color:#e9edf3}.footer-bottom{grid-column:1/-1!important;border-top:1px solid rgba(255,255,255,.15);padding-top:20px;font-size:.78rem;color:#aeb5c0}
@media(max-width:1050px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{position:absolute;left:0;right:0;top:100%;padding:22px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:12px}.mobile-menu.open{display:flex}.home-hero{grid-template-columns:1fr}.hero-stage{min-height:380px}.cards-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.project-card.featured{grid-column:1/-1}.process-grid,.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.header-cta{display:none}.site-header{padding:10px 14px}.brand img{width:48px}.brand small{display:none}.home-hero{padding:55px 18px}.home-hero h1,.page-hero h1{font-size:clamp(3rem,15vw,5rem)}.hero-stage{min-height:310px}.section,.page-hero-inner{padding:58px 18px}.split,.contact-layout,.video-teaser{grid-template-columns:1fr;gap:25px}.cards-grid,.project-grid,.dept-grid,.work-grid,.process-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto}.highlight{margin:0;padding:38px 22px;display:block}.highlight .btn{margin-top:18px}.form-grid{grid-template-columns:1fr}.contact-card{position:static}.footer{grid-template-columns:1fr;padding:42px 18px 24px}.footer-bottom{grid-column:auto!important}}