@charset "UTF-8";
:root{--paper:#f3f1e9;--paper-deep:#e8e5d9;--ink:#202c2a;--muted:#68716d;--line:#d4d4c8;--accent:#b9ef61;--accent-dark:#42652e;--blue:#cadcd5;--serif:Georgia,"Times New Roman",serif;--sans:"DM Sans",Arial,sans-serif;--display:Manrope,"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace;--page:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:12px;top:-60px;background:var(--accent);padding:10px 14px;z-index:99}.skip-link:focus{top:12px}.site-header{height:82px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(32,44,42,.13);position:sticky;top:0;z-index:10;background:rgba(243,241,233,.93);backdrop-filter:blur(16px)}.wordmark{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-1.1px}.wordmark-light{font-weight:500;color:#78827a}.brand-mark{width:25px;height:24px;display:inline-flex;align-items:flex-end;gap:3px;transform:skew(-22deg)}.brand-mark i{display:block;width:5px;border-radius:4px;background:#6a9450}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:24px;background:#a4d454}.primary-nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600}.primary-nav>a{transition:color .2s ease}.primary-nav>a:hover{color:var(--accent-dark)}.primary-nav .nav-active{position:relative}.nav-active:after{content:"";position:absolute;bottom:-30px;left:0;width:100%;height:2px;background:#77965c}.primary-nav .nav-contact{padding:10px 14px;border:1px solid var(--line);border-radius:2px}.nav-contact span{margin-left:8px}.menu-toggle{display:none}
.hero{padding:84px max(6vw,24px) 0;max-width:var(--page);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;column-gap:7%;align-items:center}.hero-copy{padding:10px 0 37px}.eyebrow{font:500 10px/1.5 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:#68746b;display:flex;gap:10px;align-items:center;margin:0 0 22px}.eyebrow-dot{height:8px;width:8px;background:#8aaa5d;border-radius:50%;box-shadow:0 0 0 4px rgba(138,170,93,.15)}h1,h2,h3,h4,p{margin-top:0}h1{font:600 clamp(46px,6vw,82px)/.99 var(--display);letter-spacing:-5px;margin:0 0 27px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-3px}.hero-lead{font-size:17px;line-height:1.8;color:#53605b;max-width:530px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 18px;font-size:12px;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#40564c}.hero-note{max-width:190px;font-size:10px;line-height:1.5;color:var(--muted);display:flex;align-items:flex-start;gap:7px}.pulse{flex:none;width:7px;height:7px;border-radius:50%;background:#93b85d;margin-top:4px;box-shadow:0 0 0 4px rgba(147,184,93,.16)}.hero-art{height:340px;position:relative;overflow:hidden;background:#10252a url("assets/lab-banner.jpg") center 54%/cover no-repeat;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,37,41,.62),transparent 25%,transparent 72%,rgba(17,37,41,.76))}.art-topline,.art-caption{position:absolute;z-index:1;left:21px;right:21px;display:flex;justify-content:space-between;color:#eff2e8;font:9px var(--mono);letter-spacing:1px}.art-topline{top:18px}.art-caption{bottom:18px;text-transform:uppercase}.caption-index{color:var(--accent)}.art-crosshair{position:absolute;width:65px;height:65px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(243,241,233,.5);border-radius:50%}.art-crosshair:before,.art-crosshair:after{content:"";position:absolute;background:rgba(243,241,233,.5)}.art-crosshair:before{height:1px;width:92px;left:-14px;top:31px}.art-crosshair:after{width:1px;height:92px;left:31px;top:-14px}.art-crosshair span:first-child{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;left:27px;top:27px;z-index:1}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:14px 0 0;display:flex;justify-content:space-between;color:#79817b;font:9px var(--mono);letter-spacing:.6px;text-transform:uppercase}.section-pad{padding-left:max(6vw,24px);padding-right:max(6vw,24px);max-width:var(--page);margin:0 auto}.lab-section{padding-top:121px;padding-bottom:115px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading .eyebrow,.method-heading .eyebrow,.profile-copy .eyebrow,.contact-section .eyebrow{margin-bottom:15px}.section-heading h2,.method-heading h2,.profile-copy h2,.contact-section h2{font:600 clamp(34px,4vw,52px)/1.08 var(--display);letter-spacing:-2.4px;margin:0}.section-heading h2 em,.method-heading h2 em,.profile-copy h2 em,.contact-section h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-2px}.section-intro{max-width:365px;color:#69716c;font-size:13px;line-height:1.8;margin:0 0 5px}.lab-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;margin-bottom:51px}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter-button{border:1px solid transparent;background:transparent;color:#68726b;border-radius:1px;padding:8px 11px;font-size:11px;cursor:pointer;transition:all .2s}.filter-button:hover{border-color:var(--line);color:var(--ink)}.filter-button.is-active{background:var(--ink);color:#f5f3eb}.filter-button span{font:9px var(--mono);margin-left:7px;color:#a7d56a}.result-count{font:9px var(--mono);color:#778079;white-space:nowrap}.project-group{margin-bottom:45px}.group-label{display:flex;align-items:center;gap:12px;margin-bottom:17px}.group-number{width:23px;height:23px;display:grid;place-items:center;background:var(--blue);font:10px var(--mono)}.group-label h3{margin:0;font-size:13px;font-weight:700}.group-rule{height:1px;background:var(--line);flex:1}.group-count{font:9px var(--mono);color:#79817b}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.project-card{min-height:280px;padding:18px 17px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;position:relative;transition:background .25s}.project-card:hover{background:#eeede4}.project-card-featured{background:#ebeae0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:26px}.project-index,.project-type{font:8px var(--mono);text-transform:uppercase;letter-spacing:.5px}.project-index{color:#7b8b78}.project-type{color:#81867d;text-align:right}.project-card h4{font:700 22px/1.08 var(--display);letter-spacing:-.8px;margin:0 0 11px;overflow-wrap:anywhere}.card-copy{font-size:11px;line-height:1.65;color:#6c756f;margin:0 0 15px}.project-detail{margin-top:auto;border-top:1px solid var(--line);font-size:10px}.project-detail summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:11px 0 2px;color:#4e6154;font-weight:600}.project-detail summary::-webkit-details-marker{display:none}.detail-icon{font-size:17px;font-weight:400;transition:transform .2s}.project-detail[open] .detail-icon{transform:rotate(45deg)}.project-detail>div{padding:8px 0 4px}.project-detail>div p{font-size:10px;line-height:1.7;color:#626d66;margin-bottom:10px}.detail-meta{font:8px var(--mono);color:#84917e;text-transform:uppercase;letter-spacing:.4px}.project-card-note{background:#f0eee3}.project-card-question{background:var(--ink);color:var(--paper)}.project-card-question .project-type,.project-card-question .card-copy{color:#b4c0b6}.project-card-question .project-index{color:var(--accent)}.question-mark{position:absolute;right:18px;top:41px;color:var(--accent);font:italic 56px/1 var(--serif)}.project-card-question h4{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:700;border-bottom:1px solid #a1af9c;padding-bottom:4px;width:max-content;transition:gap .2s}.text-link:hover{gap:18px}.project-card-question .text-link{color:var(--accent);margin-top:auto;border-color:#53645a}.lab-footnote{display:flex;gap:11px;align-items:flex-start;margin:2px 0 0;color:#778078;font-size:10px;line-height:1.65}.footnote-icon{flex:none;border:1px solid #aab4a8;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font:9px var(--serif);color:#607165}
.method-section{padding-top:88px;padding-bottom:104px;background:#e8e9df;max-width:none;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(450px,1.2fr);gap:10%;align-items:start}.method-heading{max-width:440px}.method-heading h2{margin-bottom:21px}.method-heading>p:last-child{font-size:13px;line-height:1.8;color:#69736c;max-width:350px}.method-steps{border-top:1px solid #c8cfc5}.method-step{display:grid;grid-template-columns:38px 1fr 30px;gap:11px;align-items:start;padding:20px 0;border-bottom:1px solid #c8cfc5}.step-no{font:10px var(--mono);color:#84917c;padding-top:2px}.method-step h3{font-size:13px;margin:0 0 5px}.method-step p{font-size:11px;color:#66716a;margin:0;line-height:1.7}.step-mark{font:22px var(--serif);color:#82916f;text-align:right}.profile-section{padding-top:119px;padding-bottom:125px;display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}.profile-image{min-height:350px;background:#14272b url("assets/lab-banner.jpg") center/cover no-repeat;position:relative}.profile-image:after{content:"PERSPEKTIVE / VERANTWORTUNG";position:absolute;bottom:16px;left:17px;color:#e5eadf;font:9px var(--mono);letter-spacing:1px}.profile-copy h2{margin:0 0 25px}.profile-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#657069}.profile-copy .text-link{margin-top:7px}.contact-section{background:var(--ink);color:var(--paper);padding:74px max(10vw,24px);display:grid;grid-template-columns:1fr .7fr;gap:7%;align-items:end;position:relative;overflow:hidden}.contact-section .eyebrow{color:#b2c3ae}.contact-section h2{font-size:clamp(38px,4vw,55px)}.contact-copy{max-width:410px;z-index:1}.contact-copy p{font-size:12px;line-height:1.85;color:#bbc5bb;margin-bottom:22px}.button-accent{background:var(--accent);color:var(--ink)}.button-accent:hover{background:#d0f692}.contact-stamp{position:absolute;right:7%;top:25%;width:122px;height:122px;border:1px solid rgba(227,237,220,.17);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;transform:rotate(14deg);color:rgba(227,237,220,.5);font:8px var(--mono);letter-spacing:1px}.contact-stamp b{color:var(--accent);font:24px var(--sans);margin-top:3px}.site-footer{padding:30px max(6vw,24px) 21px;max-width:var(--page);margin:auto;display:grid;grid-template-columns:auto 1fr auto;gap:15px 34px;align-items:center}.footer-mark{font-size:17px}.footer-mark .brand-mark{transform:scale(.8) skew(-22deg);transform-origin:left center;margin-right:-4px}.site-footer>span{font-size:10px;color:#79817a}.footer-links{display:flex;gap:18px;font-size:10px;color:#637069}.footer-links a:hover{color:var(--accent-dark)}.site-footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;color:#899088;font-size:9px}
@media(max-width:1000px){.hero{column-gap:4%}.project-grid{grid-template-columns:repeat(2,1fr)}.project-card{min-height:260px}.method-section{gap:6%}.contact-stamp{opacity:.45;right:3%}.site-footer{grid-template-columns:auto 1fr}.footer-links{grid-column:1/-1;grid-row:2}.site-footer small{grid-row:3}}
@media(max-width:700px){.site-header{height:70px;padding:0 22px}.primary-nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:22px;align-items:stretch;gap:0;border-bottom:1px solid var(--line);flex-direction:column}.primary-nav.is-open{display:flex}.primary-nav>a{padding:13px 0;border-bottom:1px solid var(--line)}.primary-nav .nav-contact{border:0;padding:14px 0}.nav-active:after{display:none}.menu-toggle{width:38px;height:38px;border:1px solid var(--line);background:none;display:grid;align-content:center;gap:5px;justify-content:center}.menu-toggle span{display:block;width:16px;height:1px;background:var(--ink)}.hero{padding-top:57px;grid-template-columns:1fr;row-gap:30px}.hero-copy{padding-bottom:0}h1{font-size:clamp(48px,12vw,68px);letter-spacing:-3.5px}.hero-lead{font-size:15px}.hero-art{height:260px}.hero-bottom{font-size:8px;gap:15px}.section-pad{padding-left:22px;padding-right:22px}.lab-section{padding-top:78px;padding-bottom:80px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.method-heading h2,.profile-copy h2{font-size:37px}.section-intro{margin-top:17px}.lab-toolbar{align-items:flex-start;flex-direction:column;margin-bottom:37px;gap:5px}.filter-group{gap:4px}.filter-button{font-size:10px;padding:7px 8px}.result-count{align-self:flex-end}.project-grid{grid-template-columns:1fr 1fr}.project-card{min-height:265px;padding:14px 12px}.card-top{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:22px}.project-type{text-align:left}.project-card h4{font-size:19px}.card-copy{font-size:10px}.project-detail summary{font-size:9px}.group-label{gap:8px}.group-label h3{font-size:11px}.group-count{font-size:8px}.method-section{padding:70px 22px;grid-template-columns:1fr;gap:20px}.method-heading{max-width:100%}.profile-section{padding-top:78px;padding-bottom:78px;grid-template-columns:1fr;gap:27px}.profile-image{min-height:230px;order:2}.profile-copy{order:1}.contact-section{padding:64px 22px;grid-template-columns:1fr;gap:25px}.contact-section h2{font-size:42px}.contact-stamp{right:20px;top:22px;width:80px;height:80px;opacity:.35}.contact-stamp span{font-size:6px}.contact-stamp b{font-size:17px}.site-footer{padding:25px 22px 18px;grid-template-columns:1fr;gap:10px}.site-footer>span{max-width:300px}.footer-links{grid-column:1;grid-row:auto;flex-wrap:wrap}.site-footer small{grid-row:auto}.footer-mark{grid-row:1}}
@media(max-width:390px){.project-grid{grid-template-columns:1fr}.project-card{min-height:225px}.card-top{flex-direction:row}.project-card h4{font-size:21px}.hero-bottom span:last-child{max-width:120px;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.contribute-section{padding-top:4px;padding-bottom:104px}
.contribute-inner{background:#e8e9df;border:1px solid var(--line);padding:42px clamp(22px,5vw,64px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}
.contribute-inner h2{font:600 clamp(32px,4vw,46px)/1.08 var(--display);letter-spacing:-2px;margin:0}
.contribute-inner h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-2px}
.contribute-copy{max-width:590px}
.contribute-copy p{font-size:12px;line-height:1.8;color:#5f6a62;margin:0 0 14px}
.contribute-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.contribute-note{font:10px var(--mono);color:#718074;margin-top:16px!important}
@media(max-width:700px){.contribute-section{padding-bottom:75px}.contribute-inner{grid-template-columns:1fr;gap:24px;padding:28px 22px}}
