/* WIST-IT · Über uns – ergänzt bestehende Hero-, Footer- und Formularregeln. */
.hero--about{--h-bg:#13211a;--h-ink:#f7f9f4;--h-sub:#c4d0c5;--h-accent:#7dac4d;}
.hero--about .hero-project-art{background:radial-gradient(circle at 54% 46%,#32543a,#101e17 72%);}
.hero--about .about-art{position:relative;overflow:hidden;width:100%;height:100%;display:grid;place-items:center;color:#e8f5e7;isolation:isolate;}
.about-art-grid{position:absolute;inset:0;background-image:linear-gradient(#a8c98c13 1px,transparent 1px),linear-gradient(90deg,#a8c98c13 1px,transparent 1px);background-size:64px 64px;}
.about-orbit{position:absolute;border:1px solid #9bc87a78;aspect-ratio:1;border-radius:50%;box-shadow:0 0 55px #6dba5320;transform:rotate(-18deg)}
.about-orbit.orbit-one{width:41%;}.about-orbit.orbit-two{width:67%;border-style:dashed;border-color:#a1d16d3f}.about-orbit.orbit-three{width:93%;border-color:#a1d16d23}
.about-art-center{z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;background:#17291ee5;border:1px solid #8bc16a88;width:min(47%,260px);aspect-ratio:1;justify-content:center;box-shadow:0 0 65px #80b75b33}
.about-art-center>span,.about-art-center>small{font:700 9px/1.5 ui-monospace,monospace;letter-spacing:.17em}.about-art-center strong{font-size:clamp(70px,11vw,150px);letter-spacing:-.11em;line-height:1;color:#9bdb6b}.about-art-center small{font-size:8px;color:#adc8a9}
.about-satellite{position:absolute;z-index:3;color:#d7edce;background:#1c3928c9;border:1px solid #85b16b70;padding:10px 13px;font:650 9px ui-monospace,monospace;letter-spacing:.12em;}.sat-one{top:21%;left:7%}.sat-two{top:30%;right:7%}.sat-three{bottom:22%;left:10%}
.about-art-footer{position:absolute;bottom:25px;right:30px;color:#a6c99b;font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.14em}
.about-intro,.about-team,.about-services{padding:clamp(90px,10vw,150px) var(--pad);}
.about-intro{background:#eef1e9;color:#1b2b20;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(38px,6vw,110px)}
.about-side{font:650 10px/1.6 ui-monospace,monospace;letter-spacing:.14em;color:#5e8050;display:flex;flex-direction:column;gap:24px}.about-side-rule{width:45px;height:1px;background:#7dac4d}
.about-intro-copy{max-width:1000px}.about-intro h2,.about-team h2,.about-services h2{font-size:clamp(50px,6vw,104px);line-height:1;letter-spacing:-.065em;font-weight:550;margin:20px 0 35px}.about-intro h2 em,.about-team h2 em,.about-services h2 em{font-style:normal;color:#67974b;font-weight:420}
.about-intro-copy>p:not(.eyebrow){font-size:clamp(17px,1.35vw,21px);line-height:1.73;color:#526252;max-width:900px;margin:0 0 21px}
.about-team{background:#18251d;color:#f1f7ec}.about-team-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:clamp(40px,5vw,80px)}.about-team-head>p{max-width:340px;color:#c0cebf;font-size:17px;line-height:1.65}.about-team h2{margin-bottom:0}.about-team h2 em{color:#a9d486}.about-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,30px)}
.about-person{padding:clamp(27px,3vw,48px);border:1px solid #6884636c;background:#233528;display:flex;flex-direction:column;min-width:0;transition:border-color .25s,transform .25s}.about-person:hover{border-color:#9ac977;transform:translateY(-3px)}.about-person-label{display:flex;justify-content:space-between;align-items:start;color:#b7d3a3;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.14em}.about-person-monogram{display:grid;place-items:center;width:72px;height:72px;border:1px solid #77966e;color:#cde3c2;font-size:25px;font-weight:550;letter-spacing:-.04em}.about-person h3{font-size:clamp(37px,4.2vw,70px);letter-spacing:-.06em;line-height:1.06;margin:45px 0 5px;font-weight:560}.about-person h3 span{color:#a9d486}.about-person-role{color:#bdd3b9;font-size:13px;letter-spacing:.04em;margin:9px 0 26px}.about-person-description{color:#d9e1d6;line-height:1.75;font-size:17px;max-width:650px;min-height:120px}.about-person h4{font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.17em;color:#a9d486;text-transform:uppercase;margin:26px 0 17px}.about-person ul{list-style:none;margin:0 0 35px;padding:0;display:grid;gap:13px}.about-person li{border-top:1px solid #79907155;padding:12px 0 0;color:#e5efe1;font-size:15px}.about-person-contact{margin-top:auto;padding-top:22px;border-top:1px solid #79907155;display:flex;flex-direction:column;gap:12px}.about-person-contact a{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d9eed0;text-decoration:none;overflow-wrap:anywhere;transition:color .2s}.about-person-contact a:hover,.about-person-contact a:focus-visible{color:#a7dd7b}.about-footnote{color:#b5c9b3;font-size:12px;margin-top:23px}
.about-services{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,7vw,140px);background:#e7ede2;color:#17241c}.about-services h2{font-size:clamp(47px,5.4vw,83px)}.about-service-list{border-top:1px solid #849581;display:flex;flex-direction:column}.about-service-list a{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:15px;padding:24px 0;border-bottom:1px solid #9ba999;transition:color .2s,padding .2s}.about-service-list a:hover,.about-service-list a:focus-visible{color:#57843a;padding-left:8px}.about-service-list a span{color:#69914f;font:700 11px ui-monospace,monospace}.about-service-list a strong{font-size:clamp(17px,2vw,27px);font-weight:540;letter-spacing:-.035em}.about-service-list a i{font-style:normal;font-size:24px}
@media(max-width:960px){.about-intro,.about-services{grid-template-columns:1fr}.about-team-head{display:block}.about-team-head>p{max-width:700px;margin-top:25px}.about-intro h2{font-size:clamp(48px,7vw,76px)}.about-art-center{width:min(33%,210px)}}
@media(max-width:700px){.about-people{grid-template-columns:1fr}.about-team-head{margin-bottom:34px}.about-person h3{margin-top:18px}.about-person-description{min-height:0}.about-intro,.about-team,.about-services{padding:85px 20px}.about-art-center{width:min(39%,195px)}.about-person-monogram{width:60px;height:60px}.about-art-footer{font-size:8px;right:15px}.about-satellite{font-size:8px;padding:7px}.about-team h2,.about-services h2{font-size:clamp(44px,9vw,72px)}}
@media(prefers-reduced-motion:reduce){.about-person,.about-service-list a{transition:none}}

/* Direct contact CTA, discreet and consistent with WIST-IT design */
.about-person-contact .about-contact-button{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;width:fit-content;max-width:100%;padding:12px 15px;border:1px solid #7dac4d;color:#e7f6df;background:#315338;transition:background .22s,color .22s,transform .22s}
.about-person-contact .about-contact-button:hover,.about-person-contact .about-contact-button:focus-visible{background:#7dac4d;color:#132519;transform:translateY(-1px)}
