:root{--ink:#203427;--forest:#233e2b;--moss:#668454;--sage:#dbe3d0;--paper:#f4f2e9;--sand:#d7c7ab;--white:#fffef8;--muted:#697368;--line:rgba(32,52,39,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif;overflow-x:hidden}body.demo-menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:12px;background:#fff;padding:12px;z-index:100}.skip:focus{top:12px}.demo-bar{padding:8px 4vw;background:var(--forest);color:#dce6d8;text-align:center;font-size:.72rem}.demo-bar a{text-decoration:underline;margin-left:10px}.header{position:sticky;top:0;z-index:30;min-height:80px;padding:10px 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(244,242,233,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font:800 1.3rem Georgia,serif;letter-spacing:.02em}.brand small{display:block;font:700 .55rem Arial,sans-serif;color:var(--muted);letter-spacing:.15em}.header nav{display:flex;align-items:center;gap:25px}.header nav a{font-size:.85rem;font-weight:800}.nav-cta{padding:11px 16px;background:var(--forest);color:#fff}.menu{display:none}.hero{min-height:calc(100vh - 110px);position:relative;display:flex;align-items:flex-end;color:#fff}.hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero>img{object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(24,52,31,.84),rgba(24,52,31,.08) 70%),linear-gradient(0deg,rgba(24,52,31,.55),transparent 55%)}.hero-copy{position:relative;z-index:2;padding:8vw 6vw;width:min(900px,100%)}.hero-copy>span,.section-head>span,.finder-copy>span,.climate>div>span,.compare-section>div>span,.planner-copy>span,.closing>span,.statement>span{font-size:.69rem;letter-spacing:.15em;font-weight:900}.hero h1{font:clamp(3.8rem,8vw,8rem)/.88 Georgia,serif;letter-spacing:-.065em;margin:22px 0}.hero h1 em{font-weight:400;color:#dbe3d0}.hero-copy>p{max-width:650px;color:#e4ebe1;font-size:1.1rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:.25s transform}.button:hover{transform:translateY(-2px)}.button.light{background:var(--white);color:var(--forest)}.button.dark{background:var(--forest);color:#fff}.button.line{border-color:currentColor;background:transparent;color:inherit}.hero-caption{position:absolute;z-index:2;right:4vw;bottom:4vw;padding:20px;background:rgba(244,242,233,.92);color:var(--ink);max-width:280px}.hero-caption span,.hero-caption strong,.hero-caption small{display:block}.hero-caption span{font-size:.62rem;letter-spacing:.12em;color:var(--moss);font-weight:900}.hero-caption strong{font:1.35rem Georgia,serif;margin:5px 0}.hero-caption small{color:var(--muted)}.statement{padding:clamp(70px,9vw,130px) 6vw;background:var(--sand);display:grid;grid-template-columns:180px 1fr;gap:40px}.statement p{font:clamp(2.1rem,4.5vw,4.6rem)/1.12 Georgia,serif;margin:0;max-width:1200px}.section{padding:clamp(75px,9vw,130px) 6vw}.section h2,.closing h2{font:clamp(2.6rem,5vw,5.3rem)/1 Georgia,serif;letter-spacing:-.055em;margin:12px 0}.section-head{max-width:920px;margin-bottom:48px}.section-head p,.disciplines p,.style-finder p,.projects p,.climate p,.compare-section p,.seasons p,.process p,.planner p,.faq p{color:var(--muted)}.discipline-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.discipline-grid article{padding:28px 22px 10px 0;border-right:1px solid var(--line)}.discipline-grid article+article{padding-left:22px}.discipline-grid span{font-size:.65rem;letter-spacing:.12em;color:var(--moss);font-weight:900}.discipline-grid h3{font:1.55rem/1.1 Georgia,serif}.discipline-grid ul{padding-left:18px;color:var(--muted)}.style-finder{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:var(--sage);align-items:center}.style-options{display:grid;margin-top:30px}.style-options button{padding:15px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font:1.2rem Georgia,serif;cursor:pointer}.style-options button.active{color:var(--moss);padding-left:15px}.finder-visual{position:relative;min-height:620px}.finder-visual>img{width:100%;height:620px;object-fit:cover;filter:saturate(.74)}.finder-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(27,55,34,.9))}.finder-visual[data-style="architektonisch"]>img{filter:saturate(.45) contrast(1.08)}.finder-visual[data-style="familie"]>img{filter:saturate(.92) brightness(1.05)}.finder-visual>div{position:absolute;z-index:2;inset:auto 28px 28px;color:#fff}.finder-visual span{font-size:.65rem;letter-spacing:.12em;color:#c8d9bc;font-weight:900}.finder-visual h3{font:2.2rem Georgia,serif;margin:7px 0}.finder-visual p{color:#dce7d7}.projects{background:#e5e0d4}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid var(--line);background:transparent;padding:10px 14px;cursor:pointer;font-weight:800}.filters button.active{background:var(--forest);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-grid article{background:var(--white)}.project-grid figure{margin:0;height:420px;position:relative;overflow:hidden}.project-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:.5s transform}.project-grid article:hover img{transform:scale(1.035)}.project-grid figcaption{position:absolute;top:14px;left:14px;padding:7px 9px;background:var(--forest);color:#fff;font-size:.63rem;letter-spacing:.1em;font-weight:900}.project-grid article>div{padding:24px}.project-grid h3{font:1.65rem Georgia,serif;margin:0}.project-grid article>div>span{font-size:.7rem;color:var(--moss);font-weight:850}.climate{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.climate-image{position:relative}.climate-image>img{width:100%;height:690px;object-fit:cover}.climate-image aside{position:absolute;inset:auto 20px 20px;background:rgba(255,254,248,.94);padding:22px}.climate-image aside span,.climate-image aside strong{display:block}.climate-image aside span{font-size:.63rem;letter-spacing:.1em;color:var(--moss);font-weight:900}.climate-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.climate-controls label{display:grid;gap:7px;font-weight:800;font-size:.82rem}.climate-controls select{padding:12px;border:1px solid var(--line);background:#fff}.plant-result{padding:23px;background:var(--sage);border-left:4px solid var(--moss)}.plant-result strong,.plant-result small{display:block}.plant-result small{color:var(--muted)}.compare-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;align-items:center;background:var(--forest);color:#fff}.compare-section p{color:#c7d3c4}.compare{height:580px;position:relative;overflow:hidden}.compare img{width:100%;height:100%;object-fit:cover}.compare-before{position:absolute;inset:0;width:48%;overflow:hidden;border-right:3px solid #fff}.compare-before img{width:900px;max-width:none}.compare input{position:absolute;inset:auto 5% 22px;width:90%}.compare>span{position:absolute;top:15px;background:rgba(32,52,39,.85);padding:7px 9px;font-size:.62rem;font-weight:900}.before-label{left:15px}.after-label{right:15px}.season-tabs{display:flex;gap:8px;flex-wrap:wrap}.season-tabs button{padding:10px 15px;border:1px solid var(--line);background:transparent;cursor:pointer}.season-tabs button.active{background:var(--moss);color:#fff}.season-result{margin-top:25px;padding:clamp(25px,4vw,45px);background:var(--white);border-top:4px solid var(--moss)}.season-result span{font-size:.65rem;letter-spacing:.12em;color:var(--moss);font-weight:900}.season-result h3{font:2rem Georgia,serif;margin:8px 0}.process{background:var(--sage)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-grid article{padding:25px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.process-grid span{font-size:.65rem;letter-spacing:.1em;color:var(--moss);font-weight:900}.process-grid h3{font:1.45rem Georgia,serif}.planner{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.planner-copy{position:sticky;top:110px;align-self:start}.estimate{margin-top:30px;padding:25px;background:var(--forest);color:#fff}.estimate small,.estimate strong,.estimate span{display:block}.estimate small{letter-spacing:.1em;color:#b8d0aa}.estimate strong{font:1.85rem Georgia,serif;margin:7px 0}.estimate span{color:#c8d3c5}.planner form{padding:clamp(24px,4vw,48px);background:var(--white);box-shadow:0 25px 70px rgba(32,52,39,.1);display:grid;gap:15px}.field{display:grid;gap:7px}.field label,fieldset legend{font-size:.82rem;font-weight:850}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #bfc6b8;background:#fff}.field textarea{min-height:125px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}fieldset{border:0;padding:0;display:grid;gap:7px}.check{display:flex;gap:9px;font-size:.78rem}.check input{width:auto}.form-status{min-height:24px;color:var(--moss);font-weight:850}.form-result{padding:20px;background:var(--sage);border-left:4px solid var(--moss)}.faq details{padding:20px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font:1.2rem Georgia,serif;cursor:pointer}.closing{padding:clamp(75px,10vw,140px) 6vw;background:var(--sand)}.closing h2{max-width:1000px}.closing p{max-width:720px}footer{padding:55px 5vw;background:var(--forest);color:#fff;display:grid;grid-template-columns:1fr auto;gap:40px}footer p{color:#b7c6b4}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}footer nav a{font-size:.82rem;color:#d8e1d5}.reveal{opacity:0;transform:translateY(20px);transition:.6s}.reveal.visible{opacity:1;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8eaa79;outline-offset:3px}@media(max-width:950px){.header nav{display:none;position:absolute;inset:80px 10px auto;background:var(--paper);padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.2);flex-direction:column;align-items:stretch}.header nav.is-open{display:flex}.menu{display:block;border:1px solid var(--line);background:transparent;padding:10px 13px}.statement,.style-finder,.climate,.compare-section,.planner{grid-template-columns:1fr}.discipline-grid,.process-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.planner-copy{position:static}.project-grid figure{height:360px}}@media(max-width:620px){.header{min-height:70px;padding-inline:15px}.header nav{inset:70px 8px auto}.hero-copy{padding:70px 18px 120px}.hero h1{font-size:3.35rem}.hero-caption{left:18px;right:auto;bottom:18px}.statement{padding:65px 18px}.section{padding:70px 18px}.discipline-grid,.process-grid{grid-template-columns:1fr}.discipline-grid article,.discipline-grid article+article,.process-grid article{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.finder-visual,.finder-visual>img{min-height:500px;height:500px}.project-grid figure{height:300px}.climate-image>img{height:520px}.climate-controls,.form-grid{grid-template-columns:1fr}.compare{height:420px}.actions{display:grid}.button{width:100%}footer{grid-template-columns:1fr;padding:48px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*{transition:none!important}}