@font-face{font-family:Clash Display;src:url(/fonts/clash-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--paper:#ece6da;--cream:#f1ece2;--ink:#17181a;--deep:#1e1c1a;--accent:#e8760e;--pick:#89987f;--pick-ink:#17181a;--gut:clamp(22px, 6.4vw, 124px);--font:"Satoshi", "Avenir Next", system-ui, sans-serif;--display:"Clash Display", "Satoshi", "Avenir Next", system-ui, sans-serif;--nav-ink:var(--ink)}*{box-sizing:border-box}html{background:#141414}body{color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;overflow-x:clip}a{color:inherit}button{font-family:inherit}h1,h2,h3,.display,.big,.sign{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1}em{font-style:normal;font-weight:300}h1,.display{font-size:clamp(52px,7.8vw,172px)}h2{font-size:clamp(48px,6.6vw,142px)}h3{letter-spacing:-.012em;font-size:clamp(28px,2.7vw,50px);font-weight:500}.lead{max-width:30em;margin:1.4em 0 0;font-size:clamp(17px,1.34vw,24px);line-height:1.5}.kicker{letter-spacing:.2em;text-transform:uppercase;margin:0 0 2em;font-size:clamp(11px,.78vw,14px);font-weight:500;line-height:1.2}.facts{border-top:1px solid color-mix(in srgb, currentColor 34%, transparent);flex-wrap:wrap;gap:.45em 2.2em;margin:2.4em 0 0;padding:1.3em 0 0;font-size:clamp(14px,1vw,18px);list-style:none;display:flex}.btn{letter-spacing:.02em;white-space:nowrap;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:1px;align-items:center;gap:.9em;padding:1.1em 1.7em;font-size:clamp(14px,1vw,17px);font-weight:500;line-height:1;text-decoration:none;transition:background-color .5s cubic-bezier(.2,.7,.2,1),color .5s cubic-bezier(.2,.7,.2,1),border-color .5s;display:inline-flex}.btn:after{content:"→";transition:transform .6s cubic-bezier(.2,.7,.2,1)}.btn:hover:after{transform:translate(5px)}.btn:hover,.btn.solid{color:var(--ink);background:var(--cream);border-color:var(--cream)}.btn.solid:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.btn.small{padding:.86em 1.3em;font-size:clamp(13px,.86vw,15px)}.btn.small:after{display:none}.btn.large{padding:1.3em 2.2em;font-size:clamp(16px,1.3vw,22px)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{z-index:20;color:var(--cream);background:var(--ink);padding:.7em 1em;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.nav{z-index:6;padding:26px var(--gut);color:var(--nav-ink);justify-content:space-between;align-items:center;gap:24px;transition:color .9s;display:flex;position:fixed;inset:0 0 auto}.nav[data-tone=light]{--nav-ink:var(--cream)}.logo{width:clamp(128px,10.4vw,186px);display:block;position:relative}.logo img{width:100%;height:auto;transition:opacity .9s;display:block}.logo .for-dark{opacity:0;position:absolute;inset:0}.nav[data-tone=light] .logo .for-dark{opacity:1}.nav[data-tone=light] .logo .for-light{opacity:0}.nav nav{gap:clamp(18px,2.6vw,46px);font-size:clamp(14px,.96vw,17px);display:flex}.nav nav a{text-decoration:none;position:relative}.nav nav a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav nav a:hover:after{transform:scaleX(1)}.nav .btn{color:inherit}.nav .btn:hover{color:#fff;background:var(--accent);border-color:var(--accent)}#room,#gl,#tools,.wall,.enter,.split-line,#split,.v-tag,.hover-name,#vorher{display:none}.hero{min-height:100svh;padding:18svh var(--gut) 11svh;color:var(--cream);background:linear-gradient(#14121033,#141210c7),url(/img/raum-1200.webp) 50%/cover;align-items:flex-end;display:flex;position:relative}.hero-copy{max-width:100%}.actions{flex-wrap:wrap;gap:12px;margin-top:2.4em;display:flex}.layer{min-height:80svh;padding:14svh var(--gut);align-items:center;display:flex;position:relative}.promise{color:var(--cream);background:var(--deep)}.on-dark{color:var(--cream);background:#33302c}.on-light{color:var(--ink);background:#cdc3b1}.big{letter-spacing:-.014em;max-width:20em;font-size:clamp(31px,4vw,84px);font-weight:500;line-height:1.12}.svc-copy{width:min(46vw,760px)}#farben{padding:14svh var(--gut);color:var(--pick-ink);background:var(--pick);position:relative}.f-pick{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.f-pick p{margin:0}.f-pick small{letter-spacing:.2em;text-transform:uppercase;margin-bottom:.6em;font-size:12px;font-weight:500;display:block}.f-pick strong{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(26px,2.4vw,44px);font-weight:500}.chips{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.chips button{background:var(--c);cursor:pointer;border:0;border-radius:50%;flex:none;width:44px;height:44px;padding:0;box-shadow:inset 0 0 0 1px #ffffff47}.chips button[aria-checked=true]{box-shadow:0 0 0 2px var(--pick), 0 0 0 3px currentColor}#referenzen{color:var(--ink);background:var(--paper);position:relative}.ref-track{padding:14svh var(--gut);flex-wrap:wrap;align-items:center;gap:clamp(20px,3.4vw,64px);display:flex}.ref-intro{flex:none;width:min(600px,80vw)}.ref-track figure{background:#0000000f;flex:none;margin:0;overflow:hidden}.ref-track figure img{object-fit:cover;width:116%;height:100%;margin-left:-8%;display:block}.ref-track .l{width:min(62vw,104svh);height:66svh}.ref-track .p{width:min(40vw,54svh);height:76svh}.ref-track .m{width:min(38vw,56svh);height:56svh}.ref-track .s{width:min(30vw,42svh);height:42svh}.ref-track .up{align-self:flex-start;margin-top:15svh}.ref-end{flex:none;width:34vw}#geschichte{padding:18svh var(--gut) 20svh;color:var(--ink);background:var(--paper);grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,120px);display:grid;position:relative}.a-head{align-self:start;position:sticky;top:20svh}.steps{margin:0;padding:0;list-style:none}.step{border-top:1px solid #17181a42;grid-template-columns:clamp(110px,13vw,240px) 1fr;padding:3.2svh 0 6.4svh;display:grid}.step .n{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(40px,4.6vw,86px);font-weight:500;line-height:1}.step p{max-width:30em;margin:.7em 0 0;font-size:clamp(17px,1.3vw,23px);line-height:1.5}#team{padding:16svh var(--gut) 0;color:var(--ink);background:var(--paper);position:relative}.t-role{letter-spacing:.2em;text-transform:uppercase;color:#b35a08;margin:0 0 .5em;font-size:clamp(11px,.78vw,14px);font-weight:500}.t-name{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(30px,3.3vw,62px);font-weight:500;line-height:1.02}.t-text{margin:.5em 0 0;font-size:clamp(16px,1.16vw,20px);line-height:1.45}.t-info{min-height:150px;margin-top:30px}.crew{flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none;display:flex}.person{width:170px;height:240px;position:relative}.person button{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.person img{object-fit:contain;object-position:bottom;transform-origin:50% 100%;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .45s,filter .5s;display:block;position:absolute;bottom:0;left:0}.person .flat{filter:grayscale()contrast(1.06)}.person .lit{opacity:0}.person.on{z-index:9}.person.on .lit{opacity:1;filter:drop-shadow(3px 0 0 var(--accent)) drop-shadow(-3px 0 0 var(--accent)) drop-shadow(0 3px 0 var(--accent)) drop-shadow(0 -3px 0 var(--accent))}.person.on img{transform:scale(1.07)}.crew.focus .person:not(.on) .flat{filter:grayscale()contrast(.92)brightness(.68)}.person button:focus-visible{outline:0}.t-more{margin:18px 0 0;padding-bottom:28px;font-size:clamp(13px,.92vw,15px)}#kontakt{padding:20svh var(--gut);color:var(--pick-ink);background:var(--pick);position:relative}#kontakt .btn.solid{color:var(--pick);background:var(--pick-ink);border-color:var(--pick-ink)}#kontakt .btn.solid:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.k-grid{grid-template-columns:1.1fr 1fr;align-items:end;gap:clamp(36px,7vw,140px);display:grid}.k-big{font-family:var(--display);letter-spacing:-.02em;max-width:13em;margin:0 0 1.2em;font-size:clamp(28px,3vw,58px);font-weight:400;line-height:1.12}.reach{margin:2.6em 0 0}.reach div{border-top:1px solid color-mix(in srgb, currentColor 30%, transparent);grid-template-columns:clamp(92px,8vw,130px) 1fr;padding:.8em 0;display:grid}.reach dt{letter-spacing:.18em;text-transform:uppercase;font-size:clamp(11px,.78vw,13px);font-weight:500;line-height:1.9}.reach dd{margin:0;font-size:clamp(16px,1.16vw,20px);line-height:1.4}.reach a{text-underline-offset:4px;text-decoration-thickness:1px}footer{padding:24svh var(--gut) 38px;color:var(--cream);background:#141414;position:relative}.sign{letter-spacing:-.035em;font-size:clamp(50px,10.2vw,220px);line-height:.98}.foot-brand img{width:clamp(120px,10vw,170px);height:auto;margin-bottom:18px;display:block}.foot a{text-underline-offset:3px;text-decoration-thickness:1px}.foot{border-top:1px solid #f1ece238;flex-wrap:wrap;justify-content:space-between;gap:18px 40px;margin-top:13svh;padding-top:22px;font-size:clamp(14px,.96vw,16px);line-height:1.5;display:flex}.foot p{margin:0}.note{right:var(--gut);z-index:6;letter-spacing:.08em;color:var(--cream);mix-blend-mode:difference;opacity:.8;pointer-events:none;margin:0;font-size:11px;font-weight:500;position:fixed;bottom:12px}#cursor{z-index:7;pointer-events:none;position:fixed;top:-10px;left:-10px}#wizard{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--cream);background:var(--deep);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#wizard[open]{grid-template-rows:auto auto 1fr auto;display:grid}#wizard::backdrop{background:0 0}.w-head{padding:24px var(--gut);justify-content:space-between;align-items:center;gap:20px;display:flex}.w-brand{width:clamp(116px,9vw,160px);height:auto;display:block}.w-count{letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:500}.w-close,.w-back{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:.5em 0;font-size:clamp(14px,1vw,17px)}.w-line{background:#f1ece22e;height:1px}.w-line i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.w-body{min-height:0;padding:3svh var(--gut);flex-direction:column;justify-content:center;gap:clamp(22px,4svh,48px);display:flex;overflow-y:auto}.w-body h2{font-size:clamp(38px,5.6vw,112px)}.w-foot{padding:20px var(--gut) 28px;justify-content:space-between;align-items:center;display:flex}.w-foot [hidden]{display:none}.w-foot .btn{margin-left:auto}.w-cards{grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,24px);display:grid}.w-choice{text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #f1ece242;border-radius:1px;justify-content:space-between;align-items:center;gap:16px;padding:1.1em 1.2em;font-size:clamp(18px,1.6vw,28px);transition:background-color .45s,border-color .45s,color .45s;display:flex}.w-choice:hover,.w-choice[aria-pressed=true]{color:var(--ink);background:var(--cream);border-color:var(--cream)}.w-cards .w-choice{flex-direction:column;justify-content:flex-end;align-items:flex-start;height:clamp(190px,44svh,440px);padding:18px;overflow:hidden}.w-pic{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.w-pic img{object-fit:contain;filter:drop-shadow(0 18px 22px #0000006b);max-width:100%;max-height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:block}.w-choice:hover .w-pic img{transform:scale(1.08)rotate(-3deg)}.w-label{letter-spacing:-.01em;font-weight:500}.w-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px;display:grid}.w-field{letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:500;display:block}.w-field input,.w-field textarea{letter-spacing:0;text-transform:none;width:100%;color:inherit;resize:none;background:0 0;border:0;border-bottom:1px solid #f1ece280;border-radius:0;margin-top:10px;padding:10px 0 12px;font-family:inherit;font-size:clamp(20px,1.9vw,32px);font-weight:400;display:block}.w-field input:focus,.w-field textarea:focus{border-bottom-color:var(--accent);outline:0}.w-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px clamp(20px,3vw,50px);display:grid}.w-color{align-items:center;gap:14px;margin:0;font-size:clamp(17px,1.3vw,22px);display:flex}.w-color i{border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1px #ffffff4d}.w-consent{align-items:flex-start;gap:12px;font-size:clamp(15px,1.1vw,18px);line-height:1.4;display:flex}.w-consent input{width:22px;height:22px;accent-color:var(--accent);margin:1px 0 0}.w-error{color:#ffb27a;min-height:1.4em;margin:0;font-size:16px}.w-text{max-width:34em;margin:0;font-size:clamp(17px,1.3vw,22px);line-height:1.5}.w-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px 34px;margin:0;display:grid}.w-summary dt{letter-spacing:.18em;text-transform:uppercase;opacity:.7;font-size:12px;font-weight:500}.w-summary dd{margin:.4em 0 0;font-size:clamp(18px,1.4vw,24px)}.film body{background:0 0}.film #room{z-index:-1;width:100%;height:100lvh;display:block;position:fixed;inset:0 auto auto 0}.film #gl{z-index:5;pointer-events:none;width:100%;height:100lvh;display:block;position:fixed;inset:0 auto auto 0}.film #tools{z-index:4;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.cut-obj,.cut-shade{visibility:hidden;will-change:transform;max-width:none;position:absolute;top:0;left:0}.cut-shade{filter:brightness(0)blur(16px);opacity:.4}.lite .cut-shade{filter:brightness(0)blur(7px)}.film #wand,.film #stack,.film #farben,.film #vorher,.film #referenzen,.film #geschichte,.film #team,.film #kontakt,.film footer{background:0 0}.film .stage{height:100svh;position:sticky;top:0;overflow:hidden}.film #wand{height:660svh}.film #stack{height:890svh;position:relative}.film #referenzen{height:460svh}.film .ref-track{width:max-content;height:100svh;padding:0 var(--gut);will-change:transform;flex-wrap:nowrap}.film #farben{height:360svh;padding:0}.film #vorher{height:320svh;color:var(--cream);display:block;position:relative}.film #farben .stage,.film #vorher .stage{z-index:5;pointer-events:none}.film #team{height:230svh;padding:0}.film .t-head{left:var(--gut);position:absolute;top:13svh}.film .t-head h2{font-size:clamp(40px,4.4vw,92px)}.film .t-info{right:var(--gut);text-align:right;width:min(36vw,620px);min-height:0;margin:0;position:absolute;top:13svh}.film .t-text{max-width:30em;margin-left:auto}.film .crew{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.film .person{--h:50svh;left:var(--x);width:calc(var(--h) * var(--a));height:var(--h);margin-left:calc(var(--h) * var(--a) / -2);z-index:1;position:absolute;bottom:15svh}.film .person.front{--h:54svh;z-index:3;bottom:-1svh}.film .person:not(.front) img{-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 16%);mask-image:linear-gradient(0deg,#0000 0,#000 16%)}.film .person button{pointer-events:auto}.film .t-more{left:var(--gut);z-index:4;background:var(--paper);margin:0;padding:.3em .7em;position:absolute;bottom:12px}.film .wall{left:var(--gut);width:min(70vw,1300px);display:block;position:absolute;top:50%;transform:translateY(-50%)}.film #frisch{opacity:0;position:absolute;top:2.4em;left:0}.film .enter{color:var(--cream);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:baseline;padding:0 10vw;font-size:clamp(14px,1.1vw,19px);display:flex;position:absolute;bottom:13svh;left:0;right:0}.film .enter p{visibility:hidden;margin:0}.film .enter-go:after{content:" ↓";color:var(--accent)}.film .hero{min-height:0;padding:0 var(--gut) 11svh;background:0 0;position:absolute;inset:0}.film .hero-copy>*{visibility:hidden}.film .hero-copy{text-shadow:0 2px 44px #140e086b}.film .hero-copy .btn{text-shadow:none}.film .layer{min-height:0;padding:0 var(--gut);visibility:hidden;background:0 0;position:absolute;inset:0}.film .promise{visibility:visible}.film .big .w{opacity:.22}.film .f-copy{left:var(--gut);width:26vw;color:var(--pick-ink);pointer-events:auto;transition:color 1.2s;position:absolute;top:15svh}.film .f-copy h2,.film .v-copy h2{font-size:clamp(42px,4.6vw,96px)}.film .f-copy .lead,.film .v-copy .lead{font-size:clamp(16px,1.14vw,20px)}.film .f-pick{right:var(--gut);color:var(--pick-ink);text-align:right;pointer-events:auto;flex-direction:column;align-items:flex-end;margin:0;transition:color 1.2s;position:absolute;top:15svh}.film .hover-name{z-index:6;color:var(--ink);background:var(--cream);opacity:0;pointer-events:none;margin:0;padding:.6em .8em;font-size:13px;font-weight:500;transition:opacity .3s;display:block;position:fixed;top:0;left:0}.film .v-copy{left:var(--gut);text-shadow:0 2px 24px #0a101a80;width:24vw;position:absolute;top:15svh}.film .v-tag{letter-spacing:.2em;text-transform:uppercase;font-size:clamp(12px,.9vw,15px);font-weight:500;display:block;position:absolute;bottom:7svh}.film .v-tag.left{left:var(--gut)}.film .v-tag.right{right:var(--gut)}.film .split-line{background:var(--cream);will-change:transform;width:1px;display:block;position:absolute;top:0;bottom:0;left:0}.film .knob{border:1px solid var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#13161773;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:0}.film .knob:before{content:"‹  ›";white-space:pre;color:var(--cream);place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.film #split{opacity:0;cursor:ew-resize;pointer-events:auto;touch-action:pan-y;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.film .chips{opacity:0;justify-content:center;width:min(92vw,1100px);margin:0;position:absolute;bottom:3svh;left:50%;transform:translate(-50%)}.film .chips:focus-within{opacity:1;pointer-events:auto}}@media (hover:none),(pointer:coarse){.film .chips{padding:4px var(--gut);scrollbar-width:none;pointer-events:auto;flex-wrap:nowrap;margin:0;position:absolute;inset:auto 0 2svh;overflow-x:auto}}@media (width<=860px){h1,.display{font-size:11.4vw}h2,.film .f-copy h2,.film .v-copy h2,.film .t-head h2{font-size:10.2vw}.sign{font-size:11.6vw}.big{font-size:7.4vw}.nav{padding:18px var(--gut)}.nav nav{display:none}.note{left:var(--gut);bottom:8px;right:auto}.film .wall{width:auto;right:var(--gut)}.film .enter{padding:0 var(--gut);text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:13px;bottom:22svh}.film .hero{padding-bottom:9svh}.film .layer{align-items:flex-start;padding-top:15svh}.svc-copy{width:100%}.facts{gap:.4em 1.4em}.film .f-copy,.film .v-copy{width:auto;top:12svh;right:var(--gut)}.film .f-copy .lead{display:none}.film .f-pick{text-align:left;color:var(--cream);background:#131617e0;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 14px;inset:auto 12px 10svh}.film .f-pick strong{font-size:24px}#geschichte{grid-template-columns:1fr}.a-head{position:relative;top:0}.step{grid-template-columns:96px 1fr}.ref-track .l{width:86vw;height:40svh}.ref-track .p{width:74vw;height:60svh}.ref-track .m{width:76vw;height:44svh}.ref-track .s{width:62vw;height:34svh}.ref-track .up{margin-top:12svh}.ref-end{width:70vw}.k-grid{grid-template-columns:1fr}.film .t-head{top:11svh}.film .t-info{left:var(--gut);right:var(--gut);text-align:left;width:auto;top:28svh}.film .t-text{margin-left:0}.film #team{height:560svh}.film .crew{pointer-events:auto;will-change:transform;flex-wrap:nowrap;gap:0;width:max-content;height:48svh;padding:0 calc(50vw - 16.5svh);display:flex;inset:auto auto 0 0}.film .person,.film .person.front{--h:46svh;z-index:1;flex:none;margin:auto -4vw 0;position:relative;bottom:auto;left:auto}.film .person:not(.front) img{-webkit-mask-image:none;mask-image:none}.film .t-more{top:49svh;bottom:auto;left:var(--gut);background:0 0;padding:0}.w-cards{grid-template-columns:repeat(2,1fr)}.w-cards .w-choice{height:22svh;padding:12px;font-size:16px}.w-cards .w-choice:last-child{grid-column:span 2}.w-body{justify-content:flex-start}}