:root{--paper:#fff;--chalk:#f2f4f1;--ink:#202824;--green:#245c46;--muted:#626b65;--line:#e2e7e2;--pale:#dde6dd;--gutter:clamp(24px,5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b68b22;outline-offset:6px}::selection{background:var(--pale);color:var(--ink)}h1,h2,h3,p,figure{margin:0}.container{width:min(1440px,100%);padding-inline:var(--gutter);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;padding:14px 20px;background:var(--green);color:white;z-index:10}.skip-link:focus{top:20px}
.header{border-bottom:1px solid var(--line)}.header-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{color:var(--green);flex-shrink:0}.brand strong{font-size:22px;letter-spacing:-.035em;display:block}.brand-caption{display:block;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-top:5px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav>a:not(.button){padding:14px 0}.header nav>a:not(.button):hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 25px;min-height:56px;background:var(--green);color:white;font-size:15px;font-weight:500;border:1px solid transparent;transition:background-color .18s,transform .18s;line-height:1.25}.button:hover{background:#174433;transform:translateY(-2px)}.button span{font-size:20px}.button-small{padding:14px 20px;min-height:48px}.hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:center;gap:64px;padding-top:80px;padding-bottom:70px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--green);line-height:1.6;display:flex;align-items:center;gap:9px}.location-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.hero h1{font-size:clamp(56px,5.7vw,82px);line-height:1.045;letter-spacing:-.055em;font-weight:700;margin-top:27px;margin-bottom:28px}.headline-last{color:var(--green)}.intro{max-width:440px;font-size:19px;line-height:1.58;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.phone-link{font-size:15px;white-space:nowrap;text-decoration:underline;text-decoration-color:#b5bcb5;text-underline-offset:6px;padding:14px 0}.phone-link:hover{text-decoration-color:var(--green)}.tile-figure{width:100%;padding-top:8px}.tile-scene{background:var(--chalk);position:relative;aspect-ratio:1.03;display:flex;align-items:center;justify-content:center;overflow:hidden}.tile-art{width:100%;height:auto}.scene-label{position:absolute;top:26px;left:26px;font-size:10px;letter-spacing:.16em;color:var(--muted);z-index:1}.scene-footer{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.scene-footer span:last-child{font-variant-numeric:tabular-nums}.tile-figure figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:13px}.intro-strip{display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:.02em}
.service{background:var(--chalk);padding-block:80px}.service-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}h2{font-size:clamp(36px,3.5vw,50px);line-height:1.1;letter-spacing:-.045em;font-weight:700}.service-heading h2{margin-top:22px}.service-intro{font-size:17px;line-height:1.65;color:var(--muted);max-width:320px;margin-top:25px}.service-lead{font-size:19px;line-height:1.65;margin-bottom:35px;max-width:610px}.topic{display:grid;grid-template-columns:36px 1fr;gap:25px;border-top:1px solid #cdd5cd;padding-top:26px;margin-top:26px}.topic-number{font-size:12px;color:var(--green);padding-top:7px;font-variant-numeric:tabular-nums}.topic h3{font-size:23px;letter-spacing:-.025em;font-weight:500}.topic p{font-size:16px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:550px}.conversation{padding-top:82px;padding-bottom:88px}.conversation-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:25px}.conversation-grid p{font-size:19px;line-height:1.65;max-width:510px}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:15px;color:var(--green);padding:13px 0;margin-top:22px;border-bottom:1px solid var(--green)}.text-link:hover{gap:32px}.contact{background:var(--green);color:white;padding-block:76px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact .eyebrow{color:#dce8dd}.contact h2{font-size:clamp(46px,4.2vw,62px);margin-top:22px}.contact address{font-style:normal;font-size:16px;line-height:1.7;margin-top:28px;color:#e5eee6}.contact address strong{font-weight:500;color:white}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.contact-phone{display:flex;align-items:center;gap:24px;font-size:clamp(26px,2.7vw,38px);letter-spacing:-.035em;white-space:nowrap}.contact-phone:hover{text-decoration:underline;text-underline-offset:8px}.contact-action>p{font-size:17px;line-height:1.7;max-width:440px;color:#e5eee6}.button-light{background:white;color:var(--green);min-width:255px}.button-light:hover{background:var(--pale)}.contact-action .phone-note{font-size:11px;line-height:1.5;color:#dce8dd}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:21px;padding-bottom:21px;color:var(--muted);font-size:11px}.preview-button{border:0;background:transparent;color:var(--muted);padding:14px 0;min-height:44px;font-size:12px}.preview-button:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
dialog{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);color:var(--ink);background:white;overflow:auto}dialog::backdrop{background:rgb(20 35 27 / .55);backdrop-filter:blur(3px)}.dialog-inner{padding:48px 36px;position:relative}.dialog-close{position:absolute;top:8px;right:10px;width:44px;height:44px;font-size:28px;border:0;background:transparent;color:var(--ink)}.dialog-inner h2{font-size:34px;margin-top:18px}.dialog-inner>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin-top:20px}.dialog-done{margin-top:28px}
@media(min-width:1600px){.hero{padding-top:96px;padding-bottom:86px}}
@media(max-width:1000px){.header nav{gap:22px}.nav-service{display:none}.hero{gap:30px}.hero h1{font-size:62px}.hero-actions{gap:16px}.service-inner,.conversation-grid,.contact-inner{gap:48px}.contact-phone{font-size:30px}}
@media(max-width:700px){.header-inner{min-height:86px;gap:12px}.brand{gap:10px}.brand-mark{width:29px;height:29px}.brand strong{font-size:19px}.brand-caption{font-size:8px;letter-spacing:.07em}.header nav{gap:0;font-size:13px}.nav-cta{display:none!important}.hero{grid-template-columns:1fr;gap:35px;padding-top:42px;padding-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.1em}.hero h1{font-size:clamp(46px,13.7vw,64px);line-height:1.045;margin-top:22px;margin-bottom:24px}.intro{font-size:17px;line-height:1.6;max-width:380px}.hero-actions{gap:10px 22px;margin-top:24px}.hero-actions .button{font-size:14px}.hero-actions .phone-link{font-size:14px}.tile-figure{padding-top:0;max-width:450px}.tile-scene{aspect-ratio:1.25}.tile-art{width:90%;transform:translateY(5px)}.scene-label{top:18px;left:18px;font-size:8px}.scene-footer{left:18px;right:18px;bottom:15px;font-size:8px}.tile-figure figcaption{font-size:10px}.intro-strip{font-size:10px;gap:12px;padding-block:18px}.intro-strip span:nth-child(2){display:none}.service{padding-block:47px}.service-inner{grid-template-columns:1fr;gap:32px}.service-heading h2{font-size:38px;margin-top:17px}.service-intro{font-size:16px;max-width:350px;margin-top:19px}.service-lead{font-size:17px;margin-bottom:27px}.topic{gap:15px;grid-template-columns:26px 1fr;padding-top:23px;margin-top:23px}.topic h3{font-size:21px}.topic p{font-size:15px}.conversation{padding-top:48px;padding-bottom:50px}.conversation-grid{grid-template-columns:1fr;gap:25px;margin-top:17px}.conversation-grid h2{font-size:38px}.conversation-grid p{font-size:17px}.text-link{margin-top:17px;font-size:14px}.contact{padding-block:48px}.contact-inner{grid-template-columns:1fr;gap:35px}.contact h2{font-size:48px;margin-top:17px}.contact address{font-size:15px;margin-top:23px}.contact-action{gap:20px}.contact-phone{font-size:30px}.contact-action>p{font-size:16px}.button-light{width:100%;min-width:0}.footer{align-items:flex-start;flex-direction:column;gap:4px;font-size:10px;padding-block:20px}.preview-button{padding-top:10px}.dialog-inner{padding:48px 24px 28px}.dialog-inner h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* V2 · Form / Fuge / Fläche — Paper 03 desktop and mobile */
:root{--green:#245c46;--mint:#bde4c6;--forest:#173b2e}.header-inner{min-height:96px}.hero{grid-template-columns:1fr 1fr;gap:48px;padding-top:56px;padding-bottom:42px}.hero h1{font-size:clamp(60px,6.4vw,92px);line-height:.99;margin-top:26px;margin-bottom:28px;letter-spacing:-.065em}.hero .intro{font-size:18px;max-width:395px}.hero .eyebrow{font-size:11px}.tile-figure{padding:0;position:relative}.material-study{display:block;width:100%;height:auto}.tile-figure figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;padding-top:6px;line-height:1.6}.signature-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:25px;font-size:clamp(22px,2.3vw,34px);font-weight:700;letter-spacing:-.04em;color:var(--green)}.signature-strip svg{flex-shrink:0}.pattern-section{background:var(--chalk);padding-block:88px}.pattern-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.pattern-demo{max-width:460px;padding:30px;background:#e4e9e0;border:1px solid #d1d9ce}.pattern-board{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;aspect-ratio:1}.pattern-tile{background:#dce8d9;position:relative;overflow:hidden}.pattern-tile::after{content:"";position:absolute;inset:0;background:var(--green);border-radius:100% 0 0 0;transform:rotate(var(--turn,0deg));transition:transform .48s cubic-bezier(.22,1,.36,1)}.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(4n+2),.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(4n){--turn:90deg}.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(n+5):nth-child(-n+8),.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(n+13){--turn:270deg}.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(6),.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(8),.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(14),.pattern-board[data-pattern="kreis"] .pattern-tile:nth-child(16){--turn:180deg}.pattern-board[data-pattern="welle"] .pattern-tile{--turn:0deg}.pattern-board[data-pattern="welle"] .pattern-tile:nth-child(even){--turn:180deg}.pattern-board[data-pattern="wechsel"] .pattern-tile{--turn:90deg}.pattern-board[data-pattern="wechsel"] .pattern-tile:nth-child(3n){--turn:270deg}.pattern-board[data-pattern="wechsel"] .pattern-tile:nth-child(3n+1){--turn:180deg}.pattern-caption{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#44584a;padding-top:18px}.pattern-copy h2{font-size:clamp(40px,4.1vw,58px);margin-top:21px;line-height:1.04;letter-spacing:-.055em}.pattern-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);max-width:430px;margin-top:24px}.pattern-controls{display:flex;gap:8px;margin-top:27px}.pattern-controls[hidden]{display:none}.pattern-controls button{min-height:48px;padding:12px 21px;border:1px solid #a6b8aa;background:transparent;color:var(--green);font-size:14px;transition:background .2s,color .2s}.pattern-controls button:hover{background:#dce8d9}.pattern-controls button[aria-pressed="true"]{background:var(--green);color:white;border-color:var(--green)}.pattern-copy>p.pattern-note{font-size:12px;line-height:1.65;margin-top:22px;max-width:400px}.project-prep{padding-block:88px;display:grid;grid-template-columns:1fr 1fr;gap:96px}.project-prep h2{margin-top:20px;font-size:clamp(38px,3.8vw,54px)}.prep-list>div{display:grid;grid-template-columns:28px 1fr;gap:24px;border-top:1px solid var(--line);padding-block:22px}.prep-list>div>span{font-size:11px;color:var(--green);padding-top:5px}.prep-list p{font-size:17px;color:var(--muted);line-height:1.6;max-width:430px}.prep-list strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em;color:var(--ink);margin-bottom:4px}.contact{background:var(--forest);position:relative;overflow:hidden}.contact:after{content:"";position:absolute;bottom:-130px;left:35%;width:300px;height:300px;border:1px solid #bde4c630;border-radius:100% 0 0 0;pointer-events:none;transform:rotate(25deg)}.contact h2{font-size:clamp(48px,5.1vw,72px);letter-spacing:-.055em;line-height:1.01}.button-light{background:var(--mint);color:var(--forest)}.address-draft{display:block;font-size:11px;color:#bdcfc1;margin-top:18px}.contact-inner{position:relative;z-index:1}.contact-action .phone-note{max-width:330px}.button{border-radius:3px}.footer{padding-block:20px}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:clamp(48px,6.6vw,72px)}.pattern-layout,.project-prep{gap:48px}.pattern-demo{padding:22px}}
@media(max-width:700px){.header-inner{min-height:86px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:30px;gap:32px}.hero h1{font-size:clamp(49px,14.3vw,66px);margin-top:22px;margin-bottom:22px;line-height:1.01}.hero .intro{font-size:17px}.hero .eyebrow{font-size:10px}.hero-actions{margin-top:24px}.tile-figure{max-width:none}.tile-figure figcaption{font-size:9px;gap:10px}.material-study{width:100%}.signature-strip{font-size:20px;padding-block:19px;gap:12px}.signature-strip svg{width:22px;height:22px}.pattern-section{padding-block:48px}.pattern-layout{grid-template-columns:1fr;gap:32px}.pattern-demo{max-width:440px;width:100%;padding:24px}.pattern-copy h2{font-size:42px;margin-top:17px}.pattern-copy>p:not(.eyebrow){font-size:16px;margin-top:18px}.pattern-controls{margin-top:21px}.pattern-controls button{flex:1;padding-inline:12px}.pattern-copy>p.pattern-note{font-size:12px}.project-prep{grid-template-columns:1fr;padding-block:48px;gap:28px}.project-prep h2{font-size:38px}.prep-list>div{padding-block:19px;gap:16px}.prep-list p{font-size:15px}.prep-list strong{font-size:21px}.contact h2{font-size:48px}.contact-phone{font-size:30px}.contact-action .phone-note{font-size:10px}.contact:after{left:50%;opacity:.6}}

/* V3 · Higgsfield generated architectural imagery */
.realistic-room{aspect-ratio:1.03;object-fit:cover;object-position:50% 63%}.detail-study{margin-top:28px}.detail-study img{display:block;width:100%;height:auto;aspect-ratio:2.2;object-fit:cover}.detail-study figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}.prep-list{align-self:center}@media(max-width:700px){.realistic-room{aspect-ratio:4/5;object-position:center}.detail-study img{aspect-ratio:1.65}.tile-figure figcaption{font-size:10px;flex-wrap:wrap}}

/* Photoreal generated pattern states */
.pattern-board{display:block;overflow:hidden}.pattern-board img{display:block;width:100%;height:100%;object-fit:cover}