:root{--bg:#090909;--fg:#f4f4f4;--muted:#999;--blue:#182bff;--yellow:#f4f000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.4 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:20;background:#090909ed;backdrop-filter:blur(14px);border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;padding:17px 3.5vw}.logo{font-size:25px;letter-spacing:-2px;font-weight:900}.logo span{color:var(--yellow)}nav{display:flex;gap:22px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}nav a:hover,.textlink:hover{color:var(--yellow)}.hero{min-height:83vh;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-copy{padding:8vw 4vw 4vw;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}h1{font-size:clamp(65px,9vw,160px);line-height:.82;letter-spacing:-.095em;margin:35px 0 40px;font-weight:900}h1 em{font-style:normal;color:var(--yellow)}.hero-image{position:relative;overflow:hidden;background:var(--blue)}.hero-image img{width:100%;height:100%;object-fit:cover;min-height:580px}.tag{display:inline-block;background:var(--yellow);color:#000;padding:7px 11px;font-weight:800;font-size:11px;text-transform:uppercase}.hero-image .tag{position:absolute;left:22px;bottom:22px}.intro{padding:28px 4vw;border-top:1px solid #333;display:flex;justify-content:space-between;gap:25px}.intro p{margin:0;max-width:580px;font-size:clamp(20px,2.6vw,38px);letter-spacing:-.04em;line-height:1.12}.section{padding:90px 4vw 60px}.section-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #444;padding-top:16px;margin-bottom:32px}.section-head h2{font-size:clamp(34px,5vw,78px);letter-spacing:-.075em;line-height:1;margin:0}.section-head small{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.tile{background:#151515;position:relative;overflow:hidden;display:block}.tile img{display:block;width:100%;height:clamp(260px,34vw,560px);object-fit:cover;transition:transform .35s}.tile:hover img{transform:scale(1.025)}.tile figcaption{padding:18px 4px 12px}.tile figcaption strong{display:block;font-size:clamp(23px,3vw,42px);line-height:1.05;letter-spacing:-.055em}.tile figcaption small{display:block;color:#aaa;margin:9px 0}.tile figure{margin:0}.tile.secondary img{height:clamp(260px,34vw,560px)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery .tile img{height:280px;object-fit:cover}.gallery .tile figcaption strong{font-size:24px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 24px}.filters button{background:transparent;color:#ddd;border:1px solid #555;padding:9px 16px;font-size:12px}.filters button.active,.filters button:hover{background:var(--yellow);border-color:var(--yellow);color:#000}.statement{background:var(--blue);padding:8vw 4vw;overflow:hidden}.statement p{font-size:clamp(52px,10vw,155px);line-height:.86;letter-spacing:-.09em;font-weight:900;margin:0;max-width:1250px}.statement span{color:var(--yellow)}.ig{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.ig h2{font-size:clamp(40px,6vw,90px);letter-spacing:-.07em;line-height:.9;margin:10px 0 25px}.ig-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ig-cards img{width:100%;height:330px;object-fit:cover}.textlink{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:13px;text-transform:uppercase}.note{color:#aaa;font-size:12px;max-width:370px;margin-top:16px}.about{display:grid;grid-template-columns:1fr 1fr;gap:35px}.about p{font-size:clamp(22px,3vw,42px);line-height:1.13;letter-spacing:-.04em;margin:0}.about aside{font-size:13px;color:#aaa;max-width:420px}.reader{display:none;position:fixed;inset:0;background:#090909;z-index:50;overflow:auto}.reader.show{display:block}.reader-inner{max-width:920px;margin:auto;padding:25px 25px 110px}.reader-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.close{background:var(--yellow);border:0;color:#000;padding:12px 18px}.reader h2{font-size:clamp(48px,8vw,100px);line-height:.93;letter-spacing:-.075em;margin:16px 0 35px}.reader img{width:100%;height:auto;margin:10px 0 35px}.reader p{font-size:clamp(19px,2.3vw,26px);line-height:1.45;max-width:720px}.reader .caption{font-size:12px;color:#aaa}footer{padding:35px 4vw;border-top:1px solid #333;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#aaa}footer .logo{color:#fff}@media(max-width:800px){header{padding:14px 18px}nav{gap:12px;font-size:10px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 20px 35px}.hero h1{font-size:clamp(65px,16vw,120px)}.hero-image img{min-height:0;height:360px}.intro{padding:30px 20px;display:block}.section{padding:65px 20px 40px}.feature-grid,.about,.ig{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery .tile img{height:220px}.ig-cards img{height:230px}.statement{padding:75px 20px}.statement p{font-size:clamp(50px,11vw,90px)}footer{flex-wrap:wrap;padding:25px 20px}}@media(max-width:520px){.gallery{grid-template-columns:1fr}.gallery .tile img{height:290px}.ig-cards img{height:210px}.section-head small{display:none}}

.section[id]{scroll-margin-top:86px}
.project-card{min-width:0;background:#151515}
.project-copy{padding:4px 16px 20px;color:#ddd;line-height:1.55}
.project-copy h3,.topic-copy h3{font-size:clamp(21px,2.8vw,36px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 14px;color:var(--fg)}
.project-copy p,.topic-copy p{max-width:65ch;margin:0 0 1em}
.project-copy p:last-child{margin-bottom:0}
.topic-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(18px,4vw,56px);align-items:start}
.topic-grid figure{margin:0}
.topic-grid img{display:block;width:100%;height:auto}
.topic-copy{color:#ddd;line-height:1.55}
.topic-copy h3{margin-top:0}
.topic-copy .textlink{margin-top:8px}
@media(max-width:800px){.topic-grid{grid-template-columns:1fr}}
@media(max-width:520px){header{gap:16px}nav{justify-content:flex-end;flex-wrap:wrap;gap:7px 12px}.project-copy{padding-inline:12px}}
.archive-list{list-style:none;margin:0;padding:0}
.archive-list li{border-bottom:1px solid #333}
.archive-list a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0}
.archive-list strong{font-size:clamp(22px,4vw,38px);letter-spacing:-.045em}
.archive-list span{color:var(--muted);text-align:right}
.archive-list a:hover strong,.archive-list a:focus-visible strong{color:var(--yellow)}
.project-heading{padding:clamp(38px,7vw,110px) 4vw 24px}
.project-heading h1{font-size:clamp(51px,10vw,146px);line-height:.9;letter-spacing:-.085em;margin:18px 0 25px}
.project-heading p{font-size:clamp(19px,3vw,30px);max-width:38ch;margin:0 0 24px}
.project-nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.project-hero{margin:0 4vw}
.project-hero img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#151515}
.project-hero figcaption{color:var(--muted);font-size:13px;padding-top:8px}
.project-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project-details article{padding:16px;border-top:2px solid var(--yellow);background:#151515}
.project-details h3{font-size:23px;margin:8px 0;line-height:1.1}
.project-details p{color:#ddd}
.documentation .tile img{height:auto;aspect-ratio:4/3;object-fit:contain}
.documentation .tile figcaption{padding-inline:16px}
.documentation .tile figcaption strong{font-size:21px}
@media(max-width:800px){.project-details{grid-template-columns:1fr}}

.strategy-tile img{object-fit:contain;background:#1a1a1a}
.social-figure{margin:0}
.social-figure img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;background:#111}
.project-copy summary{cursor:pointer;margin-bottom:14px}
#dachlandschaften{scroll-margin-top:86px}