:root{--charcoal:#1c1a18;--charcoal-soft:#282522;--brown:#453b34;--taupe:#796b5f;--sand:#b8a18a;--beige:#d8c9b8;--off-white:#f2ede6;--line:rgba(242,237,230,.18);--dark-line:rgba(69,59,52,.17);--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{background:var(--charcoal);scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--charcoal);color:var(--off-white);font-family:DM Sans,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden;width:100%}.site-shell{min-height:100svh;background:var(--charcoal);overflow-x:hidden;width:100%}main{overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}.site-header{align-items:center;display:flex;height:90px;left:0;padding:0 clamp(24px,5vw,76px);position:fixed;right:0;top:0;transition:background .45s var(--ease),height .45s var(--ease),backdrop-filter .45s var(--ease);z-index:10}.site-header.is-compact{background:#1c1a18d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:70px}.header-brand{align-items:center;display:flex;gap:13px}.header-brand strong,.footer-brand strong{font-family:Manrope,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.header-brand strong span,.footer-brand strong span{color:var(--sand)}.brand-mark{display:flex;gap:4px}.brand-mark i{background:var(--beige);display:block;height:8px;transform:skew(-28deg);width:2px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:12px}.site-nav{display:flex;gap:clamp(18px,3vw,42px);margin-left:auto;margin-right:clamp(22px,4vw,72px)}.site-nav a{color:#f2ede6ad;font-size:.72rem;letter-spacing:.08em;position:relative;text-transform:uppercase;transition:color .25s}.site-nav a:after{background:var(--sand);bottom:-8px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);width:100%}.site-nav a:hover{color:var(--off-white)}.site-nav a:hover:after{transform:scaleX(1)}.header-status{align-items:center;display:flex;gap:6px}.header-status span{background:var(--sand);border-radius:50%;height:3px;width:3px}.header-status span:nth-child(2){background:var(--beige);height:5px;width:5px}.hero{align-items:center;background:linear-gradient(90deg,#171614fa 3%,#1c1a18e0 50%,#1c1a1894),url(/images/editorial/badezimmer1.jpeg) center right/cover,radial-gradient(circle at 75% 38%,rgba(112,92,75,.22),transparent 26%),linear-gradient(130deg,#171614 0%,var(--charcoal) 62%,#28211d 100%);display:flex;min-height:calc(100svh - 104px);overflow:hidden;padding:120px clamp(24px,11vw,170px) 100px;position:relative}.hero:after{background:linear-gradient(90deg,transparent,rgba(216,201,184,.06) 48%,transparent 72%);content:"";inset:0;pointer-events:none;position:absolute}.hero-content{max-width:850px;position:relative;z-index:2}.eyebrow{display:flex;gap:8px;margin-bottom:34px}.eyebrow span{background:var(--sand);display:block;height:2px;opacity:.8;width:27px}.eyebrow span:nth-child(2){background:var(--beige);width:8px}.eyebrow span:nth-child(3){background:var(--taupe);width:17px}.hero h1,h2{font-family:Manrope,sans-serif}.hero h1{color:var(--off-white);font-size:clamp(3.7rem,10vw,10rem);font-weight:700;letter-spacing:-.1em;line-height:.84;margin:0;transform:translate(-.07em)}.hero h1 span{color:var(--sand);font-size:.55em;font-weight:500;letter-spacing:-.05em;vertical-align:top}.hero p{color:#f2ede6ad;font-size:clamp(.95rem,1.4vw,1.12rem);letter-spacing:.01em;margin:0;max-width:330px}.hero-index{align-items:center;bottom:clamp(30px,6vh,72px);color:var(--sand);display:flex;font-family:Manrope,sans-serif;font-size:.67rem;gap:13px;letter-spacing:.18em;position:absolute;right:clamp(24px,11vw,170px);z-index:2}.hero-index i{background:var(--line);display:block;height:1px;width:44px}.hero-index span:last-child{color:#f2ede66b}.hero-corner{height:42px;position:absolute;width:42px;z-index:2}.corner-top{border-left:1px solid var(--line);border-top:1px solid var(--line);left:clamp(24px,5vw,76px);top:clamp(110px,14vh,165px)}.corner-bottom{border-bottom:1px solid var(--line);border-right:1px solid var(--line);bottom:clamp(30px,6vh,72px);left:clamp(24px,5vw,76px)}.hero-grid{background-image:linear-gradient(rgba(216,201,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(216,201,184,.045) 1px,transparent 1px);background-size:70px 70px;height:75%;-webkit-mask-image:linear-gradient(to right,transparent,black 52%,transparent);mask-image:linear-gradient(to right,transparent,black 52%,transparent);opacity:.36;position:absolute;right:-12%;top:12%;transform:perspective(650px) rotateY(-20deg) rotateX(56deg) rotate(14deg);width:68%}.hero-orbit{border:1px solid rgba(216,201,184,.14);border-radius:50%;height:40vw;position:absolute;right:-13vw;top:3vw;transform:rotate(-24deg);width:40vw}.orbit-two{border-color:#b8a18a1a;height:29vw;right:-7vw;top:8vw;width:29vw}.transition-panel{background:linear-gradient(180deg,var(--beige),var(--off-white));height:104px;overflow:hidden;position:relative}.transition-line{background:#453b3424;height:1px;left:11vw;position:absolute;right:11vw;top:50%}.transition-glow{background:var(--sand);border-radius:50%;filter:blur(24px);height:120px;opacity:.22;position:absolute;right:16vw;top:-90px;width:180px}.section-light{background:var(--off-white);color:var(--brown)}.editorial-section{padding:clamp(90px,12vw,170px) clamp(24px,10vw,150px) clamp(100px,13vw,180px)}.section-intro,.comparison-heading{align-items:end;display:flex;justify-content:space-between;margin:0 auto clamp(48px,6vw,80px);max-width:1180px}.kicker{color:var(--taupe);font-size:.67rem;font-weight:600;letter-spacing:.18em;margin:0 0 18px;text-transform:uppercase}.section-intro h2,.comparison-heading h2,.contact-content h2{color:var(--brown);font-size:clamp(3rem,6.3vw,7rem);font-weight:600;letter-spacing:-.085em;line-height:.88;margin:0}.section-intro h2 em,.comparison-heading h2 em,.contact-content h2 em{color:var(--taupe);font-style:normal}.section-copy{color:#453b34ad;font-size:.92rem;max-width:295px;margin:0}.editorial-grid{display:grid;gap:clamp(18px,2.4vw,34px);grid-template-columns:1.16fr .62fr .62fr;margin:0 auto;max-width:1180px}.editorial-card{margin:0}.image-frame{background:var(--beige);overflow:hidden;position:relative}.image-frame:after{background:linear-gradient(180deg,transparent 55%,rgba(28,26,24,.19));content:"";inset:0;pointer-events:none;position:absolute}.editorial-card img{display:block;height:100%;object-fit:cover;transition:transform 1s var(--ease);width:100%}.editorial-card img.parallax-image{transform:translateY(var(--parallax-y,0px)) scale(1.01)}.editorial-card:hover img.parallax-image{transform:translateY(var(--parallax-y,0px)) scale(1.045)}.editorial-main .image-frame{height:clamp(390px,44vw,620px)}.editorial-tall{padding-top:clamp(50px,8vw,125px)}.editorial-tall .image-frame{height:clamp(300px,34vw,480px)}.editorial-small{align-self:end}.editorial-small .image-frame{height:clamp(230px,25vw,350px)}.editorial-card:hover img{transform:scale(1.045)}figcaption{align-items:center;display:flex;gap:15px;padding-top:16px}.editorial-card figcaption span{color:var(--taupe);font-family:Manrope,sans-serif;font-size:.68rem;letter-spacing:.12em}.editorial-card figcaption strong{font-family:Manrope,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.04em}.editorial-strip{align-items:center;display:grid;gap:22px;grid-template-columns:1.8fr 1fr 1fr 1fr;margin:clamp(55px,8vw,100px) auto 0;max-width:1180px}.editorial-strip img{height:125px;object-fit:cover;width:100%}.editorial-strip img:first-child{height:155px}.editorial-strip span{color:var(--taupe);font-family:Manrope,sans-serif;font-size:clamp(1.1rem,2vw,1.7rem);letter-spacing:-.04em;line-height:1.1}.comparison-section{background:var(--charcoal-soft);color:var(--off-white);padding:clamp(100px,13vw,180px) clamp(24px,10vw,150px)}.comparison-heading{max-width:1180px}.comparison-heading h2{color:var(--off-white)}.comparison-heading .section-copy{color:#f2ede694}.comparison-shell{margin:0 auto;max-width:1180px}.comparison-viewport{cursor:grab;overflow:hidden;position:relative;touch-action:pan-y}.comparison-viewport:active{cursor:grabbing}.comparison-track{display:flex;transition:transform .75s var(--ease);will-change:transform}.comparison-slide{flex:0 0 100%;margin:0;min-width:100%;position:relative}.comparison-stage{aspect-ratio:16/9;overflow:hidden;position:relative}.comparison-after,.comparison-before img{height:100%;object-fit:cover;width:100%}.comparison-after{display:block}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);height:100%;inset:0;overflow:hidden;position:absolute;width:auto}.comparison-before img{display:block;max-width:none;width:100%}.comparison-handle{background:var(--off-white);bottom:0;box-shadow:0 0 18px #1c1a1859;color:var(--charcoal);display:grid;height:100%;left:var(--split);place-items:center;position:absolute;transform:translate(-50%);width:2px;z-index:3}.comparison-handle span{align-items:center;background:var(--off-white);border:1px solid rgba(28,26,24,.22);border-radius:50%;display:flex;font-size:.9rem;height:42px;justify-content:center;width:42px}.comparison-range{cursor:ew-resize;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:4}.comparison-label{background:#1c1a18b8;color:var(--off-white);font-family:Manrope,sans-serif;font-size:.63rem;letter-spacing:.16em;padding:9px 12px;position:absolute;text-transform:uppercase;top:22px;z-index:3}.label-after{left:22px}.label-before{right:22px}.slide-meta{align-items:end;background:linear-gradient(transparent,#1c1a18e6);bottom:0;display:flex;justify-content:space-between;left:0;padding:90px clamp(20px,4vw,50px) 27px;position:absolute;right:0;pointer-events:none}.slide-meta span{color:var(--sand);font-family:Manrope,sans-serif;font-size:.68rem;letter-spacing:.14em}.slide-meta strong{color:var(--off-white);font-family:Manrope,sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:500}.comparison-controls{align-items:center;display:flex;gap:18px;padding-top:22px}.comparison-button{background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--off-white);cursor:pointer;font-size:1.1rem;height:43px;transition:background .25s,color .25s,transform .25s;width:43px}.comparison-button:hover{background:var(--sand);border-color:var(--sand);color:var(--charcoal);transform:translateY(-2px)}.comparison-progress{background:var(--line);height:1px;margin-left:auto;max-width:300px;width:25vw}.comparison-progress-fill{background:var(--sand);display:block;height:100%;transition:width .5s var(--ease);width:25%}.comparison-count{color:#f2ede694;font-family:Manrope,sans-serif;font-size:.67rem;letter-spacing:.12em}.contact-section{align-items:end;display:flex;gap:40px;justify-content:space-between;padding:clamp(100px,13vw,175px) clamp(24px,10vw,150px)}.contact-content h2{font-size:clamp(3.4rem,7vw,8rem)}.contact-cta{align-items:center;background:var(--brown);color:var(--off-white);display:inline-flex;font-family:Manrope,sans-serif;font-size:.75rem;gap:30px;letter-spacing:.08em;margin-top:42px;padding:17px 22px;text-transform:uppercase;transition:background .25s,transform .25s}.contact-cta:hover{background:var(--taupe);transform:translateY(-3px)}.contact-cta span{font-size:1rem}.contact-details{border-left:1px solid var(--dark-line);color:#453b34b8;display:grid;gap:18px;max-width:260px;padding-left:27px}.contact-details p{font-size:.86rem;margin:0}.contact-details a{border-bottom:1px solid rgba(69,59,52,.3);transition:color .25s}.contact-details a:hover{color:var(--taupe)}.site-footer{align-items:flex-start;background:var(--charcoal);color:var(--off-white);display:grid;gap:30px;grid-template-columns:1.2fr 1.5fr 1.6fr auto;padding:52px clamp(24px,5vw,76px) 42px}.footer-brand{align-items:center;display:flex;gap:13px}.footer-mark{border:1px solid var(--sand);height:10px;transform:rotate(45deg);width:10px}.footer-company,.footer-contact,.footer-legal{display:flex;flex-direction:column;font-size:.73rem;gap:5px}.footer-company strong{font-family:Manrope,sans-serif;font-weight:600}.footer-company span,.footer-contact span,.footer-contact a,.footer-legal span{color:#f2ede687}.footer-contact a{transition:color .25s}.footer-contact a:hover{color:var(--beige)}.footer-legal{align-items:flex-end;text-align:right}.footer-legal span{font-size:.65rem;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(22px) scale(.975);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}.reveal-delay-3{transition-delay:.3s}@media(max-width:800px){.site-nav{gap:14px;margin-right:18px}.site-nav a{font-size:.6rem}.editorial-grid{grid-template-columns:1fr 1fr}.editorial-main{grid-column:span 2}.editorial-main .image-frame{height:clamp(330px,70vw,520px)}.editorial-tall{padding-top:0}.editorial-tall .image-frame,.editorial-small .image-frame{height:clamp(260px,48vw,390px)}.editorial-strip{gap:12px;grid-template-columns:1.3fr 1fr 1fr}.editorial-strip img:last-child{display:none}.editorial-strip img,.editorial-strip img:first-child{height:110px}.editorial-strip span{font-size:1rem}.site-footer{grid-template-columns:1fr 1fr}.footer-contact{grid-column:span 2}.footer-legal{align-items:flex-start;text-align:left}}@media(max-width:560px){.site-header{height:72px;padding:0 22px}.site-header.is-compact{height:60px}.header-brand strong{font-size:.66rem}.site-nav{display:none}.hero{min-height:calc(100svh - 78px);padding:112px 30px 100px}.hero h1{font-size:clamp(3.4rem,18vw,6rem);margin-bottom:28px}.hero-grid{background-size:45px 45px;height:55%;right:-30%;top:30%;width:110%}.hero-orbit{height:72vw;right:-30vw;top:30vw;width:72vw}.orbit-two{height:52vw;right:-20vw;top:40vw;width:52vw}.hero-corner{height:28px;width:28px}.corner-top{left:24px;top:94px}.corner-bottom{bottom:30px;left:24px}.hero-index{bottom:32px;right:28px}.transition-panel{height:76px}.editorial-section,.comparison-section,.contact-section{padding-left:24px;padding-right:24px}.section-intro,.comparison-heading,.contact-section{align-items:start;display:block}.section-copy{margin-top:24px}.editorial-grid{display:block}.editorial-card{margin-bottom:36px}.editorial-main .image-frame,.editorial-tall .image-frame,.editorial-small .image-frame{height:390px}.editorial-strip{display:grid;grid-template-columns:1fr 1fr}.editorial-strip span{grid-column:span 2}.editorial-strip img:first-child,.editorial-strip img{height:180px}.editorial-strip img:nth-last-child(-n+2){display:none}.comparison-heading{margin-bottom:42px}.comparison-stage{aspect-ratio:4/5}.slide-meta{align-items:start;display:flex;flex-direction:column;gap:8px;padding:100px 20px 22px}.comparison-progress{max-width:none;width:auto;flex:1}.contact-section{display:block}.contact-details{border-left:0;border-top:1px solid var(--dark-line);margin-top:64px;padding-left:0;padding-top:24px}.site-footer{display:flex;flex-direction:column;padding:42px 24px}.footer-contact,.footer-legal{align-items:flex-start;display:flex;grid-column:auto;text-align:left}.footer-legal{flex-direction:row;gap:18px}.footer-brand{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.site-header,.comparison-track,.editorial-card img{transition:none}}.comparison-viewport{cursor:default;touch-action:auto}.comparison-viewport:active{cursor:default}.scroll-image-story{background:var(--charcoal);display:grid;gap:clamp(18px,2vw,34px);grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(80px,10vw,150px) clamp(24px,8vw,120px)}.story-panel{display:block;margin:0;min-height:0;padding:0}.story-panel+.story-panel{border-top:0}.story-panel figcaption{display:none}.story-image{aspect-ratio:4/3;height:auto;overflow:hidden;position:relative;border-radius:18px}.story-image:after{display:none}.story-panel:hover .story-image img{transform:scale(1.03)}.image-frame,.comparison-stage{border-radius:18px;overflow:hidden}.editorial-gallery-card figcaption{padding:0 0 16px}.editorial-gallery-card .image-frame img{filter:none;opacity:1}@media(max-width:560px){.scroll-image-story{grid-template-columns:1fr;padding:clamp(40px,8vw,80px) 24px}.story-image{aspect-ratio:4/3;height:auto;max-height:280px;width:75%;margin:0 auto;max-width:300px}}.hero{min-height:clamp(360px,58svh,560px);padding-bottom:72px;padding-top:126px}.hero-index{bottom:34px}.editorial-section{background:linear-gradient(90deg,#f2ede6f0,#f2ede6db 58%,#f2ede6b3),url(/images/editorial/NeubauProjekt.jpeg) center/cover;color:var(--brown)}.editorial-gallery{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}.editorial-gallery-card{padding-top:0}.editorial-gallery-card .image-frame{height:clamp(340px,39vw,550px)}.editorial-gallery-card:first-child .image-frame{height:clamp(390px,46vw,650px)}.scroll-image-story{background:var(--charcoal);padding:clamp(50px,8vw,110px) clamp(24px,10vw,150px)}.story-panel{align-items:end;display:grid;gap:clamp(22px,5vw,80px);grid-template-columns:minmax(0,1fr) minmax(160px,.23fr);margin:0 auto;max-width:1180px;min-height:clamp(420px,70svh,760px);padding:clamp(24px,4vw,54px) 0}.story-panel+.story-panel{border-top:1px solid var(--line)}.story-image{height:clamp(360px,55vw,680px);overflow:hidden;position:relative}.story-image:after{background:linear-gradient(180deg,transparent 55%,rgba(28,26,24,.3));content:"";inset:0;pointer-events:none;position:absolute}.story-image img{display:block;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);width:100%;max-width:100%}.story-panel:hover .story-image img{transform:scale(1.025)}.story-panel figcaption{border-left:1px solid var(--line);display:block;padding:0 0 12px 22px}.story-panel figcaption span{color:var(--sand);display:block;font-family:Manrope,sans-serif;font-size:.68rem;letter-spacing:.16em;margin-bottom:13px}.story-panel figcaption strong{color:var(--off-white);display:block;font-family:Manrope,sans-serif;font-size:clamp(1rem,1.8vw,1.4rem);font-weight:500;line-height:1.15}.editorial-strip{display:none}@media(max-width:800px){.hero{min-height:420px;padding-bottom:70px;padding-top:112px}.editorial-gallery{grid-template-columns:1fr}.editorial-gallery-card .image-frame,.editorial-gallery-card:first-child .image-frame{height:clamp(320px,70vw,500px)}.editorial-section{padding-left:24px;padding-right:24px}.scroll-image-story{grid-template-columns:1fr;padding:clamp(50px,8vw,90px) 24px}.story-panel{display:block;min-height:0;padding:30px 0 34px;max-width:100%}.story-image{height:auto;max-height:340px;width:80%;margin:0 auto;max-width:400px;aspect-ratio:4/3}}@media(max-width:560px){.hero{min-height:350px;padding-bottom:58px;padding-top:94px}.hero h1{font-size:clamp(3rem,16vw,5.5rem)}.hero-index{bottom:24px}.editorial-section{padding-left:24px;padding-right:24px}.scroll-image-story{padding:clamp(40px,8vw,80px) 24px}.story-panel{display:block;min-height:0;padding:28px 0 32px;max-width:100%}.story-image{height:auto;max-height:260px;width:72%;margin:0 auto;max-width:280px;aspect-ratio:4/3}.story-panel figcaption{border-left:0;padding:17px 0 0}.story-panel figcaption span{display:inline-block;margin:0 12px 0 0}.story-panel figcaption strong{display:inline-block}}