/* ============ TEAM: Lime-Schein von unten, Kulissenschrift, Portraetkarten mit Mitspieler-Cursorn ============ */
#team{overflow:hidden;isolation:isolate;padding-bottom:0}
#team .tm-top{position:relative;padding-bottom:40px}
#team .tm-bg{position:absolute;left:50%;top:-80px;bottom:-260px;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 220px);mask-image:linear-gradient(180deg,transparent 0,#000 220px)}
#team .tm-glow{position:absolute;inset:0;
  background:
    radial-gradient(58% 62% at 50% 52%,rgba(194,242,28,.62) 0%,rgba(216,247,92,.5) 30%,rgba(216,247,92,.3) 58%,rgba(216,247,92,0) 88%),
    radial-gradient(30% 40% at 20% 86%,rgba(216,247,92,.4),rgba(216,247,92,0) 70%),
    radial-gradient(30% 40% at 80% 90%,rgba(216,247,92,.36),rgba(216,247,92,0) 70%);
  filter:blur(48px)}
#team .tm-grid{position:absolute;inset:0;opacity:.9}

#team .tm-head{margin:0 auto;align-items:center;text-align:center}
#team .tm-ghost{position:relative;z-index:0;margin:26px 0 0;text-align:center;white-space:nowrap;
  font-size:clamp(48px,8.6vw,124px);line-height:.9;
  background-image:linear-gradient(180deg,#141414 20%,#4A4F45 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#team .tm-ghost .tm-br{display:none}

/* Reihe der Portraetkarten */
#team .tm-row{position:relative;z-index:1;list-style:none;margin:calc(clamp(48px,8.6vw,124px) * -.12) 0 0;padding:0;display:flex;justify-content:center;align-items:flex-start;gap:clamp(20px,3.4vw,44px)}
#team .tm-slot{position:relative;flex:0 0 auto}
#team .tm-slot--1{z-index:3}
#team .tm-slot--2{z-index:2}
#team .tm-slot--3{z-index:1}
#team .tm-slot--1{transform:translateY(22px)}
#team .tm-slot--2{transform:translateY(-6px)}
#team .tm-slot--3{transform:translateY(30px)}
#team .tm-card{position:relative;margin:0;width:220px;aspect-ratio:22/29;padding:7px;border-radius:18px;transition:transform .6s var(--ease)}
#team .tm-slot--1 .tm-card,#team .tm-slot--3 .tm-card{transform:rotate(-3deg)}
#team .tm-slot--2 .tm-card{transform:rotate(3deg)}
#team .tm-slot:hover .tm-card{transform:rotate(0deg) translateY(-6px)}
#team .tm-img{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:var(--band)}
#team .tm-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}

/* Wolfgang: Lime-Flaeche, bereinigter Ausschnitt ab Helm (v3/media/wolfgang-peek.webp), unten buendig */
#team .tm-img--wolf{background:
  radial-gradient(70% 55% at 62% 30%,#F6FFD2 0%,rgba(246,255,210,0) 70%),
  linear-gradient(180deg,#DDF96A 0%,#C2F21C 70%,#B2DE16 100%)}
#team .tm-img--wolf::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,23,12,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,23,12,.06) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent)}
#team .tm-img--wolf img{inset:auto;left:-4%;bottom:0;top:auto;width:108%;height:auto;object-fit:initial;
  filter:drop-shadow(0 16px 22px rgba(40,52,8,.28))}

#team .tm-role{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;margin:0;font-size:10.5px;padding:7px 12px}
#team .tm-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Mitspieler-Cursor */
#team .tm-cur{position:absolute;z-index:3;pointer-events:none;display:block;animation:tm-drift-a 8s ease-in-out infinite}
#team .tm-cur svg{display:block;width:20px;height:26px;filter:drop-shadow(0 4px 8px rgba(20,23,12,.25))}
#team .tm-cur .v3-tag{position:absolute;left:15px;top:22px}
#team .tm-slot--1 .tm-cur{left:-30px;top:56%;animation-name:tm-drift-a;animation-duration:8.5s}
#team .tm-slot--2 .tm-cur{left:-28px;top:26%;animation-name:tm-drift-b;animation-duration:9.5s;animation-delay:-3s}
#team .tm-slot--3 .tm-cur{right:-18px;top:58%;animation-name:tm-drift-c;animation-duration:10.5s;animation-delay:-6s}
#team.is-off .tm-cur{animation-play-state:paused}
@keyframes tm-drift-a{0%,100%{transform:translate(0,0)}30%{transform:translate(-14px,10px)}65%{transform:translate(8px,-8px)}}
@keyframes tm-drift-b{0%,100%{transform:translate(0,0)}35%{transform:translate(12px,14px)}70%{transform:translate(-6px,4px)}}
@keyframes tm-drift-c{0%,100%{transform:translate(0,0)}40%{transform:translate(-10px,-12px)}75%{transform:translate(6px,6px)}}

/* Runde Kante: der naechste Block waechst als Bogen in den Schein hinein */
#team .tm-cap{position:relative;z-index:2;margin-top:70px;padding:120px 0 104px}
#team .tm-cap::before{content:"";position:absolute;z-index:-1;left:50%;top:0;bottom:0;width:max(135%,1500px);transform:translateX(-50%);
  background:var(--bg);border-radius:50% 50% 0 0 / 220px 220px 0 0;box-shadow:0 -1px 0 rgba(255,255,255,.9),0 -30px 60px rgba(255,255,255,.35)}
#team .tm-nums{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 64px;max-width:900px;margin:0 auto 56px;padding:0 0 48px;border-bottom:1px solid var(--line)}
#team .tm-nums li{display:flex;align-items:center;gap:22px}
#team .tm-num{margin:0;flex:none;display:flex;align-items:flex-start;font:900 clamp(56px,5.4vw,76px)/.9 "WGB Archivo",sans-serif;--wgb-ff:"WGB Archivo",sans-serif;letter-spacing:-.045em}
#team .tm-num .wgfx-count{background:linear-gradient(180deg,#141414 20%,#4A4F45 95%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
#team .tm-unit{font-size:.5em;line-height:1;margin:.1em 0 0 .04em;color:var(--lime-text);letter-spacing:0}
#team .tm-num-t{margin:0;font-size:17px;line-height:1.5;color:var(--muted);max-width:28ch}
#team .tm-num-t strong{color:var(--ink);font-weight:500}
#team .tm-about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 64px;max-width:900px;margin:0 auto}
#team .tm-about p{margin:0;font-size:18px;line-height:1.6;color:var(--muted)}
#team .tm-about strong{display:block;margin-bottom:6px;font:800 22px/1.2 "WGB Archivo",sans-serif;--wgb-ff:"WGB Archivo",sans-serif;letter-spacing:-.02em;color:var(--ink)}
#team .tm-close{margin:56px auto 0;max-width:1000px;text-align:center;font:800 clamp(26px,3vw,38px)/1.15 "WGB Archivo",sans-serif;--wgb-ff:"WGB Archivo",sans-serif;letter-spacing:-.03em}

@media (max-width:900px){
  #team .tm-bg{top:-84px;bottom:-200px}
  #team .tm-ghost{white-space:normal;font-size:clamp(52px,15.5vw,110px);line-height:.88}
  #team .tm-ghost .tm-br{display:inline}
  #team .tm-row{margin-top:6px;flex-wrap:wrap;gap:14px 16px;max-width:360px;margin-left:auto;margin-right:auto}
  #team .tm-card{width:clamp(132px,40vw,160px);padding:5px;border-radius:14px}
  #team .tm-img{border-radius:10px}
  #team .tm-slot--1{transform:none}
  #team .tm-slot--2{transform:translateY(22px)}
  #team .tm-slot--3{transform:none;margin-top:-6px}
  #team .tm-role{bottom:10px;font-size:9px;padding:6px 9px;gap:6px}
  #team .tm-slot--3 .tm-cur{display:none}
  #team .tm-slot--1 .tm-cur{left:-12px;top:52%}
  #team .tm-slot--2 .tm-cur{left:-12px;top:34%}
  #team .tm-cap{margin-top:40px;padding:84px 0 84px}
  #team .tm-cap::before{border-radius:50% 50% 0 0 / 90px 90px 0 0;width:max(220%,700px)}
  #team .tm-nums{grid-template-columns:1fr;gap:18px;margin-bottom:40px;padding-bottom:36px}
  #team .tm-num{font-size:56px;min-width:2.1em}
  #team .tm-num-t{font-size:16px}
  #team .tm-about{grid-template-columns:1fr;gap:22px}
  #team .tm-about p{font-size:17px}
  #team .tm-close{margin-top:40px;font-size:24px}
}
@media (prefers-reduced-motion:reduce){
  #team .tm-cur{animation:none}
  #team .tm-card{transition:none}
}