:root{--ink:#29382e;--paper:#f6f5ef;--muted:#6c756c;--line:#d8dbd1;--tone:#6d776b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:40px;font-weight:600;letter-spacing:-3px;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:3px;margin:9px 0 0 3px}nav{display:flex;gap:35px;font-size:13px}.navcta{font-size:13px;border-bottom:1px solid var(--ink);padding:10px 0}.navcta span{margin-left:28px}.hero{display:grid;grid-template-columns:46% 54%;min-height:690px}.hero-copy{padding:62px 8% 28px 11%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7c8d67;margin-right:9px}h1{font-size:clamp(55px,6.2vw,100px);line-height:1.04;letter-spacing:-5px;font-weight:400;margin:38px 0 25px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{letter-spacing:-4px}.intro{max-width:340px;color:var(--muted);font-size:16px;line-height:1.8}.button{display:inline-flex;align-items:center;gap:32px;background:var(--ink);color:white;padding:17px 23px;font-size:12px;margin-top:23px}.button:hover{background:#445c49}.textlink{font-size:12px;display:block;width:fit-content;padding:8px 0;border-bottom:1px solid #adb3a4;margin-top:18px}.hero-foot{display:flex;gap:25px;align-items:center;margin-top:56px;font-size:10px;line-height:1.4}.hero-foot>span:first-child{border:1px solid #c7ccbf;border-radius:50%;padding:17px 10px;font-size:12px}.hero-art{position:relative;overflow:hidden;background:#a5ad9d}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute}.art-label{position:absolute;top:30px;left:30px;color:white;letter-spacing:2px;font-size:9px}.art-note{position:absolute;bottom:28px;left:30px;right:30px;color:white;border-top:1px solid #ffffff70;padding-top:15px;display:flex;justify-content:space-between;gap:12px;align-items:end;font-size:10px}.art-note b{font-weight:400;font-size:14px}.art-note span{font-size:9px}.ribbon{display:flex;justify-content:space-around;align-items:center;padding:24px 5%;border-bottom:1px solid var(--line);font-size:12px}.ribbon b{font-size:22px;font-weight:400;color:#7d8c6e}.section{padding:100px 7%}.section-head{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:40px;align-items:start}h2{font-size:clamp(33px,3.5vw,52px);font-weight:400;letter-spacing:-1.8px;line-height:1.16;margin:0}h2 em{letter-spacing:-1.7px}.section-head>p:last-child{font-size:13px;color:var(--muted);margin:4px 0}.service-list{margin:55px 0 0 29%}.service-list article{display:flex;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.service-list article>span{font-size:10px;padding-top:6px;color:var(--muted)}.service-list h3{font-size:24px;font-weight:400;letter-spacing:-.6px;margin:0}.service-list p{max-width:590px;font-size:13px;color:var(--muted);margin:10px 0 0}.service-list b{font-size:23px;font-weight:400;margin-left:auto}.design-section{padding:90px 7%;background:#e9ece3}.design-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;margin-top:55px;align-items:center}.sample{height:430px;position:relative;overflow:hidden;--tone:#6d776b;background-color:var(--tone);box-shadow:inset 0 0 100px #0002}.sample.metallic{background-image:repeating-conic-gradient(from 45deg at 0% 10%,transparent 0 14deg,#d8d4b56b 17deg,transparent 22deg,#283b3c66 28deg,transparent 40deg),linear-gradient(135deg,#ffffff30,transparent 45%,#0002)}.sample.uni{background-image:linear-gradient(120deg,#fff3,transparent 60%,#0002)}.sample.chips{background-image:radial-gradient(ellipse at 20% 40%,#f3eee1 0 1px,transparent 2px),radial-gradient(ellipse at 70% 20%,#212923 0 1.6px,transparent 2px),radial-gradient(ellipse at 40% 80%,#bead94 0 1.4px,transparent 2px);background-size:19px 23px,31px 27px,29px 17px}.sample-number{position:absolute;top:25px;left:25px;color:#fff;font-size:14px}.sample-caption{position:absolute;bottom:23px;left:25px;font-size:8px;letter-spacing:2px;color:#fff}.tabs{display:flex;border-bottom:1px solid #bdc5b5;gap:23px;margin-bottom:40px}.tabs button{border:0;background:none;color:var(--muted);padding:10px 0;font-size:12px}.tabs button.active{border-bottom:2px solid var(--ink);color:var(--ink)}.design-info h3{font-size:40px;letter-spacing:-1.3px;font-weight:400;margin:14px 0}.design-info>p{font-size:13px;color:var(--muted)}.swatches{display:flex;align-items:center;gap:12px;margin:28px 0}.swatches button{width:27px;height:27px;border:3px solid #e9ece3;border-radius:50%;background:var(--sw);outline:1px solid transparent}.swatches button.selected{outline-color:var(--ink)}.swatches span{font-size:11px;margin-left:8px}.design-info .fine{font-size:10px;max-width:350px;line-height:1.7}.process-title{display:flex;justify-content:space-between;align-items:end;margin-top:25px}.process-title>p{font-size:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps span{font-size:10px;color:var(--muted)}.steps h3{font-size:20px;letter-spacing:-.4px;font-weight:400;margin-top:27px}.steps p{font-size:13px;color:var(--muted)}.faq{padding-top:20px;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq h2{margin-top:25px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:25px}summary::after{content:'+'}details[open] summary::after{content:'−'}details p{font-size:13px;color:var(--muted);max-width:580px}.contact{background:var(--ink);color:#f6f5ef;padding:80px 7%;display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.contact h2{font-size:clamp(40px,4.5vw,65px);margin:25px 0}.contact p{color:#c0cabd;font-size:13px}.button.light{background:#e5e8dc;color:var(--ink)}.button.light:hover{background:white}.contact-details{padding-top:25px}.contact-details>span{font-size:9px;letter-spacing:2px;display:block;margin-bottom:35px}.contact-details>a{display:block;font-size:22px;font-weight:400;width:fit-content;border-bottom:1px solid #6c7e6d;padding:6px 0}.contact-details p{margin-top:28px}.contact-details small{color:#b3bfaf;font-size:10px}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer .brand{font-size:30px}footer>span{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:22px;font-size:10px}footer button{border:0;padding:0;background:none;font-size:10px;color:inherit}dialog{max-width:600px;width:90%;border:0;background:var(--paper);color:var(--ink);padding:45px;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#16241dcc}dialog h2{font-size:34px}dialog p{font-size:13px}.close{position:absolute;top:12px;right:16px;background:none;border:0;color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8d9d68;outline-offset:5px}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:820px}}@media(max-width:900px){header{height:85px}nav{gap:18px;font-size:11px}.hero{min-height:610px}.hero-copy{padding:40px 9%}h1{letter-spacing:-3px}.hero-foot{margin-top:30px}.section-head{grid-template-columns:1fr 2fr}.section-head>p:last-child{grid-column:2}.service-list{margin-left:0}.design-layout{gap:40px}.section{padding:70px 6%}.design-section{padding:70px 6%}.sample{height:380px}.contact{gap:40px}.art-note{flex-direction:column;align-items:start}.steps{gap:25px}}@media(max-width:600px){header{height:80px;padding:0 6%}.brand{font-size:34px}nav{display:none}.navcta{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:36px 7% 28px}h1{font-size:65px;margin:25px 0 20px}.intro{font-size:14px;max-width:300px}.hero-foot{display:none}.hero .button{margin-top:16px}.hero-art{min-height:400px;margin-top:8px}.art-label{font-size:8px}.art-note{flex-direction:row;align-items:end}.art-note span{max-width:120px}.ribbon{flex-wrap:wrap;gap:9px 15px;padding:19px 6%;justify-content:center;font-size:10px}.ribbon b{font-size:16px}.ribbon b:last-of-type{display:none}.section,.design-section{padding:60px 7%}.section-head{display:block}.section-head h2{margin:25px 0 20px}h2{font-size:36px}.section-head>p:last-child{max-width:330px}.service-list{margin-top:35px}.service-list article{gap:18px}.service-list h3{font-size:22px}.service-list p{font-size:12px}.design-layout{grid-template-columns:1fr;gap:25px;margin-top:30px}.sample{height:320px}.tabs{margin-bottom:25px}.design-info h3{font-size:34px}.process-title{display:block}.process-title>p{margin-top:25px}.steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.steps h3{margin:10px 0}.steps p{margin:8px 0}.faq{display:block;padding-top:5px}.faq>div:last-child{margin-top:30px}.contact{padding:55px 7%;grid-template-columns:1fr;gap:35px}.contact h2{font-size:44px}.contact-details{padding-top:0}.contact-details>span{margin-bottom:15px}footer{padding:30px 7%;flex-wrap:wrap}footer>div{width:100%;justify-content:space-between}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Design floors and interactive transformations */
.hero-copy{padding-top:52px}.hero h1{font-size:clamp(46px,5.3vw,80px);letter-spacing:-3.8px}.hero h1 em{letter-spacing:-3px}.hero .intro{max-width:410px;font-size:15px}.hero-art img{object-position:58% center}.art-label{text-shadow:0 1px 8px #0008}.art-note{background:#29382e99;padding:15px;border:0;left:20px;right:20px;bottom:20px}.gallery-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.gallery-heading h2{margin-top:24px}.gallery-heading>p{max-width:310px;color:var(--muted);font-size:13px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin:40px 0 20px;gap:20px}.gallery-tabs{display:flex;gap:30px}.gallery-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:var(--muted);font-size:12px}.gallery-tabs button.active{border-color:var(--ink);color:var(--ink)}.gallery-arrows{display:flex;gap:10px}.gallery-arrows button{border:1px solid #bdc5b5;background:none;border-radius:50%;height:40px;width:40px;color:var(--ink)}.comparison{width:100%;aspect-ratio:3/1.8;max-height:660px;position:relative;background:#c5c4b9;overflow:hidden;isolation:isolate}.comparison>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.comparison .before-layer{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-label{position:absolute;top:24px;background:#f6f5efdf;padding:7px 12px;font-size:9px;letter-spacing:2px;pointer-events:none}.before-label{left:24px}.after-label{right:24px;background:#29382edd;color:white}.compare-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:white;pointer-events:none;transform:translateX(-50%)}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--paper);color:var(--ink);width:50px;height:50px;display:grid;place-items:center;font-size:23px;box-shadow:0 2px 18px #0002}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid #839969;outline-offset:5px}.gallery-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:22px}.gallery-bottom h3{font-size:22px;font-weight:400;margin:0 0 5px}.gallery-bottom p{font-size:12px;color:var(--muted);margin:0}.gallery-bottom .visual-note{font-size:10px;max-width:290px}.sample .material-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 80%;transition:opacity .2s}.sample:not(.metallic) .material-photo{opacity:0}.sample.metallic .sample-caption,.sample.metallic .sample-number{background:#29382eaa;padding:6px 9px}.design-info .swatches{position:relative}.design-info .swatches:after{content:'Farbideen · unabhängig vom Beispielbild';position:absolute;top:38px;font-size:9px;color:var(--muted)}.design-info .fine{margin-top:30px}@media(max-width:1100px){nav{gap:18px}.hero h1{font-size:55px;letter-spacing:-3px}}@media(max-width:600px){.hero h1{font-size:49px;letter-spacing:-2.7px}.hero h1 em{letter-spacing:-2.2px}.hero-copy{padding-top:32px}.hero .intro{font-size:14px}.hero-art{min-height:350px}.gallery-heading{display:block}.gallery-heading>p{margin-top:20px}.gallery-controls{margin-top:25px;gap:10px}.gallery-tabs{gap:16px}.gallery-tabs button{font-size:10px}.gallery-arrows{gap:5px}.gallery-arrows button{width:32px;height:32px}.comparison{aspect-ratio:1/1.08}.compare-label{top:14px;font-size:8px}.before-label{left:14px}.after-label{right:14px}.gallery-bottom{display:block}.gallery-bottom .visual-note{margin-top:16px;max-width:none}.gallery-bottom h3{font-size:20px}.art-note b{font-size:12px}.art-note span{font-size:8px}.art-note{left:14px;right:14px;bottom:14px;padding:12px}.section-head h2{font-size:36px}}

/* Room-based floor previews */
.sample{height:auto;aspect-ratio:1.5;background:#d5d0c2}.sample .material-photo,.sample:not(.metallic) .material-photo{opacity:1;object-fit:cover;object-position:center;transition:none}.sample .sample-number,.sample .sample-caption{background:#29382ebd;color:white;padding:6px 9px}.palette-options{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:25px 0 12px}.design-info .swatches:after{content:none}.palette-options button{display:flex;align-items:center;gap:12px;width:100%;height:auto;min-height:48px;border:1px solid #c1c9b8;border-radius:0;outline:0;background:transparent;padding:10px 12px;text-align:left}.palette-options button.selected{border-color:var(--ink);background:#f6f5ef88;outline:1px solid var(--ink)}.palette-options button:focus-visible{outline:2px solid #718450;outline-offset:3px}.palette-options .palette-dot{display:block;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:conic-gradient(var(--c1) 0 45%,var(--c2) 45% 80%,var(--c3) 80%);margin:0;border:1px solid #0001}.palette-options button>span:last-child{font-size:12px;margin:0}.design-info .palette-status{font-size:11px;min-height:19px;margin:8px 0 0}.design-info .fine{margin-top:15px}.sample[aria-busy=true]:after{content:'Bild wird geladen …';position:absolute;bottom:50px;left:25px;background:#f6f5eff0;padding:6px 12px;font-size:11px}.design-layout{grid-template-columns:1.45fr 1fr;gap:6%;align-items:start}.sample-number{font-size:11px}.sample-caption{font-size:7px;letter-spacing:1.1px}@media(max-width:600px){.design-layout{grid-template-columns:1fr}.sample{height:auto;aspect-ratio:1.5}.palette-options{display:grid;grid-template-columns:1fr;gap:8px}.sample .sample-number{top:12px;left:12px}.sample .sample-caption{bottom:12px;left:12px}}

/* Automotive design floors */
:root{--sport:#de6c3d}.automotive{display:grid;grid-template-columns:1.15fr 1fr;background:#242a28;color:#f6f5ef}.automotive-image{position:relative;min-height:600px}.automotive-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.auto-image-note{position:absolute;left:25px;bottom:22px;font-size:8px;letter-spacing:1.4px;background:#242a28c9;padding:8px 12px}.automotive-copy{padding:65px 12% 55px}.automotive-copy h2{font-size:clamp(40px,4.2vw,62px);margin:24px 0}.automotive-copy>p:not(.eyebrow){font-size:13px;color:#c9cfca}.accent-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sport);margin-right:8px}.automotive-cta{background:var(--sport);color:#fff;margin-top:15px}.automotive-cta:hover{background:#c65329}.auto-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.auto-tags span{border:1px solid #59635c;padding:5px 9px;font-size:9px}.automotive-copy .auto-technical{font-size:10px!important;margin-top:22px;color:#a5b2a9!important}.design-info .tabs{gap:18px;flex-wrap:wrap}.design-info .tabs button{font-size:11px}.palette-options{gap:8px}.palette-options button{min-height:45px;padding:8px 10px}.sample.garage{border-bottom:3px solid var(--sport)}.sample{position:sticky;top:30px}.sample.garage .material-photo{opacity:1}.sample.garage .sample-number{background:#b64b27e6}.gallery-heading>p{font-size:14px}@media(max-width:900px){.automotive-copy{padding:45px 9%}.automotive-image{min-height:620px}}@media(max-width:600px){.automotive{grid-template-columns:1fr}.automotive-image{min-height:310px}.automotive-copy{padding:40px 7%}.automotive-copy h2{font-size:46px}.auto-image-note{font-size:7px;left:15px;bottom:15px}.sample{position:relative;top:auto}.design-info .tabs{gap:16px}.design-info .tabs button{font-size:11px}.automotive .button{gap:18px}}

.automotive-image>img{object-position:left center}

.region-note{font-size:10px;color:var(--muted);margin:-6px 0 0 17px}.contact-region{font-size:12px!important;color:#d5ddcf!important;margin-top:20px}.hero .eyebrow{line-height:1.7}.palette-options{gap:8px}