:root{--green:#193b34;--deep:#102c26;--paper:#f8f7f3;--sand:#eeece5;--ink:#233c35;--muted:#626e65;--gold:#bbab82;--line:#d8dcd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b19a60;outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(46px,5.3vw,82px)}h2{font-size:clamp(37px,3.7vw,57px)}h3{font-size:23px;font-weight:450;letter-spacing:-.04em;line-height:1.3}em{font-weight:400;color:#869989}p{color:var(--muted);max-width:650px;margin:22px 0;line-height:1.85}a,button{touch-action:manipulation}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.pt0{padding-top:0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;line-height:1.6;text-transform:uppercase}.header{height:100px;position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid #ffffff2e;color:white}.inner .header{position:relative;color:var(--green);border-color:var(--line)}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand>span{font-family:Georgia,serif;font-size:40px;letter-spacing:-4px}.brand .plus{font-family:Arial,sans-serif;font-weight:200;font-size:27px;vertical-align:5px;padding:0 4px;color:var(--gold)}.brand small{font-size:8px;letter-spacing:.28em;margin-top:9px}.desktop{display:flex;gap:34px;font-size:12px}.desktop a{padding:12px 0;position:relative}.desktop a:after{content:'';position:absolute;bottom:6px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.desktop a:hover:after,.desktop a[aria-current]:after{width:100%}.nav-actions{display:flex;align-items:center;gap:26px}.nav-contact{font-size:11px;border:1px solid #ffffff55;padding:12px 19px}.inner .nav-contact{border-color:#99aaa0}.nav-contact span{margin-left:20px}.menu-toggle{width:30px;height:40px;border:0;background:none;display:flex;justify-content:center;flex-direction:column;gap:7px;padding:0}.menu-toggle span{height:1px;background:currentColor;width:24px}.hero{min-height:760px;height:92svh;max-height:1100px;position:relative;color:#fff;display:flex;align-items:center}.hero-img,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(9,29,25,.78),rgba(9,29,25,.3) 56%,rgba(9,29,25,.06)),linear-gradient(0deg,rgba(9,29,25,.65),transparent 30%,transparent 76%,rgba(9,29,25,.32))}.hero-content{position:relative;padding-top:72px}.hero .eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:28px;color:#e6e6d8}.tiny-line{display:inline-block;width:35px;height:1px;background:var(--gold)}.hero h1{max-width:900px;font-size:clamp(50px,5.5vw,85px);text-shadow:0 2px 24px #102c261a}.hero h1 em{color:#ded6bd}.hero p{font-size:14px;color:#f0f0e8;line-height:1.9;margin:27px 0 34px}.buttons{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--green);border:1px solid var(--green);color:white;padding:16px 24px;font-size:11px;font-weight:550;line-height:1.6;transition:background .2s,transform .2s}.button:hover{background:#315548;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.light{background:var(--paper);border-color:var(--paper);color:var(--green)}.button.light:hover{background:#e2e7db}.button.outline{border-color:#ffffff70;background:#122e2630;color:#fff}.button.outline:hover{background:#ffffff20}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.02em}.hero-bottom>a:first-child{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.1em}.hero-bottom b{font-weight:400;font-size:12px;letter-spacing:0}.hero-bottom>span{color:#e1e4db;font-size:9px}.live-dot,.dot-green{width:6px;height:6px;background:#b8c4a4;border-radius:50%;display:inline-block}.values-bar{padding:27px 56px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:#626d5f;letter-spacing:.18em;font-size:9px}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:70px}.intro>.eyebrow{padding-top:12px}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:20px}.intro-bottom p{font-size:14px}.text-link{display:inline-block;border-bottom:1px solid #a5ada0;padding-bottom:8px;font-size:11px;letter-spacing:.025em}.text-link:hover{color:#77865e}.tinted{background:var(--sand)}.section-title{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:44px}.section-title .eyebrow{margin-bottom:20px}.section-title>p{font-size:13px;margin-bottom:0}.project-image{position:relative;overflow:hidden;background:#d6dbcd;aspect-ratio:2.05}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.025)}.status{position:absolute;top:25px;left:25px;background:var(--paper);color:var(--green);padding:7px 15px;font-size:10px}.status:before{content:'';display:inline-block;background:#58755b;width:5px;height:5px;border-radius:50%;margin-right:8px}.round-arrow{position:absolute;right:25px;bottom:25px;background:var(--paper);color:var(--green);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:22px}.project-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px}.project-caption h3{font-family:Georgia,serif;font-size:31px;margin-top:8px}.project-caption>span{font-size:11px;color:var(--muted)}.caption,figcaption{font-size:10px;line-height:1.7;color:#626d63;margin-top:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}.service-grid article{padding:28px 35px 15px 0;border-top:1px solid #abb7a9}.service-grid article+article{padding-left:35px;border-left:1px solid var(--line)}.number{font-size:11px;letter-spacing:.06em;color:#6d7c68}.service-grid h3{margin-top:42px}.service-grid p{font-size:13px;min-height:94px}.land-section{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:var(--paper)}.land-art{min-height:530px;background:#29473a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#d4d8b610 1px,transparent 1px),linear-gradient(90deg,#d4d8b610 1px,transparent 1px);background-size:46px 46px}.plot{position:absolute;border:1px solid #b1bc8b55;width:420px;height:250px;transform:rotate(-30deg) skew(15deg)}.plot2{transform:rotate(-30deg) skew(15deg) translate(60px,75px)}.plot3{transform:rotate(-30deg) skew(15deg) translate(-80px,-80px)}.land-art>span{font-family:Georgia,serif;font-size:32px;text-align:center;letter-spacing:.1em;color:#d9debf;z-index:1;background:#29473ad9;padding:30px}.land-copy{padding:80px max(50px,7vw)}.land-copy h2{margin-top:24px}.land-copy p{color:#c7d0c2;font-size:13px;margin-bottom:32px}.land-copy em,.cta em{color:#b5c0a7}.cta{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:var(--paper);padding:65px 60px;margin-block:95px;gap:30px}.cta h2{margin-top:18px}.cta p{color:#ccd3c4;margin-bottom:0;font-size:13px}.footer{padding-top:10px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:65px}.footer h3{font-family:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 20px}.footer-grid>div>a:not(.brand){display:block;font-size:12px;margin:7px 0;overflow-wrap:anywhere}.footer p{font-size:12px}.footer-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:22px}.page-head{padding-block:76px 66px}.page-head h1{margin-top:25px;max-width:1050px}.lead{font-size:16px;max-width:660px}.page-head .lead{margin-top:30px}.future{border:1px dashed #b9c2b4;margin-top:65px;padding:35px}.future h3{margin-top:15px}.future p{font-size:13px}.project-full{margin-block:0}.image-open{position:relative;background:none;border:0;padding:0;width:100%;text-align:left}.image-open img{width:100%;max-height:740px;object-fit:cover}.image-open span{position:absolute;right:20px;bottom:20px;background:var(--paper);padding:10px 16px;font-size:11px}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:start}.detail-grid h2{margin-top:20px}.detail-grid p{font-size:14px}.facts{margin:0;background:var(--sand);padding:25px 35px}.facts>div{padding:19px 0;border-bottom:1px solid #cbd2c5;display:flex;justify-content:space-between;gap:25px}.facts>div:last-child{border:0}.facts dt{font-size:11px;color:var(--muted)}.facts dd{font-size:12px;margin:0;text-align:right}.dot-green{background:#5d7b51;margin-right:5px}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-of-type{margin-top:35px}summary{cursor:pointer;font-size:15px}details p{font-size:13px}.panel{background:var(--sand);padding:42px}.panel h2{margin-top:15px}.clean-list{list-style:none;padding:0;margin:25px 0}.clean-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.clean-list li:before{content:'↗';margin-right:15px;color:#6c8064}.service-row{display:grid;grid-template-columns:70px 1.5fr 1fr;gap:40px;border-top:1px solid var(--line);padding:55px 0}.service-row h2{font-size:39px}.service-row p{font-size:14px}.service-row ul{margin:0}.process{display:grid;grid-template-columns:130px 1fr;padding:45px 0;border-top:1px solid var(--line)}.process>span{font-family:Georgia;font-size:45px;color:#9baa96}.process h2{font-size:38px}.process p{font-size:14px}.founders{display:grid;grid-template-columns:1fr 1fr;gap:60px}.portrait{height:340px;background:#e6e8de;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;margin-bottom:30px;position:relative;overflow:hidden}.portrait:before,.portrait:after{content:'';width:240px;height:300px;border:1px solid #a4b09960;position:absolute;transform:rotate(35deg);left:-50px;bottom:-70px}.portrait:after{left:auto;right:-60px;top:-90px}.portrait span{font-family:Georgia;font-size:96px;letter-spacing:-7px;color:#6e8366}.portrait small{font-size:9px;letter-spacing:.2em;color:#62735f}.portrait.second{background:#e7e1d5}.portrait.second span{color:#8a806a}.founders h2{font-size:42px;margin-top:14px}.founders p{font-size:14px}.qualification{margin:8px 0!important;font-weight:550;color:var(--green)}.three-values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.three-values h3{font-family:Georgia;font-size:27px}.three-values p{font-size:12px}.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:100px}.contact-grid h2{font-size:41px}.contact-line{display:block;font-size:21px;font-family:Georgia;margin:15px 0}.contact-email{font-size:12px;overflow-wrap:anywhere}.contact-note{margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.contact-note p{font-size:13px}form{background:var(--sand);padding:36px}.form-intro p{font-size:11px;margin:12px 0 28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;margin:17px 0 7px}label span{font-weight:400}input,select,textarea{width:100%;background:var(--paper);color:var(--ink);border:1px solid #b5bfb0;border-radius:0;padding:12px;font-size:14px;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #738b68;outline-offset:1px}.check{display:flex;align-items:flex-start;gap:10px;margin:20px 0}.check input{width:16px;height:16px;margin-top:2px;accent-color:var(--green)}.check a{text-decoration:underline}.form-result{padding:25px 0 0;margin-top:25px;border-top:1px solid #aebba5}.form-result p{font-size:12px}.form-result pre{font-family:inherit;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}.prose{max-width:800px}.prose h2{font-family:inherit;font-size:25px;margin-top:40px}.prose p,.prose li{font-size:14px}.notice{background:var(--sand);padding:25px;font-size:13px;border-left:2px solid var(--gold)}.skip{position:fixed;top:-100px;left:20px;padding:10px 20px;background:white;z-index:100}.skip:focus{top:10px}dialog{border:0}dialog::backdrop{background:#071a14ba;backdrop-filter:blur(7px)}.menu{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(660px,100%);max-width:100%;padding:42px 55px;background:var(--green);color:var(--paper)}.menu[open]{display:flex;flex-direction:column}.menu-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em}.menu button,.close-image{border:1px solid #ffffff50;padding:10px 16px;background:none;color:inherit;font-size:11px}.menu nav{display:flex;flex-direction:column;margin:60px 0 35px}.menu nav a{font-family:Georgia;font-size:37px;line-height:1.4;padding:10px 0;border-bottom:1px solid #ffffff25}.menu nav a:hover{color:#cbd3b3}.menu-bottom{font-size:12px;line-height:2;color:#b6c3ac;margin-top:auto}.lightbox{width:min(1400px,96vw);padding:50px 20px 20px;background:var(--deep);color:white}.lightbox img{max-height:76vh;width:100%;object-fit:contain}.close-image{position:absolute;right:20px;top:10px}.lightbox p{font-size:11px;color:#ccd8c2;margin:12px 0 0}.lightbox::backdrop{background:#06140fec}[hidden]{display:none!important}@media(min-width:1600px){.hero-content{padding-top:100px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.desktop{gap:20px}.hero-bottom>span{max-width:200px;text-align:center}.intro{grid-template-columns:1fr 2.5fr;gap:35px}.detail-grid,.contact-grid{gap:50px}.land-copy{padding:60px 40px}.hero{min-height:700px}.cta{padding:45px}.nav-contact{padding:10px}.service-row{grid-template-columns:35px 1.2fr 1fr;gap:25px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:82px;padding-inline:20px}.desktop{display:none}.brand>span{font-size:33px}.brand small{font-size:7px}.brand .plus{font-size:23px}.nav-actions{gap:20px}.nav-contact{font-size:10px;border:0;padding:0}.nav-contact span{margin-left:8px}.hero{min-height:750px;height:94svh;max-height:950px;align-items:center}.hero-img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#102c26cf,#102c2670),linear-gradient(0deg,#102c26bd,transparent 70%)}.hero-content{padding-top:0;padding-bottom:25px}.hero h1{font-size:clamp(45px,8.4vw,63px)}.hero .eyebrow{font-size:9px;margin-bottom:23px}.hero p{font-size:13px;max-width:330px}.hero p br{display:none}.buttons{gap:12px}.button{padding:15px 18px;gap:20px}.hero-bottom{bottom:25px;align-items:flex-start;flex-direction:column;gap:12px}.hero-bottom>span{max-width:none;text-align:left;font-size:8px}.hero-bottom .scroll{display:none}.values-bar{padding:23px 20px;gap:20px;font-size:8px;letter-spacing:.08em}.values-bar span:last-child{display:none}.section{padding-block:65px}.pt0{padding-top:0}.intro{display:block}.intro>.eyebrow{padding-top:0;margin-bottom:23px}.intro-bottom{gap:20px;margin-top:15px}.intro-bottom p{font-size:13px}.section-title{align-items:flex-start;flex-direction:column;gap:22px}.section-title h2{font-size:39px}.section-title .eyebrow{margin-bottom:18px}.project-image{aspect-ratio:1.24}.project-image img{object-position:61% center}.status{top:16px;left:16px}.project-caption{align-items:flex-start;flex-direction:column;gap:12px}.project-caption h3{font-size:27px}.project-caption>span{font-size:10px}.service-grid{grid-template-columns:1fr;margin-top:30px}.service-grid article,.service-grid article+article{padding:24px 0 30px;border-left:0}.service-grid h3{margin-top:20px}.service-grid p{min-height:0}.land-section{grid-template-columns:1fr}.land-art{min-height:290px}.land-copy{padding:45px 25px 55px}.land-art>span{font-size:25px}.cta{margin-block:60px;padding:35px 25px;align-items:flex-start;flex-direction:column}.cta .eyebrow{font-size:8px}.cta h2{font-size:39px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:40px}.footer-grid>div:first-child{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between}.footer-grid>div:first-child p{margin:0;font-size:11px}.footer-grid>div>a:not(.brand){font-size:11px}.footer-bottom{flex-wrap:wrap;gap:12px;padding:23px 0;font-size:8px}.footer-bottom>div{gap:13px}.page-head{padding-block:48px 45px}.page-head h1{font-size:44px}.lead{font-size:14px}.detail-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.facts{padding:20px}.project-full{width:100%}.project-full figcaption{padding-inline:20px}.image-open img{min-height:320px;object-position:60% center}.image-open span{font-size:9px;right:12px;bottom:12px}.panel{padding:28px}.service-row{grid-template-columns:30px 1fr;padding:35px 0;gap:18px}.service-row .clean-list{grid-column:2}.service-row h2{font-size:31px}.process{grid-template-columns:55px 1fr;padding:30px 0}.process>span{font-size:30px}.process h2{font-size:30px}.founders{gap:30px}.portrait{height:230px}.portrait span{font-size:70px}.portrait small{font-size:7px}.founders h2{font-size:32px}.founders .eyebrow{font-size:8px}.founders p{font-size:12px}.three-values{gap:18px}.three-values h3{font-size:24px}.contact-grid form{padding:24px}.contact-grid h2{font-size:38px}.menu{padding:27px}.menu nav{margin-top:42px}.menu nav a{font-size:32px}.menu-bottom{font-size:10px}}@media(max-width:420px){.intro-bottom{grid-template-columns:1fr;gap:0}.founders{grid-template-columns:1fr}.portrait{height:290px}.three-values{grid-template-columns:1fr}.three-values p{margin:10px 0}.form-row{grid-template-columns:1fr;gap:0}.nav-contact{font-size:9px}.hero h1{font-size:43px}.hero .buttons{flex-direction:column;align-items:flex-start}.hero{min-height:800px}.hero-content{padding-top:15px}.footer-grid{gap:18px}.facts>div{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Gute Lesbarkeit der kursiven Akzente auf hellen Flächen. */
em{color:#72816f}
/* Schweizer Alpen: filmischer Hintergrund mit sich öffnendem J+R-Signet. */
.alpine-hero{isolation:isolate;overflow:hidden;height:100svh;min-height:900px;max-height:1250px;background:#18302e;align-items:center}
.alpine-image{object-position:50% 67%;animation:alpine-drift 26s ease-in-out infinite alternate;will-change:transform}
.alpine-shade{background:linear-gradient(180deg,rgba(10,28,27,.36),rgba(10,28,27,.18) 30%,rgba(10,28,27,.39) 64%,rgba(10,28,27,.76)),linear-gradient(90deg,rgba(10,28,27,.2),transparent 50%,rgba(10,28,27,.16))}
.alpine-content{position:relative;text-align:center;padding-top:96px;padding-bottom:95px}
.alpine-hero .alpine-eyebrow{justify-content:center;color:#e9ede4;font-size:9px;letter-spacing:.24em;margin-bottom:24px}
.hero-signature{width:min(650px,80vw);margin:0 auto 25px;position:relative;color:#faf9f0;text-shadow:0 2px 24px #0c29261a}
.signature-letters{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-family:Georgia,'Times New Roman',serif;font-size:clamp(130px,13.5vw,205px);line-height:.92;font-weight:400}
.signature-j,.signature-r{display:block}
.signature-plus{font-family:Arial,sans-serif;font-weight:200;font-size:.43em;color:#e6dfc7;align-self:center;line-height:1}
.signature-word{font-size:clamp(14px,1.5vw,20px);letter-spacing:.62em;text-indent:.62em;line-height:1.5;margin-top:25px;font-weight:450}
.signature-rule{width:45px;height:1px;background:#ddd1ae;margin:26px auto 0;transform-origin:center}
.is-opening .signature-j{animation:signature-left 2.5s cubic-bezier(.22,.61,.36,1) both}
.is-opening .signature-r{animation:signature-right 2.5s cubic-bezier(.22,.61,.36,1) both}
.is-opening .signature-plus{animation:signature-plus 2.5s ease both}
.is-opening .signature-word{animation:signature-word 1.3s 1.45s both}
.is-opening .signature-rule{animation:signature-rule 1s 2s both}
.alpine-copy{animation:alpine-copy-in 1.15s 1.85s both}
.alpine-hero h1{font-size:clamp(35px,3.4vw,50px);line-height:1.12;max-width:none;margin:0 auto}
.alpine-hero h1 em{color:#e3dec9}
.alpine-hero p{font-size:12px;line-height:1.8;color:#f0f0e9;margin:19px auto 24px}
.alpine-hero .buttons{justify-content:center}
.alpine-hero .button{font-size:10px;padding:14px 21px}
.alpine-hero .hero-bottom{bottom:26px;gap:20px}
.alpine-hero .hero-bottom .alpine-location{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.13em;max-width:none;color:#edf0e6}
.hero-motion-controls{display:flex;align-items:center;gap:20px}
.hero-motion-controls button{color:#edf0e6;background:none;border:0;border-bottom:1px solid #ffffff40;padding:5px 0;font-size:9px;letter-spacing:.02em}
.hero-motion-controls button:hover{border-color:white}
.alpine-hero.motion-paused .alpine-image{animation-play-state:paused}
@keyframes alpine-drift{from{transform:scale(1.035) translate3d(-.4%,.2%,0)}to{transform:scale(1.115) translate3d(.5%,-.8%,0)}}
@keyframes signature-left{0%,15%{transform:translateX(67%);opacity:0}28%{opacity:1}100%{transform:translateX(0);opacity:1}}
@keyframes signature-right{0%,15%{transform:translateX(-67%);opacity:0}28%{opacity:1}100%{transform:translateX(0);opacity:1}}
@keyframes signature-plus{0%,16%{opacity:0;transform:scale(.7)}45%,100%{opacity:1;transform:scale(1)}}
@keyframes signature-word{from{opacity:0;filter:blur(4px);transform:translateY(12px);letter-spacing:.26em}to{opacity:1;filter:blur(0);transform:translateY(0);letter-spacing:.62em}}
@keyframes signature-rule{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes alpine-copy-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-height:850px){.alpine-hero{min-height:780px}.signature-letters{font-size:150px}.alpine-content{padding-top:108px}.hero-signature{margin-bottom:18px}.alpine-hero .alpine-eyebrow{margin-bottom:18px}.signature-word{margin-top:18px}.signature-rule{margin-top:18px}.alpine-hero h1{font-size:38px}.alpine-hero p{margin:16px auto 20px}}
@media(max-width:760px){.alpine-hero{height:100svh;min-height:850px;max-height:1100px}.alpine-content{padding-top:65px;padding-bottom:100px}.alpine-image{object-position:47% 62%}.alpine-shade{background:linear-gradient(180deg,#0b282954,#0b282938 23%,#0b28296b 64%,#0b2829d6)}.alpine-hero .alpine-eyebrow{font-size:8px;letter-spacing:.17em;max-width:290px;margin:0 auto 35px;line-height:1.9}.hero-signature{width:min(430px,88vw);margin-bottom:30px}.signature-letters{font-size:135px}.signature-word{font-size:13px;margin-top:24px;letter-spacing:.48em;text-indent:.48em}.signature-rule{margin-top:23px}.alpine-hero h1{font-size:37px}.alpine-hero p{font-size:11px;margin:22px auto 25px;max-width:300px}.alpine-hero p br{display:initial}.alpine-hero .buttons{align-items:center;flex-direction:row}.alpine-hero .button{padding:13px 15px;font-size:9px;gap:15px}.alpine-hero .hero-bottom{align-items:center;flex-direction:column;gap:12px;bottom:20px}.alpine-hero .hero-bottom .alpine-location{font-size:7px}.hero-motion-controls{gap:24px}.hero-motion-controls button{font-size:8px}.alpine-hero .hero-bottom .scroll{display:none}@keyframes signature-word{from{opacity:0;filter:blur(4px);transform:translateY(12px);letter-spacing:.15em}to{opacity:1;filter:blur(0);transform:translateY(0);letter-spacing:.48em}}}
@media(max-width:420px){.alpine-hero .buttons{flex-direction:column;gap:10px}.alpine-hero .button{min-width:214px}.alpine-content{padding-top:65px;padding-bottom:100px}.signature-letters{font-size:122px}.alpine-hero h1{font-size:34px}.hero-signature{margin-bottom:26px}.alpine-hero .alpine-eyebrow{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.alpine-image{animation:none!important;transform:none;will-change:auto}.hero-signature *,.alpine-copy{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}.hero-motion-controls{display:none}}
/* Verfeinerte Choreografie: ruhiger Auftakt, weiches Öffnen, versetzte Schrift. */
.hero-signature{width:min(540px,80vw)}
.alpine-image{animation:alpine-cinematic 44s cubic-bezier(.45,0,.55,1) infinite;transform-origin:52% 62%}
.is-opening .signature-j{animation:signature-open-left 3.1s cubic-bezier(.16,1,.3,1) both}
.is-opening .signature-r{animation:signature-open-right 3.1s cubic-bezier(.16,1,.3,1) both}
.is-opening .signature-plus{animation:signature-cross 2.5s cubic-bezier(.16,1,.3,1) both}
.signature-word{display:flex;justify-content:center;gap:.54em;letter-spacing:0;text-indent:0}
.is-opening .signature-word{animation:none}
.signature-word>span{display:inline-block}
.is-opening .signature-word>span{animation:signature-letter-in 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.1s + var(--letter)*65ms)}
.is-opening .signature-rule{animation:signature-rule 1.4s 1.7s both}
.alpine-copy{animation:alpine-copy-in 1.4s 1.45s cubic-bezier(.16,1,.3,1) both}
.alpine-hero .hero-bottom{justify-content:flex-end;gap:36px}
.alpine-hero .hero-motion-controls{margin-right:auto}
.service-grid h3{margin-top:12px}
.service-row{grid-template-columns:1.5fr 1fr}
@keyframes signature-open-left{0%{opacity:0;transform:translateX(57%)}15%,27%{opacity:1;transform:translateX(57%)}100%{opacity:1;transform:translateX(0)}}
@keyframes signature-open-right{0%{opacity:0;transform:translateX(-57%)}15%,27%{opacity:1;transform:translateX(-57%)}100%{opacity:1;transform:translateX(0)}}
@keyframes signature-cross{0%{opacity:0;transform:scale(.82)}24%{opacity:.95;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}
@keyframes signature-letter-in{from{opacity:0;transform:translateY(13px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes alpine-cinematic{0%,100%{transform:scale(1.06) translate3d(-1%,.6%,0)}50%{transform:scale(1.15) translate3d(1.1%,-1%,0)}}
@media(max-width:760px){.hero-signature{width:min(370px,80vw)}.signature-word{gap:.43em;letter-spacing:0;text-indent:0}.alpine-hero .hero-bottom{gap:12px;align-items:center}.alpine-hero .hero-motion-controls{margin:0}.service-row{grid-template-columns:1fr}.service-row .clean-list{grid-column:1}}
@media(prefers-reduced-motion:reduce){.is-opening .signature-word>span{animation:none!important;opacity:1;transform:none;filter:none}}
/* Entwurfsstudie vollständig statt angeschnitten zeigen. */
.project-image{aspect-ratio:1.85;background:#f2f0e9}
.project-image img{object-fit:contain}
@media(max-width:760px){.project-image{aspect-ratio:1.5}}
.project-full .image-open img{height:auto;min-height:0;max-height:none;object-fit:contain}
/* Typografische Überarbeitung: sachliche Schweizer Grotesk, klare Hierarchie. */
:root{--type:"Helvetica Neue",Helvetica,Arial,sans-serif}
body{font-family:var(--type);font-size:16px;-webkit-font-smoothing:antialiased}
h1,h2,h3,.project-caption h3,.service-row h2,.process h2,.three-values h3,.contact-line,.menu nav a,.land-art>span,.process>span,.portrait span{font-family:var(--type);font-style:normal}
h1,h2{font-weight:500;letter-spacing:-.035em;line-height:1.13}
h1{font-size:clamp(42px,4.6vw,70px)}
h2{font-size:clamp(32px,3.25vw,48px)}
h3{font-weight:500;letter-spacing:-.02em}
em{font-style:normal;font-weight:inherit;color:inherit}
h1 em,h2 em,.hero h1 em,.alpine-hero h1 em,.land-copy em,.cta em{color:inherit}
.brand>span{font-family:var(--type);font-size:37px;font-weight:500;letter-spacing:-2.5px}
.brand .plus{font-family:var(--type);font-size:26px;vertical-align:2px;padding:0 3px;font-weight:400}
.brand small{font-size:8px;letter-spacing:.22em;font-weight:500}
.signature-letters{font-family:var(--type);font-weight:400;letter-spacing:-.045em}
.signature-plus{font-family:var(--type);font-weight:300}
.hero-signature{width:min(540px,80vw)}
.signature-word{font-weight:500;font-size:14px;gap:.46em}
.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600}
.desktop{font-size:13px}.nav-contact{font-size:12px}.button,.text-link{font-size:12px;letter-spacing:0}
.button{justify-content:center;gap:0;min-height:47px;padding:15px 24px;font-weight:500}
.nav-contact{transition:background .2s,color .2s,border-color .2s}
.alpine-hero .button{font-size:12px;padding:15px 23px}
.alpine-hero h1{font-family:var(--type);font-size:clamp(33px,3.1vw,46px);font-weight:500;letter-spacing:-.025em}
.alpine-hero p{font-size:14px;line-height:1.7}
.alpine-content{padding-bottom:50px}
.service-grid article{position:relative;transition:background .25s,box-shadow .25s;isolation:isolate;padding:32px 28px}
.service-grid article+article{padding:32px 28px}
.service-grid .text-link:after{content:"";position:absolute;inset:0;z-index:1}
.service-grid h3{font-size:23px;line-height:1.35;margin-top:5px}
.service-grid p{font-size:14px;min-height:105px}
.text-link{transition:color .2s,border-color .2s}
.project-card{display:block;transition:background .25s}
.project-caption{padding-bottom:12px}
.project-caption h3{font-size:27px;font-weight:500}
.clean-list li:before{content:none}
.service-row{grid-template-columns:1.2fr 1fr;gap:85px;padding:65px 0}
.service-row:nth-child(even){grid-template-columns:1fr 1.2fr}
.service-row:nth-child(even)>div{grid-column:2;grid-row:1}
.service-row:nth-child(even)>.clean-list{grid-column:1;grid-row:1}
.service-row h2{font-size:35px;line-height:1.2}
.service-row .clean-list li{padding:16px 0}
.land-project-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin:25px 0 45px;align-items:start}
.land-project-intro p{margin:0;font-size:15px}
.land-project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:start}
.land-project-image{display:block;background:#f6f4ed;overflow:hidden}
.land-project-image img{width:100%;height:auto;transition:transform .6s}
.land-project-image>span{display:block;font-size:11px;padding:16px 20px;color:var(--muted)}
.land-project-description h3{font-size:28px}
.land-project-description p{font-size:14px;margin-top:15px}
.project-summary{margin:25px 0 30px}
.project-summary>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;border-top:1px solid #d0d4ca;padding:13px 0;font-size:12px}
.project-summary dt{color:var(--muted)}.project-summary dd{margin:0}
.land-project-description .caption{font-size:10px}
.is-opening .signature-j{animation:monogram-left 3.6s cubic-bezier(.65,0,.2,1) both}
.is-opening .signature-r{animation:monogram-right 3.6s cubic-bezier(.65,0,.2,1) both}
.is-opening .signature-plus{animation:monogram-plus .65s 2.6s ease-out both}
.is-opening .signature-word>span{animation-delay:calc(2.8s + var(--letter)*45ms);animation-duration:.7s}
.is-opening .signature-rule{animation-delay:3.25s;animation-duration:.6s}
.alpine-copy{animation-delay:3.15s;animation-duration:.85s}
.alpine-image{animation:alpine-arrival 4.8s ease-out both;will-change:auto}
@keyframes monogram-left{0%,22%{opacity:1;transform:translateX(100%)}72%,100%{opacity:1;transform:translateX(0)}}
@keyframes monogram-right{0%,22%{opacity:1;transform:translateX(-100%)}72%,100%{opacity:1;transform:translateX(0)}}
@keyframes monogram-plus{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes alpine-arrival{from{transform:scale(1.08) translate3d(0,.6%,0)}to{transform:scale(1.025) translate3d(0,0,0)}}
@media(hover:hover){.service-grid article:hover,.service-grid article:focus-within{background:#eeefe8;box-shadow:inset 0 3px 0 #536d5e}.service-grid article:hover h3{color:#486d57}.text-link:hover{color:#284f3b;border-color:#284f3b}.nav-contact:hover{background:var(--paper);color:var(--green)}.inner .nav-contact:hover{background:var(--green);color:white}.footer a:hover{text-decoration:underline;text-underline-offset:4px}.project-card:hover .project-caption h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.land-project-image:hover img{transform:scale(1.02)}details summary:hover{color:#58715c}}
.service-grid article:focus-within{outline:2px solid #71826d;outline-offset:3px}
@media(max-width:1100px){.service-row{gap:45px}.land-project-grid{gap:30px}}
@media(max-width:760px){.page-head h1{font-size:40px}.section-title h2{font-size:34px}.brand>span{font-size:32px}.brand .plus{font-size:23px}.nav-contact{font-size:10px}.service-row,.service-row:nth-child(even){grid-template-columns:1fr;gap:22px;padding:38px 0}.service-row:nth-child(even)>div,.service-row:nth-child(even)>.clean-list{grid-column:auto;grid-row:auto}.service-row h2{font-size:29px}.land-project-intro,.land-project-grid{grid-template-columns:1fr;gap:25px}.land-project-intro{margin-bottom:30px}.service-grid article,.service-grid article+article{padding:25px 20px}.service-grid p{min-height:0}.alpine-hero h1{font-size:34px}.alpine-hero p{font-size:12px}.alpine-content{padding-bottom:35px}.alpine-hero .button{font-size:11px}.signature-word{font-size:12px;gap:.43em}.menu nav a{font-size:30px;font-weight:400}.project-caption h3{font-size:24px}.cta h2{font-size:34px}}
@media(max-width:420px){.page-head h1{font-size:36px}.signature-letters{font-size:116px}.alpine-hero h1{font-size:31px}.alpine-content{padding-top:60px;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.alpine-image,.is-opening .signature-j,.is-opening .signature-r,.is-opening .signature-plus,.is-opening .signature-word>span,.alpine-copy{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}}
/* Verbundenes JR-Monogramm, identisch im Header und im grossen Intro. */
.header .brand-animated{width:92px;flex:0 0 92px;align-items:center}
.header .brand-monogram{display:grid;grid-template-columns:repeat(3,1fr);width:92px;line-height:1;font-family:var(--type);font-size:38px;font-weight:400;letter-spacing:0}
.brand-monogram>span{display:block;text-align:center}
.brand-monogram .brand-plus{color:var(--gold);font-size:25px;align-self:center;font-weight:300;animation:header-plus .5s 1.9s ease-out both}
.brand-j{animation:header-open-j 2.6s cubic-bezier(.65,0,.2,1) both}
.brand-r{animation:header-open-r 2.6s cubic-bezier(.65,0,.2,1) both}
.header .brand-word{font-size:8px;letter-spacing:.23em;text-indent:.23em;line-height:1.4;margin-top:8px;animation:header-word .65s 2.15s ease-out both}
@keyframes header-open-j{0%,25%{transform:translateX(calc(100% - .18em))}75%,100%{transform:translateX(0)}}
@keyframes header-open-r{0%,25%{transform:translateX(calc(-100% + .18em))}75%,100%{transform:translateX(0)}}
@keyframes header-plus{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes header-word{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes monogram-left{0%,22%{opacity:1;transform:translateX(calc(100% - .18em))}72%,100%{opacity:1;transform:translateX(0)}}
@keyframes monogram-right{0%,22%{opacity:1;transform:translateX(calc(-100% + .18em))}72%,100%{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.header .brand-animated{width:78px;flex-basis:78px}.header .brand-monogram{width:78px;font-size:33px}.brand-monogram .brand-plus{font-size:22px}.header .brand-word{font-size:7px;letter-spacing:.2em;text-indent:.2em;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.brand-animated *{animation:none!important;opacity:1!important;transform:none!important}}
/* Architekturband: vier klar gegliederte Felder statt loser Menülinks. */
.header{height:120px;gap:26px;padding-inline:40px}
.desktop{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #c4ccc1;background:#f2f3ed;min-width:0;width:min(600px,52vw)}
.desktop a{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:15px 18px;min-height:67px;position:relative;transition:background .25s,color .25s;line-height:1.1;color:var(--green)}
.desktop a+a{border-left:1px solid #c4ccc1}
.desktop a:after{display:none}
.nav-title{font-size:13px;font-weight:500;white-space:nowrap}
.nav-description{font-size:9px;letter-spacing:.01em;color:#657567;white-space:nowrap}
.desktop a[aria-current="page"]{background:var(--green);color:var(--paper)}
.desktop a[aria-current="page"] .nav-description{color:#d1d9cc}
.home .desktop{background:#17392fc9;border-color:#e6ede04d;backdrop-filter:blur(14px)}
.home .desktop a{color:#fff}.home .nav-description{color:#d6dfd2}.home .desktop a+a{border-color:#e6ede04d}
.nav-actions{gap:22px;flex-shrink:0}
.header .nav-contact{padding:13px 17px;min-height:45px;display:flex;align-items:center;font-size:11px;white-space:nowrap}
.menu-toggle{width:auto;height:45px;flex-direction:row;gap:12px;align-items:center;padding:0 3px}
.menu-toggle b{font-size:10px;letter-spacing:.04em;font-weight:500}
.menu-toggle .menu-lines{display:flex;flex-direction:column;gap:6px;width:22px;height:auto;background:none}
.menu-lines i{display:block;width:22px;height:1px;background:currentColor;transition:width .2s}
.project-link-label{display:inline-flex!important;padding:15px 24px;background:var(--green);color:white!important;font-size:12px!important;font-weight:500;line-height:1.5;border:1px solid var(--green);transition:background .2s;flex-shrink:0}
.project-card:hover .project-link-label{background:#315548}
.service-cta{margin-top:10px;min-width:190px}
.land-project-description .button{width:100%;max-width:340px}
@media(hover:hover){.desktop a:hover{background:#e1e7dc}.desktop a[aria-current="page"]:hover{background:#284e3e}.home .desktop a:hover{background:#ffffff1e}.menu-toggle:hover .menu-lines i:last-child{width:14px}}
@media(max-width:1200px){.header{padding-inline:28px;gap:20px}.desktop{width:510px}.desktop a{padding:15px 12px}.nav-description{font-size:8px}.nav-actions{gap:16px}}
@media(max-width:1050px){.desktop{display:none}.header{height:100px}.nav-actions{margin-left:auto;gap:25px}}
@media(max-width:760px){.header{height:88px;padding-inline:20px;gap:15px}.header .nav-contact{padding:0;min-height:44px;font-size:10px}.nav-actions{gap:18px}.menu-toggle{gap:8px}.menu-toggle b{font-size:9px}.menu-toggle .menu-lines{width:19px}.menu-lines i{width:19px}.project-link-label{font-size:11px!important;padding:13px 20px;margin-top:5px}.service-cta{margin-top:5px;width:100%;max-width:300px}}
/* Reduzierter Header und Hero: gemeinsame Fläche, einfache Navigation. */
.header,.inner .header{border-bottom:0}
.desktop{display:flex;width:auto;gap:0;padding:5px;border:0;background:#edf0e9;min-width:0}
.desktop a{display:block;min-height:0;padding:15px 22px;font-size:13px;line-height:1.3;font-weight:500}
.desktop a+a,.home .desktop a+a{border-left:0}
.desktop a[aria-current="page"]{background:transparent;color:var(--green);box-shadow:inset 0 -2px 0 #7c8e78}
.home .desktop{background:#17392fc9;border:0}
.home .desktop a[aria-current="page"]{color:white;box-shadow:inset 0 -2px 0 #d4c498}
.alpine-hero{min-height:740px}
.alpine-content{padding-top:100px;padding-bottom:75px}
.alpine-hero .alpine-eyebrow{margin-bottom:45px}
.hero-signature{margin-bottom:42px}
.alpine-copy .buttons{margin:0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(hover:hover){.desktop a[aria-current="page"]:hover{background:#e1e7dc}.home .desktop a[aria-current="page"]:hover{background:#ffffff1e}}
@media(max-width:1200px){.desktop{width:auto}.desktop a{padding:14px 18px}}
@media(max-width:1050px){.desktop{display:none}}
@media(max-width:760px){.alpine-hero{min-height:680px}.alpine-content{padding-top:75px;padding-bottom:45px}.alpine-hero .alpine-eyebrow{margin-bottom:36px}.hero-signature{margin-bottom:38px}}
/* Freie Navigation und kompakterer Einstieg. */
.desktop,.home .desktop{display:flex;gap:32px;width:auto;padding:0;background:none;border:0;backdrop-filter:none}
.desktop a{padding:12px 0;min-height:0;font-size:13px;background:none;color:var(--green);box-shadow:none}
.home .desktop a{color:white}
.desktop a+a,.home .desktop a+a{border:0}
.desktop a:after{display:block;content:"";position:absolute;left:0;bottom:5px;width:0;height:1px;background:currentColor;transition:width .2s}
.desktop a[aria-current="page"],.home .desktop a[aria-current="page"]{background:none;box-shadow:none}
.desktop a[aria-current="page"]:after{width:100%}
.alpine-hero{height:78svh;min-height:600px;max-height:780px}
.alpine-content{padding-top:98px;padding-bottom:36px}
.alpine-hero .alpine-eyebrow{margin-bottom:26px}
.hero-signature{margin-bottom:28px}
.signature-letters{font-size:clamp(125px,11.5vw,170px)}
.signature-word{margin-top:18px}
.signature-rule{margin-top:18px}
@media(hover:hover){.desktop a:hover,.desktop a[aria-current="page"]:hover,.home .desktop a:hover,.home .desktop a[aria-current="page"]:hover{background:none}.desktop a:hover:after{width:100%}}
@media(max-width:1050px){.desktop,.home .desktop{display:none}}
@media(max-width:760px){.alpine-hero{height:78svh;min-height:580px;max-height:690px}.alpine-content{padding-top:85px;padding-bottom:28px}.alpine-hero .alpine-eyebrow{margin-bottom:25px}.signature-letters{font-size:115px}.signature-word{margin-top:17px}.signature-rule{margin-top:16px}.hero-signature{margin-bottom:25px}}
@media(max-width:420px){.signature-letters{font-size:105px}.alpine-hero{min-height:590px}.alpine-content{padding-top:85px;padding-bottom:25px}}
/* Bildschirmfüllender Markenauftritt mit kräftigerer Grössenhierarchie. */
.alpine-hero{height:100svh;min-height:720px;max-height:none}
.alpine-content{padding-top:110px;padding-bottom:45px}
.alpine-hero .alpine-eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:38px}
.hero-signature{width:min(820px,76vw);margin-bottom:42px}
.signature-letters{font-size:clamp(180px,20vw,290px);line-height:.95}
.signature-word{font-size:clamp(17px,1.65vw,24px);gap:.54em;margin-top:26px}
.signature-rule{width:62px;margin-top:27px}
.alpine-hero .buttons{gap:18px}
.alpine-hero .button{font-size:14px;padding:19px 30px;min-height:58px;min-width:240px}
@media(min-width:761px) and (max-height:800px){.alpine-hero{min-height:680px}.alpine-content{padding-top:100px;padding-bottom:28px}.signature-letters{font-size:clamp(170px,17vw,235px)}.alpine-hero .alpine-eyebrow{margin-bottom:25px}.signature-word{margin-top:18px}.signature-rule{margin-top:19px}.hero-signature{margin-bottom:30px}}
@media(max-width:760px){.alpine-hero{height:100svh;min-height:700px;max-height:none}.alpine-content{padding-top:85px;padding-bottom:35px}.alpine-hero .alpine-eyebrow{font-size:9px;max-width:310px;margin-bottom:38px;line-height:1.8}.hero-signature{width:88vw;margin-bottom:38px}.signature-letters{font-size:clamp(140px,29vw,195px)}.signature-word{font-size:15px;gap:.45em;margin-top:24px}.signature-rule{margin-top:24px;width:50px}.alpine-hero .button{font-size:12px;padding:17px 24px;min-height:53px;min-width:230px}.alpine-hero .buttons{gap:13px}}
@media(max-width:420px){.signature-letters{font-size:140px}.alpine-content{padding-top:80px;padding-bottom:30px}.alpine-hero .button{min-width:250px}}

/* Leistungsbuttons mittig unter der jeweiligen Textspalte. */
.service-row .service-cta{display:flex;width:fit-content;max-width:100%;margin:28px auto 0}
@media(max-width:760px){.service-row .service-cta{width:fit-content;min-width:190px;max-width:100%;margin:24px auto 0}}
/* Sichtbare Navigation beim Scrollen; ruhige, helle Fläche über Seiteninhalten. */
.header{position:fixed;top:0;z-index:30;transition:background .25s,color .25s,box-shadow .25s,height .25s}
.inner .header{position:sticky;top:0;background:var(--paper);z-index:30}
.home .header.is-scrolled{height:88px;background:rgba(248,247,243,.97);color:var(--green);box-shadow:0 5px 24px #102c2610;backdrop-filter:blur(14px)}
.inner .header.is-scrolled{box-shadow:0 5px 24px #102c2610}
.home .header.is-scrolled .desktop a,.home .header.is-scrolled .desktop a[aria-current="page"]{color:var(--green)}
.home .header.is-scrolled .nav-contact{border-color:#aab7a8;color:var(--green)}
@media(hover:hover){.home .header.is-scrolled .nav-contact:hover{background:var(--green);color:white}}
/* Porträts ersetzen die Monogramm-Platzhalter ohne dekorative Überlagerung. */
.founders{max-width:1040px;margin-inline:auto;gap:60px}
.founders .portrait-photo{display:block;height:auto;aspect-ratio:4/5;background:#d7dde1;overflow:hidden}
.portrait-photo:before,.portrait-photo:after{content:none}
.portrait-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
/* Konkrete Einstiege statt einer abstrakten Einleitung. */
.introduction{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:start;padding-block:100px}
.intro-identity .eyebrow{margin-bottom:24px}
.intro-identity h2{font-size:clamp(30px,3vw,45px);line-height:1.18;letter-spacing:-.03em}
.intro-identity>p{font-size:15px;line-height:1.85;margin:27px 0 30px;max-width:540px}
.expertise-pair{border-top:1px solid var(--line);padding-top:24px;margin-bottom:30px;display:grid;gap:20px}
.expertise-pair strong{display:block;font-size:13px;font-weight:500;color:var(--green)}
.expertise-pair span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.intro-paths{display:grid;gap:18px}
.intro-path{display:block;padding:32px 34px;background:var(--sand);border:1px solid #dde1d7;transition:background .25s,border-color .25s}
.intro-path h3{font-size:27px;line-height:1.2;margin-top:17px;font-weight:500;letter-spacing:-.025em}
.intro-path p{font-size:13px;line-height:1.75;margin:18px 0 22px}
.path-action{display:inline-block;font-size:12px;font-weight:500;border-bottom:1px solid #9aaa93;padding-bottom:6px}
.intro-path:nth-child(2){background:var(--green);border-color:var(--green);color:var(--paper)}
.intro-path:nth-child(2) p{color:#d2dccd}
.intro-path:nth-child(2) .eyebrow{color:#ced8c7}
.intro-path:nth-child(2) .path-action{border-color:#99ac90}
@media(hover:hover){.intro-path:hover{background:#e4e8dd;border-color:#9aaa93}.intro-path:nth-child(2):hover{background:#294e3e;border-color:#294e3e}.intro-path:hover .path-action{border-color:currentColor}}
@media(max-width:1100px){.introduction{gap:45px}.intro-path{padding:28px}.intro-identity h2{font-size:35px}}
@media(max-width:760px){.home .header.is-scrolled{height:80px}.introduction{grid-template-columns:1fr;gap:35px;padding-block:60px}.intro-identity h2{font-size:32px}.intro-identity>p{font-size:14px}.intro-path{padding:27px}.intro-path h3{font-size:26px}.founders{gap:28px}.founders .portrait-photo{height:auto;aspect-ratio:4/5}}
@media(max-width:600px){.founders{grid-template-columns:1fr;gap:45px}.founders .portrait-photo{max-width:440px;margin-inline:auto}.founders h2{font-size:34px}.founders p{font-size:14px}}
/* Redaktioneller Einstieg mit Projektstudie und klaren Handlungswegen. */
.intro-editorial{padding-block:90px 70px}
.intro-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:45px}
.intro-heading h2{margin-top:20px;font-size:clamp(35px,3.8vw,54px)}
.intro-heading>p{font-size:15px;margin:0;max-width:470px}
.intro-feature{display:grid;grid-template-columns:1.35fr 1fr;background:var(--sand)}
.intro-plan{display:flex;flex-direction:column;justify-content:center;padding:32px;min-width:0}
.intro-plan>img{width:100%;height:auto;mix-blend-mode:multiply}
.intro-plan-caption{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-top:25px}
.intro-plan-caption h3{font-size:23px;margin-top:8px}
.intro-plan-caption .text-link{flex-shrink:0;font-size:11px}
.intro-plan .caption{margin:14px 0 0}
.intro-decisions{display:grid;background:var(--green);color:var(--paper)}
.intro-decisions>a{display:block;padding:35px 38px;transition:background .25s}
.intro-decisions>a+a{border-top:1px solid #ffffff30}
.intro-decisions .eyebrow{color:#c4d0bb;font-size:9px}
.intro-decisions h3{font-size:27px;line-height:1.2;margin-top:18px}
.intro-decisions p{color:#d3ddcf;font-size:13px;line-height:1.75;margin:17px 0 23px}
.intro-decisions .path-action{border-color:#93a48a;font-size:11px}
.intro-partnership{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:25px 0;border-bottom:1px solid var(--line)}
.intro-partnership p{margin:0;font-size:13px;line-height:1.8}.intro-partnership strong{font-weight:500;color:var(--green)}.intro-partnership p span{display:block;font-size:12px}
/* Gründerprofile: massvolle Porträts mit zugehörigem Text auf einer Höhe. */
.team-editorial{padding-bottom:95px;display:grid;gap:50px}
.founder-profile{display:grid;grid-template-columns:minmax(240px,.85fr) 1.15fr;background:var(--sand);align-items:stretch;max-width:1080px;width:100%;margin-inline:auto}
.profile-image{min-width:0;aspect-ratio:4/5;overflow:hidden;background:#cbd5dc}
.profile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.profile-copy{padding:clamp(25px,3.7vw,55px);align-self:center}
.profile-copy h2{font-size:clamp(34px,3.6vw,50px);margin:16px 0 10px}
.profile-copy .profile-degree{font-size:14px;color:var(--green);font-weight:500;margin:0 0 23px}
.profile-copy>p{font-size:14px;line-height:1.8;margin:18px 0 25px}
.profile-copy .eyebrow{font-size:9px}
.profile-focus{margin:0 0 26px;border-top:1px solid #cdd3c6}
.profile-focus>div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #cdd3c6;font-size:11px;line-height:1.6}
.profile-focus dt{color:var(--muted)}.profile-focus dd{margin:0}
.founder-profile:nth-child(even){grid-template-columns:1.15fr minmax(240px,.85fr)}
.founder-profile:nth-child(even) .profile-image{grid-column:2;grid-row:1}
.founder-profile:nth-child(even) .profile-copy{grid-column:1;grid-row:1}
/* Arbeitsweise als zugängliche, aufklappbare Themen. */
.working-section{background:var(--green);color:var(--paper);padding:85px 0}
.working-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;align-items:start}
.working-lead h2{font-size:clamp(32px,3.2vw,46px);margin-top:24px}
.working-lead>p{font-size:14px;color:#d2dbcb;margin:25px 0 32px}
.working-lead>.eyebrow{color:#c6d0b9}
.working-accordion details{border-bottom:1px solid #ffffff35;padding:24px 0}
.working-accordion details:first-of-type{margin:0;border-top:1px solid #ffffff35}
.working-accordion summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:20px;font-weight:500;line-height:1.35}
.working-accordion summary::-webkit-details-marker{display:none}
.detail-toggle{width:16px;height:16px;position:relative;flex-shrink:0}
.detail-toggle:before,.detail-toggle:after{content:'';position:absolute;background:#cec4a5;left:0;top:7px;width:16px;height:1px}
.detail-toggle:after{transform:rotate(90deg);transition:transform .2s}.working-accordion details[open] .detail-toggle:after{transform:rotate(0)}
.working-accordion p{color:#d4decc;font-size:13px;margin:20px 35px 17px 0}
.working-result{font-size:11px;color:#e7ddbc;display:block;margin-bottom:6px}
@media(hover:hover){.intro-decisions>a:hover{background:#284d3d}.intro-decisions>a:hover .path-action{border-color:white}.working-accordion summary:hover{color:#e5d8b3}}
@media(max-width:1050px){.intro-heading{gap:40px}.intro-feature{grid-template-columns:1.1fr 1fr}.intro-plan{padding:24px}.intro-plan-caption{align-items:start;flex-direction:column;gap:12px}.intro-decisions>a{padding:28px}.working-layout{gap:45px}.profile-copy{padding:30px}.profile-focus>div{grid-template-columns:75px 1fr}}
@media(max-width:760px){.intro-editorial{padding-block:55px}.intro-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.intro-heading h2{font-size:36px}.intro-heading>p{font-size:14px}.intro-feature{grid-template-columns:1fr}.intro-plan{padding:23px}.intro-plan-caption{flex-direction:row;align-items:end}.intro-plan-caption h3{font-size:21px}.intro-partnership{align-items:start;flex-direction:column;gap:17px}.intro-decisions>a{padding:30px 25px}.intro-decisions h3{font-size:26px}.team-editorial{gap:35px;padding-bottom:60px}.founder-profile,.founder-profile:nth-child(even){grid-template-columns:1fr;max-width:490px}.founder-profile:nth-child(even) .profile-image,.founder-profile:nth-child(even) .profile-copy{grid-column:auto;grid-row:auto}.profile-image{aspect-ratio:4/5}.profile-copy{padding:28px}.profile-copy h2{font-size:36px}.working-section{padding:55px 0}.working-layout{grid-template-columns:1fr;gap:35px}.working-accordion summary{font-size:19px}.working-lead h2{font-size:35px}}
@media(max-width:420px){.intro-plan-caption{flex-direction:column;align-items:start}.profile-copy{padding:24px}}