:root{--paper:#fafaf7;--cream:#f2f2ed;--sand:#e7e8df;--text:#354338;--muted:#697367;--line:#d9ddd3;--header:86px}
body{background:var(--paper);font-family:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif}
#brand-intro{display:none;position:fixed;inset:0;z-index:10000;background:#1b4e28;color:#f6f4f0;place-items:center;opacity:1;transition:clip-path .65s cubic-bezier(.76,0,.24,1),opacity .45s;clip-path:inset(0)}
.intro-enabled #brand-intro{display:grid;animation:intro-safety .01s 5.5s forwards}
.intro-locked{overflow:hidden}
.intro-center{display:flex;flex-direction:column;align-items:center;transform:translateY(-12px)}
.intro-mark{width:220px;height:220px;overflow:visible;display:block}
.intro-strokes path{stroke-dasharray:1;stroke-dashoffset:1;animation:intro-draw var(--time) cubic-bezier(.45,0,.25,1) var(--start) forwards}
.intro-finish-mark{opacity:0;animation:intro-word .3s ease 2.8s forwards}
.intro-wordmark{font-size:38px;letter-spacing:.22em;margin:0 0 0 .22em;opacity:0;animation:intro-word .8s ease 1.9s forwards;font-weight:400}
.intro-wordmark span{display:block;font-size:8px;letter-spacing:.48em;text-align:center;margin:14px 0 0 -.22em}
.intro-baseline{position:absolute;bottom:38px;left:40px;font-size:9px;letter-spacing:.14em;color:#d0d9c9}
.intro-skip{position:absolute;bottom:25px;right:40px;background:none;border:0;color:#e2e8dc;font-size:11px;min-height:44px;padding:12px 0;display:flex;gap:30px;align-items:center}
.intro-enabled #brand-intro.intro-leaving{clip-path:inset(0 0 100%);pointer-events:none}
.intro-replay{display:block;margin:26px 0 0;border:0;border-bottom:1px solid #adb8a3;background:none;color:inherit;font-size:11px;padding:10px 0;min-height:44px}
@keyframes intro-draw{to{stroke-dashoffset:0}}
@keyframes intro-word{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes intro-safety{to{visibility:hidden;pointer-events:none}}
body #site-header{height:var(--header);background:#fafaf7f5;backdrop-filter:blur(18px);border-bottom:1px solid #29443012;box-shadow:none}
body #site-header .brand>span:last-child{font-size:22px}
body .nav-trigger{font-size:12px;font-weight:500}
main .button{border-radius:30px;padding:15px 24px;font-size:13px;font-weight:500;transition:background .3s}
main .button:hover{transform:none}
main .text-link{font-size:13px;border-bottom-color:#9aa68b}
main .eyebrow{color:#737962;font-size:10px;font-weight:500;letter-spacing:.13em}
main[data-page=start]{background:#fafaf7;color:#183f25}
.signature-opening{--journey:0;position:relative;height:170svh;background:#fafaf7}
.signature-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:650px;overflow:hidden}
.signature-title{position:absolute;top:6%;left:5%;right:5%;text-align:center;transform:translateY(calc(var(--journey)*-100px));opacity:calc(1 - var(--journey)*2.5);pointer-events:none}
.signature-title h1{font-size:clamp(46px,6.2vw,90px);font-weight:500;letter-spacing:-.06em;line-height:1.02;margin:22px 0 0;color:#183f25}
.signature-title h1 span{color:#839079}
.signature-window{position:absolute;top:calc(43% * (1 - var(--journey)));left:calc(6% * (1 - var(--journey)));right:calc(6% * (1 - var(--journey)));bottom:calc(4% * (1 - var(--journey)));overflow:hidden;background:#203f30;clip-path:inset(0 round calc(5px * (1 - var(--journey))))}
.signature-window>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(calc(1.06 - .06 * var(--journey)))}
.signature-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,31,22,.6),transparent 65%)}
.signature-window-copy{position:absolute;left:5%;right:5%;bottom:12%;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;color:#fff}
.signature-window-copy>p{font-size:clamp(25px,3.4vw,48px);line-height:1.15;letter-spacing:-.035em;font-weight:400;opacity:clamp(0,calc(var(--journey)*2 - .2),1);transform:translateY(calc(18px * (1 - var(--journey))))}
.signature-window-copy>div{display:flex;flex-direction:column;gap:12px;min-width:235px}
.signature-primary,.signature-secondary{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px;padding:16px 22px;border-radius:28px;min-height:52px}
.signature-primary{background:#fafaf7;color:#24432b}.signature-secondary{border:1px solid #fff8;color:#fff;background:#163d2220;backdrop-filter:blur(8px)}
.signature-scroll{position:absolute;bottom:24px;left:5%;font-size:8px;letter-spacing:.18em;color:#e5eade;display:flex;gap:20px;align-items:center}
.signature-scroll span{font-size:17px}
.signature-introduction{padding:130px 0 115px;width:min(1240px,88%);margin:auto;text-align:center}
.signature-introduction>h2{font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:28px 0}
.signature-introduction>h2 span{color:#859079}
.signature-introduction>p:not(.eyebrow){max-width:620px;margin:0 auto;color:#66745f;font-size:17px;line-height:1.85}
.signature-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:left;margin-top:85px}
.signature-paths>a{position:relative;border-top:1px solid #c8cebe;padding:27px 0 10px}
.signature-paths>a>span{font-size:9px;letter-spacing:.11em;color:#78816c}
.signature-paths h3{font-size:25px;letter-spacing:-.03em;font-weight:500;margin:20px 0 12px}
.signature-paths p{font-size:13px;color:#6c7563}
.signature-paths b{position:absolute;bottom:13px;right:0;font-size:24px;font-weight:400;transition:transform .45s ease}
.signature-paths>a:hover b{transform:translate(4px,-4px)}
.signature-feature{display:grid;grid-template-columns:1.5fr 1fr;background:#eff0e9;align-items:center;gap:8%;padding:80px 6%}
.signature-feature figure{position:relative;overflow:hidden;aspect-ratio:1/1}
.signature-feature img{width:100%;height:100%;object-fit:cover}
.signature-feature figcaption{position:absolute;bottom:25px;left:25px;color:#fff;font-size:8px;letter-spacing:.13em;text-shadow:0 1px 5px #000}
.signature-feature h2{font-size:clamp(45px,5.5vw,82px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:28px 0}.signature-feature h2 span{color:#859079}
.signature-feature>div>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#63725d;max-width:350px}
.signature-feature .text-link{margin-top:24px}.signature-feature small{display:block;font-size:10px;color:#7d8571;margin-top:22px;max-width:320px;line-height:1.7}
main[data-page=start] .home-team{padding:120px 0;gap:90px}
main[data-page=start] .home-team h2{font-size:clamp(38px,4vw,58px);font-weight:500;letter-spacing:-.045em}
main[data-page=start] .home-team-portraits figure:nth-child(2){padding-top:0}
main[data-page=start] .home-team-portraits img{aspect-ratio:4/5}
.signature-contact{background:#1b4e28;color:#f6f4ef;padding:105px 6% 35px;text-align:center}
.signature-contact .eyebrow{color:#c0ccaf}
.signature-contact h2{font-size:clamp(43px,5.7vw,82px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:30px 0 36px}
.signature-contact>a{display:inline-flex;align-items:center;gap:50px;font-size:14px;border-bottom:1px solid #b3c2a0;padding:0 0 16px}
.signature-contact>div{display:flex;justify-content:center;gap:30px;margin-top:95px;font-size:10px;letter-spacing:.08em;color:#b9c8ac}
main .offers-opening h1,main .value-introduction h2,main .journal-intro h1{font-weight:500;letter-spacing:-.05em}
main[data-page=immobilien] .offers-listing{background:transparent;border:0;box-shadow:none}
main[data-page=immobilien] .offers-details h3{font-weight:500}
.footer{background:#f4f5ee!important}
@media(max-width:1000px){.signature-stage{min-height:620px}.signature-title h1{font-size:65px}.signature-paths{gap:25px}.signature-paths h3{font-size:22px}.signature-feature{gap:6%}main[data-page=start] .home-team{gap:40px}}
@media(max-width:700px){:root{--header:74px}.intro-mark{width:185px;height:185px}.intro-wordmark{font-size:30px}.intro-baseline{left:24px;bottom:82px;right:24px;text-align:center;font-size:7px}.intro-skip{right:24px;bottom:20px}.signature-opening{height:145svh}.signature-stage{min-height:630px}.signature-title{top:5%;left:6%;right:6%}.signature-title .eyebrow{font-size:8px;letter-spacing:.1em}.signature-title h1{font-size:clamp(38px,9.5vw,58px);line-height:1.07;margin-top:22px}.signature-window{top:calc(31% * (1 - var(--journey)));bottom:calc(3% * (1 - var(--journey)))}.signature-window-copy{left:7%;right:7%;bottom:14%;display:block}.signature-window-copy>p{font-size:29px;margin-bottom:25px;opacity:calc(var(--journey)*1.5)}.signature-window-copy>div{gap:10px;min-width:0}.signature-primary,.signature-secondary{padding:13px 18px;min-height:46px;font-size:12px}.signature-scroll{left:7%;bottom:20px;font-size:7px}.signature-introduction{padding:75px 0}.signature-introduction>h2{font-size:39px}.signature-introduction>p:not(.eyebrow){font-size:16px}.signature-paths{grid-template-columns:1fr;gap:18px;margin-top:45px}.signature-paths>a{padding:24px 0 18px}.signature-paths h3{margin:15px 0 8px;font-size:25px}.signature-paths b{bottom:20px}.signature-feature{grid-template-columns:1fr;gap:35px;padding:40px 6% 60px}.signature-feature figure{aspect-ratio:4/3}.signature-feature h2{font-size:58px}.signature-feature h2 br{display:block}.signature-feature h2 span{display:block}.signature-feature h2{line-height:1.07}.signature-feature .eyebrow{font-size:9px}main[data-page=start] .home-team{padding:75px 0;gap:35px}main[data-page=start] .home-team h2{font-size:40px}.signature-contact{padding:70px 6% 30px}.signature-contact h2{font-size:47px}.signature-contact>div{flex-wrap:wrap;gap:18px;margin-top:60px}.signature-contact>div>span{width:100%;font-size:8px}}
html.reduce-motion .signature-opening{height:auto}html.reduce-motion .signature-stage{position:relative}html.reduce-motion .signature-window>img{transform:none}html.reduce-motion .signature-title{transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){#brand-intro{display:none!important}.signature-opening{height:auto}.signature-stage{position:relative}.signature-window>img{transform:none}.signature-title{transform:none;opacity:1}.signature-paths b{transition:none}}
