body{margin:0;background:#f8f5ef;color:#252522;font-family:Figtree,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:#c9653b;text-decoration:none}a:hover{color:#252522}h1,h2,h3,h4,p,ul,li{margin:0;padding:0}ul{list-style:none}.nav-link:hover{color:#c9653b}.btn-cta:hover{background:#252522;color:#f8f5ef}.btn-outline:hover{border-color:#252522}.btn-invert:hover{background:#c9653b;color:#f8f5ef}.footer-link:hover{color:#c9653b}.photo-slice{background:#ded6c9;box-shadow:0 10px 28px #2525221a}.photo-slice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-visual{min-width:0}.before-after-slider{--split:50%;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.42;border-radius:6px;background:#ded6c9;box-shadow:0 10px 28px #2525221a;touch-action:pan-y}.before-after-slider>img,.ba-before img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.ba-before{position:absolute;inset:0;z-index:1;overflow:hidden;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.ba-before img{max-width:none}.ba-label{position:absolute;z-index:2;top:14px;padding:6px 10px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;box-shadow:0 2px 8px #2525221f}.ba-label-before{left:14px;background:#f8f5ef;color:#4a483f}.ba-label-after{right:14px;background:#76836a;color:#f8f5ef}.ba-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;opacity:0;touch-action:pan-y}.ba-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:2px;background:#f8f5ef;box-shadow:0 0 0 1px #25252226,0 0 16px #2525224d;pointer-events:none}.ba-handle{position:absolute;top:50%;left:50%;display:grid;width:48px;height:48px;place-items:center;border:2px solid #f8f5ef;border-radius:50%;background:#c9653b;color:#fff;font-size:25px;line-height:1;box-shadow:0 3px 12px #25252247;transform:translate(-50%,-50%)}.ba-range:focus-visible+.ba-divider .ba-handle{outline:3px solid #252522;outline-offset:4px}.ba-instruction{margin-top:10px;color:#8a8375;font-size:13px;line-height:1.5}.g-vn{grid-template-columns:minmax(0,1fr)!important}.g-vn-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:32px!important}.hero-composition{position:relative;padding:8px 0 0 22px}.hero-feature{position:relative;margin:0;overflow:hidden;aspect-ratio:.8;border-radius:4px;background:#ded6c9;box-shadow:0 10px 28px #2525221a}.hero-feature img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-floorplan{position:relative;z-index:2;width:62%;margin:-40px 0 0 40px;overflow:hidden;border:7px solid #fcfaf6;border-radius:8px;background:#fcfaf6;box-shadow:0 12px 32px #2525221f;transform:rotate(-1.2deg)}.hero-floorplan:before{content:"";position:absolute;z-index:1;top:-5px;left:42%;width:54px;height:15px;background:#d0be9eb3;transform:rotate(2deg)}.hero-floorplan img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.scribble-stage{position:relative}.scribble{position:absolute;z-index:4;pointer-events:none;user-select:none}.scribble-hero-arrow{top:43%;right:-28px;width:92px;transform:rotate(8deg)}.scribble-problem-heart{top:42px;right:20px;width:48px;transform:rotate(8deg);opacity:.82}.scribble-case-bulb{top:54px;right:36px;width:58px;transform:rotate(5deg)}.scribble-about-squiggle{bottom:48px;left:31%;width:150px;transform:rotate(-4deg);opacity:.78}.portrait-photo img,.kitchen-photo img{display:block;width:100%;height:100%;object-fit:cover}.portrait-photo img{object-position:center 28%}.portrait-tape{position:absolute;z-index:3;right:-8px;bottom:32px;padding:7px 19px 8px;color:#fffaf2;background:#c9653b;font:18px Caveat,cursive;transform:rotate(-3deg);clip-path:polygon(2% 0,98% 3%,100% 92%,1% 100%,0 12%);box-shadow:0 5px 16px #3d302a2e}.service-description{display:flex;flex-direction:column;gap:12px;font-size:15.5px;line-height:1.65;color:#5b594f}.process-note{margin-top:38px;padding:18px 22px;border-left:3px solid #c9653b;background:#f4f2edad;color:#4a483f;font-size:15px;line-height:1.65}.g-5>*{border-top:2px solid #c9653b!important;border-radius:4px!important}.moodboard-grid{display:grid;grid-template-columns:1fr;gap:20px}.moodboard-grid figure{margin:0;background:#fcfaf6;border:1px solid #e4daca;padding:9px}.moodboard-grid img{display:block;width:100%;height:auto}.moodboard-grid figcaption{padding:12px 8px 7px;color:#252522;font-size:14px;line-height:1.5}.moodboard-grid figcaption span{margin-right:8px;color:#c9653b;font:11px IBM Plex Mono,monospace}.contact-intro p+p{margin-top:13px}.contact-copy{display:block}.contact-details{display:flex;flex-direction:column;gap:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-field{grid-column:span 1;min-width:0;display:block;color:#57554f;font-size:13px;font-weight:600}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;min-width:0;min-height:54px;padding:14px 16px;border:1px solid #dfd3c1;border-radius:8px;background:#fcfaf6;font:15px Figtree,sans-serif;color:#252522}.form-field input::placeholder,.form-field textarea::placeholder{color:#777;opacity:1}.form-field textarea{min-height:126px;resize:vertical}.form-field select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2357554f' stroke-width='1.5'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.file-upload{position:relative;display:flex;min-height:62px;align-items:center;gap:16px;padding:12px 18px;border:1.5px dashed #d8ccb8;border-radius:8px;color:#4a483f;font-size:15px;font-weight:500;cursor:pointer}.file-upload:hover{border-color:#c9653b;background:#fbf8f2}.file-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-plus{color:#c9653b;font-size:28px;font-weight:300;line-height:1}.form-submit{min-height:54px;padding:13px 18px;border-radius:7px;font-size:16px}.form-full{grid-column:span 2}.kitchen-photo{height:286px;border-radius:10px;overflow:hidden;box-shadow:0 16px 34px #191f172e;transform:rotate(.6deg)}@media (prefers-reduced-motion: no-preference){html.motion [data-reveal],html.motion [data-reveal-group]>*{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease;transition-delay:var(--reveal-delay, 0ms)}html.motion [data-reveal].is-visible,html.motion [data-reveal-group]>*.is-visible{opacity:1;transform:none}}.nav-link,.footer-link,.btn-cta,.btn-outline,.btn-invert{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .2s ease}.btn-cta:hover,.btn-invert:hover{transform:translateY(-2px);box-shadow:0 10px 24px #c9653b47}.btn-outline:hover{transform:translateY(-2px)}.g-3>*,.g-5>*,.g-vn>*{transition:box-shadow .3s ease,border-color .3s ease}.g-3>*:hover,.g-5>*:hover,.g-vn>*:hover{box-shadow:0 18px 40px #2525221f;border-color:#c9653b}.nav-toggle,.nav-burger{display:none}@media (max-width: 1024px){.g-hero{grid-template-columns:1fr!important;gap:48px!important}.g-split{grid-template-columns:1fr!important;gap:40px!important}.contact-layout{grid-template-columns:1fr!important;gap:36px!important}.g-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}.g-6{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:44px!important}.step-line{display:none!important}.g-vn{grid-template-columns:1fr!important}.service-grid{grid-template-columns:1fr 1fr!important}.raumkonzept-section .g-split{grid-template-columns:1fr!important;gap:34px!important}.g-footer{grid-template-columns:1fr 1fr!important;row-gap:40px!important}}@media (max-width: 768px){.site-header-inner{gap:16px!important;position:relative;flex-wrap:wrap}.nav-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;margin-left:auto;cursor:pointer;border:1px solid #e0d6c6;border-radius:8px;background:#fcfaf6}.nav-burger span{display:block;width:20px;height:2px;background:#252522;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.site-nav{display:none!important;position:absolute;top:calc(100% + 12px);left:0;right:0;flex-direction:column;align-items:stretch!important;gap:4px!important;margin-left:0!important;padding:10px!important;background:#f8f5ef;border:1px solid #d8d4cb;border-radius:10px;box-shadow:0 12px 32px #2525221a;z-index:60}.nav-toggle:checked~.site-nav{display:flex!important}.site-nav a{padding:10px 12px!important;border-radius:6px}.nav-toggle:checked~.nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle:checked~.nav-burger span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.g-3,.service-grid,.g-vn-inner,.g-kuechen-cards{grid-template-columns:1fr!important}.contact-layout{grid-template-columns:1fr!important;gap:36px!important}.hero-title{font-size:38px!important}.hero-title em{font-size:42px!important}.section-title{font-size:28px!important}.scribble-problem-heart,.scribble-case-bulb,.scribble-about-squiggle{display:none}.hero-composition{padding-left:0}}@media (max-width: 560px){.g-5,.g-6{grid-template-columns:1fr 1fr!important}.g-footer,.g-form{grid-template-columns:1fr!important}.g-form>*{grid-column:auto!important}.g-form{gap:14px!important;padding:22px!important}.form-full{grid-column:1!important}.file-upload{min-height:56px;padding:11px 14px;gap:12px;font-size:14px}.form-submit{min-height:52px;font-size:16px}.hero-title{font-size:32px!important}.hero-title em{font-size:36px!important}.hero-floorplan{width:72%;margin-left:18px}.hero-notes{position:relative!important;right:auto!important;bottom:auto!important;z-index:3;width:max-content;margin:14px 0 0 auto;padding-right:8px;line-height:1.35!important;transform:rotate(-1deg)}.kitchen-photo{height:220px}.before-after-slider{border-radius:4px}.ba-label{top:9px;padding:5px 8px;font-size:10px}.ba-label-before{left:9px}.ba-label-after{right:9px}.ba-handle{width:42px;height:42px}}
