/* SkyXTalente – Über uns (Lime/Schwarz) */
.about-hero{position:relative;overflow:hidden;color:#fff;padding-top:calc(var(--header-h) + 24px);
  background:radial-gradient(70% 55% at 6% 0%,rgba(194,242,0,.16) 0%,rgba(194,242,0,.04) 42%,transparent 70%),radial-gradient(55% 45% at 88% 6%,rgba(194,242,0,.08) 0%,transparent 70%),linear-gradient(180deg,#161616 0%,#0e0e0e 50%,#060606 100%)}
.about-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:end}
.about-hero-copy{padding-bottom:90px}
.about-hero-visual{position:relative;display:flex;justify-content:flex-end}
.about-hero-visual img{display:block;width:118%;max-width:640px;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%);transform:translateX(4%)}
.about-badge{left:0;bottom:24%;display:flex;align-items:center;gap:12px;padding:14px 18px}
.about-badge p{margin:0!important;font-size:13px!important;line-height:1.4!important;text-transform:none!important;letter-spacing:0!important}
.about-badge b{color:#c2f200}
.city-badge-dot{width:12px;height:12px;border-radius:50%;background:#c2f200;flex:0 0 auto;animation:kickPulse 1.8s infinite}
@keyframes kickPulse{0%{box-shadow:0 0 0 0 rgba(194,242,0,.6)}70%{box-shadow:0 0 0 9px rgba(194,242,0,0)}100%{box-shadow:0 0 0 0 rgba(194,242,0,0)}}

.about-narrow{max-width:960px;text-align:center}
.about-quote{font:800 clamp(24px,2.7vw,38px)/1.22 var(--head);text-transform:uppercase;letter-spacing:-.01em;margin:8px 0 40px}
.about-quote mark{background:linear-gradient(180deg,transparent 52%,#c2f200 52%,#c2f200 92%,transparent 92%);color:#0b0b0b;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;text-align:left}
.about-cols p{font-size:16.5px;line-height:1.7;color:#1a1a1a}

.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:980px;margin:0 auto}
.team-card{display:grid;grid-template-columns:200px minmax(0,1fr);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 30px 60px -44px rgba(0,0,0,.4);transition:transform .4s var(--ease)}
.team-card:hover{transform:translateY(-5px)}
.team-photo{background:#f4f4f4;overflow:hidden}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .8s var(--ease)}
.team-card:hover .team-photo img{transform:scale(1.05)}
.team-body{padding:26px 26px 28px}
.team-role{display:inline-block;font:700 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;background:#c2f200;color:#0b0b0b;padding:6px 10px;border-radius:999px;margin-bottom:12px}
.team-body h3{font:800 24px/1.1 var(--head);text-transform:uppercase;margin-bottom:12px}
.team-body p:not(.team-role){font-size:15px;line-height:1.55;color:#333}

.promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.promise-grid li{padding:26px 24px;border-radius:20px;background:#f6f6f6;border-top:4px solid #c2f200;transition:transform .35s var(--ease),background .35s}
.promise-grid li:hover{transform:translateY(-5px);background:#0b0b0b;color:#fff}
.promise-grid b{display:block;font:800 30px/1 var(--head);color:#9ccc00;margin-bottom:14px}
.promise-grid h3{font:800 18px/1.2 var(--head);text-transform:uppercase;margin-bottom:10px}
.promise-grid p{font-size:15px;line-height:1.5;color:#333}
.promise-grid li:hover p{color:#d6d6d6}
.about-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:50px}
.about-link{display:inline-flex;align-items:center;gap:14px;padding:14px 20px;border-radius:999px;border:1.5px solid #0b0b0b;font-weight:700;font-size:15px;transition:all .3s var(--ease)}
.about-link i{font-style:normal;transition:transform .3s var(--ease)}
.about-link:hover{background:#c2f200}
.about-link:hover i{transform:translateX(4px)}

@media (max-width:1080px){
  .promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-grid{grid-template-columns:1fr;max-width:620px}
}
@media (max-width:980px){
  .about-hero-inner{grid-template-columns:minmax(0,1fr)}
  .about-hero-copy{padding-bottom:10px}
  .about-hero-visual{max-width:520px;margin:20px auto 0;width:100%}
  .about-hero-visual img{width:100%;transform:none}
  .about-cols{grid-template-columns:1fr;gap:18px}
}
@media (max-width:720px){
  .team-card{grid-template-columns:1fr}
  .team-photo{height:320px}
  .promise-grid{grid-template-columns:1fr}
  .about-badge{bottom:16%;padding:10px 12px}
  .about-narrow{text-align:left}
}