:root{
  --red:#c90018;
  --red-dark:#a90014;
  --black:#0d0d0f;
  --ink:#252529;
  --muted:#6d6f76;
  --line:#e6e6e8;
  --soft:#f7f7f6;
  --white:#fff;
  --max:1180px;
  --shadow:0 26px 90px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--black);
  background:#fff;
  line-height:1.45;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.browser-shell{width:100%;min-height:100vh;background:#fff}
.browserbar{height:44px;background:#f5f5f5;border-bottom:1px solid #dedede;display:flex;align-items:center;gap:22px;padding:0 18px;color:#9a9a9a;font-size:13px}
.dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.r{background:#eb5b57}.dot.y{background:#f0c04b}.dot.g{background:#67bf65}.browser-url{margin:auto;width:min(520px,45vw);height:26px;background:#ededed;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#858585;font-size:12px}.browser-icons{display:flex;gap:16px;color:#888}
.site-header{height:120px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,74px);position:relative;background:#fff;z-index:10}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{display:block;width:180px;height:auto}
.nav{display:flex;align-items:center;gap:46px;font-size:15px;font-weight:500}.nav a{position:relative}.nav a.active,.nav a:hover{color:var(--red)}.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--red)}.nav-line{width:2px;height:36px;background:var(--red);display:block}
.menu-btn{display:none;border:0;background:transparent;font-size:28px;padding:8px;cursor:pointer}
.section{position:relative;padding-left:clamp(28px,5vw,74px);padding-right:clamp(28px,5vw,74px)}
.hero{display:grid;grid-template-columns:42% 58%;min-height:610px;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.hero.compact{min-height:475px}.hero-copy{padding:70px 0 80px;position:relative;z-index:2}.eyebrow{color:var(--red);font-size:14px;font-weight:700;margin-bottom:16px}.hero h1,.page-title{font-size:clamp(48px,6.2vw,84px);line-height:1.03;margin:0 0 28px;font-weight:650;letter-spacing:-.045em}.hero h1 .red,.page-title .red{color:var(--red)}.hero p{max-width:420px;margin:0 0 28px;color:#232329;font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--red);color:#fff;border:0;min-width:210px;height:56px;padding:0 22px;font-weight:700;cursor:pointer;transition:.2s ease}.btn:hover{background:var(--red-dark);transform:translateY(-1px)}.btn span:last-child{font-size:24px;font-weight:300}.text-link{color:var(--red);font-weight:700;display:inline-flex;gap:28px;align-items:center}.hero-image,.image-card,.wide-image,.split-image{position:relative;overflow:hidden;background:#ddd;min-height:100%}.arch-hero{height:100%;min-height:475px;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 14%,rgba(255,255,255,0) 30%),url('assets/architecture-hero.jpg') center/cover no-repeat}.arch-hero.alt{background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 16%,rgba(255,255,255,0) 30%),url('assets/architecture-terrace.jpg')}.arch-interior{background:url('assets/architecture-interior-clean.png') center/cover no-repeat}.arch-detail{background:url('assets/architecture-detail.jpg') center/cover no-repeat}.arch-concept{background:url('assets/architecture-curve.jpg') center/cover no-repeat}.arch-construction{background:url('assets/architecture-construction.jpg') center/cover no-repeat}.techmark{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 2% 28%, transparent 0 38px, rgba(0,0,0,.07) 39px 40px, transparent 41px),linear-gradient(90deg,transparent 0 50px,rgba(0,0,0,.08) 51px,transparent 52px)}
.statement{height:104px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);font-size:clamp(24px,3vw,34px);font-weight:400;letter-spacing:-.03em}.statement::before,.statement::after{content:"";width:180px;height:1px;background:var(--line);margin:0 34px}.statement i{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block;margin:0 22px}.red{color:var(--red)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line)}.card{padding:54px 42px 60px;border-right:1px solid var(--line);min-height:250px}.card:last-child{border-right:0}.card .num{color:var(--red);font-weight:800;font-size:13px;margin-bottom:14px}.card h3{font-size:32px;margin:0 0 14px;font-weight:500;letter-spacing:-.035em}.card h3::after,.content-block h2::after,.legal-card h2::after{content:"";display:block;width:26px;height:2px;background:var(--red);margin-top:14px}.card p{color:#383a40;font-size:15px;max-width:260px;margin:18px 0 22px}.icon-line{width:82px;height:82px;margin:0 0 16px;color:var(--red)}
.process-strip{height:112px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;position:relative}.process-strip::before{content:"";position:absolute;left:8%;right:8%;top:42%;border-top:1px solid #d5d5d5}.step{position:relative;text-align:center;font-size:14px;color:#161616}.step .node{width:31px;height:31px;border:1px solid #888;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;position:relative}.step .node::after{content:"";width:10px;height:10px;background:#111;border-radius:50%}.step.active{color:var(--red)}.step.active .node{border-color:var(--red);box-shadow:0 0 0 7px rgba(201,0,24,.1)}.step.active .node::after{background:var(--red)}
.navigator-section{display:grid;grid-template-columns:42% 58%;border-bottom:1px solid var(--line)}.navigator-copy{padding:76px clamp(28px,5vw,74px) 74px 0}.navigator-copy h2,.split-copy h2{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:0 0 22px;font-weight:550}.navigator-copy p,.split-copy p{color:#333842;max-width:430px}.split-image{min-height:320px}.cta{padding:58px clamp(28px,5vw,74px);text-align:center;border-bottom:1px solid var(--line)}.cta h2{font-size:32px;line-height:1.2;margin:0 0 8px;font-weight:500;letter-spacing:-.03em}.cta p{margin:0 0 25px;color:#555}
.footer{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,74px);font-size:13px;color:#4a4d53}.footer .brand{font-weight:600}.top-link{width:36px;height:36px;border:1px solid #bbb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.subpage-hero{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:430px;border-bottom:1px solid var(--line);overflow:hidden}.subpage-hero .hero-copy{padding-top:50px;padding-bottom:50px}.subpage-hero h1{font-size:clamp(50px,5vw,72px);font-weight:650;margin:0 0 24px;letter-spacing:-.05em}.subpage-hero p{max-width:420px;color:#25282e}.alternating{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.alternating .image{min-height:330px}.content-block{padding:70px clamp(32px,5vw,80px)}.content-block .num{color:var(--red);font-weight:800;margin-bottom:18px}.content-block h2{font-size:36px;line-height:1.15;margin:0 0 22px;font-weight:550;letter-spacing:-.04em}.content-block p{max-width:460px;color:#363941}.strengths{padding:30px clamp(28px,5vw,74px);border-bottom:1px solid var(--line);text-align:center}.strengths h2{font-size:20px;font-weight:500;margin:0 0 30px}.strength-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.strength{display:flex;flex-direction:column;align-items:center;gap:10px;color:#30333a;font-size:14px}.strength svg{width:42px;height:42px;color:var(--red)}.image-band{height:210px;border-bottom:1px solid var(--line);background:url('assets/architecture-interior-clean.png') center/cover no-repeat}.timeline-long{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.timeline-long .phase{padding:48px 24px;border-right:1px solid var(--line);min-height:300px}.timeline-long .phase:last-child{border-right:0}.phase .num{color:var(--red);font-weight:800}.phase h2{font-size:24px;margin:10px 0 20px;font-weight:560}.phase p{font-size:14px;color:#363941}.phase svg{width:66px;height:66px;color:var(--red);margin:8px 0 14px}.split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.split-copy{padding:78px clamp(36px,6vw,92px)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.mini{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:#444}.mini svg{display:block;width:36px;height:36px;color:var(--red);margin-bottom:12px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-bottom:0;margin:0 clamp(28px,5vw,74px) 0}.legal-card{padding:48px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:225px}.legal-card:nth-child(2n){border-right:0}.legal-card h2{font-size:25px;margin:0 0 22px;font-weight:550}.legal-card p{margin:0;color:#363941}.legal-card .label{color:var(--red);font-weight:700}.legal-full{margin:0 clamp(28px,5vw,74px);border:1px solid var(--line);border-top:0;padding:42px 48px;display:grid;grid-template-columns:1fr 280px;gap:40px}.modal-backdrop{position:fixed;inset:0;background:rgba(10,10,12,.56);display:none;align-items:center;justify-content:center;z-index:1000;padding:22px}.modal-backdrop.open{display:flex}.modal{width:min(520px,92vw);background:#fff;box-shadow:var(--shadow);padding:42px 44px 34px;position:relative}.modal::before{content:"";position:absolute;top:0;left:50%;width:58px;height:3px;background:var(--red);transform:translateX(-50%)}.modal-close{position:absolute;right:20px;top:18px;border:0;background:transparent;font-size:32px;color:#777;cursor:pointer}.modal h2{font-size:32px;margin:0 0 6px;font-weight:600;letter-spacing:-.04em;text-align:center}.modal>p{text-align:center;margin:0 0 24px;color:#555}.modal-hint{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:center;background:#fafafa;border:1px solid #eee;padding:18px;margin-bottom:22px}.modal-hint svg{width:34px;height:34px;color:var(--red)}.modal-hint b{display:block}.modal-hint span{font-size:13px;color:#555}.form{display:grid;gap:14px}.form input,.form textarea{border:1px solid #d8d8da;background:#fff;padding:15px 16px;outline:0;transition:.2s}.form input:focus,.form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(201,0,24,.08)}.form textarea{min-height:120px;resize:vertical}.form .btn{width:100%;justify-content:center;margin-top:10px}.close-link{display:block;text-align:center;color:#6c6c6c;text-decoration:underline;margin-top:18px;border:0;background:transparent;width:100%;cursor:pointer}
.mobile-nav{display:none}
@media (max-width:900px){.browserbar{display:none}.site-header{height:92px;padding:0 22px}.logo img{width:138px}.nav{display:none}.menu-btn{display:block}.mobile-nav.open{display:grid}.mobile-nav{position:absolute;left:0;right:0;top:92px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 22px;gap:16px;z-index:20}.hero,.subpage-hero,.navigator-section,.alternating,.split{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy,.subpage-hero .hero-copy{padding:48px 22px}.section{padding-left:0;padding-right:0}.arch-hero,.arch-hero.alt{min-height:360px}.statement{height:auto;padding:30px 20px;text-align:center}.statement::before,.statement::after{display:none}.cards{grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid var(--line);padding:38px 28px}.process-strip{height:auto;grid-template-columns:1fr;gap:0;padding:20px 0}.process-strip::before{display:none}.step{padding:12px}.navigator-copy{padding:45px 28px}.footer{height:auto;display:grid;gap:16px;padding:28px}.timeline-long{grid-template-columns:1fr}.timeline-long .phase{border-right:0;border-bottom:1px solid var(--line)}.strength-grid{grid-template-columns:repeat(2,1fr)}.legal-grid{grid-template-columns:1fr;margin:0}.legal-card{border-right:0}.legal-full{margin:0;grid-template-columns:1fr}.modal{padding:38px 24px 28px}.mini-grid{grid-template-columns:1fr}.content-block{padding:42px 28px}.split-copy{padding:46px 28px}}

/* Raster architecture image assets added from the selected visual direction */
.arch-hero{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 14%,rgba(255,255,255,0) 30%),url('assets/architecture-hero.jpg') center/cover no-repeat}
.arch-hero.alt{background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 16%,rgba(255,255,255,0) 30%),url('assets/architecture-terrace.jpg')}
.arch-interior{background:url('assets/architecture-interior-clean.png') center/cover no-repeat}
.arch-detail{background:url('assets/architecture-detail.jpg') center/cover no-repeat}
.arch-concept{background:url('assets/architecture-curve.jpg') center/cover no-repeat}
.arch-construction{background:url('assets/architecture-construction.jpg') center/cover no-repeat}
.arch-living{background:url('assets/architecture-living.jpg') center/cover no-repeat}
.arch-courtyard{background:url('assets/architecture-courtyard.jpg') center/cover no-repeat}
.arch-process-hero{background:url('assets/architecture-process-hero.jpg') center/cover no-repeat}
.arch-meeting{background:url('assets/architecture-meeting-clean.png') center/cover no-repeat}
.arch-impressum{background:url('assets/architecture-impressum.jpg') center/cover no-repeat}
.image-band{background:url('assets/architecture-band.jpg') center/cover no-repeat}

.arch-hero-2{height:100%;min-height:430px;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 16%,rgba(255,255,255,0) 30%),url('assets/architecture-hero-2.jpg') center/cover no-repeat}
.arch-process-hero{height:100%;min-height:430px;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 16%,rgba(255,255,255,0) 30%),url('assets/architecture-process-hero.jpg') center/cover no-repeat}
.arch-impressum{height:100%;min-height:430px;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 16%,rgba(255,255,255,0) 30%),url('assets/architecture-impressum.jpg') center/cover no-repeat}