.team-board__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;}
.team-board__hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-right:6px;}
.team-board__button{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.06em;
  background:transparent;color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;
  padding:13px 20px;cursor:pointer;}
.team-board__button:hover{border-color:var(--tungsten-deep);color:var(--tungsten-ink);}
.team-board__button[aria-pressed="true"]{background-color:var(--ink);color:var(--paper);}
.team-board{
  position:relative;isolation:isolate;margin-top:24px;min-height:320px;border-radius:22px;overflow:hidden;
  background-color:var(--ink-2);
  background-image:
    linear-gradient(color-mix(in srgb, var(--tungsten) 22%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--tungsten) 22%, transparent) 1px, transparent 1px),
    linear-gradient(color-mix(in srgb, var(--paper) 6%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--paper) 6%, transparent) 1px, transparent 1px);
  background-size:200px 200px,200px 200px,40px 40px,40px 40px;background-position:-1px -1px;
  box-shadow:inset 0 0 0 1px var(--ink-3),0 30px 50px -30px rgb(23 25 29 / .6);
  transition:height .6s cubic-bezier(.2,.8,.2,1);
}
.team-board__ruler{position:absolute;left:0;right:0;top:0;height:26px;pointer-events:none;
  background:
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--paper) 35%, transparent) 0 1px, transparent 1px 40px),
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--paper) 55%, transparent) 0 1px, transparent 1px 200px);
  background-size:100% 8px,100% 14px;background-repeat:no-repeat;}
.team-board__mark{position:absolute;right:16px;bottom:12px;pointer-events:none;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:color-mix(in srgb, var(--paper) 35%, transparent);}
.team-board__hand{position:absolute;left:0;top:0;width:clamp(90px,13vw,150px);height:auto;z-index:500;
  pointer-events:none;filter:drop-shadow(0 6px 8px rgb(0 0 0 / .4));
  animation:team-nudge 2.4s cubic-bezier(.2,.8,.2,1) infinite;transition:opacity .4s;}
.team-board__hand.is-dismissed{opacity:0;}
@keyframes team-nudge{
  0%,100%{transform:translate(0,0) rotate(-18deg);}
  45%,60%{transform:translate(-14px,-10px) rotate(-22deg);}
}
.sticker{
  position:absolute;left:0;top:0;width:10%;transform:rotate(var(--r,0deg));
  filter:drop-shadow(0 1px 0 rgb(0 0 0 / .18)) drop-shadow(0 10px 14px rgb(0 0 0 / .35));
  cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;
  transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),
             width .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);
}
.sticker img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none;}
.sticker__face{background:var(--paper-3);padding:6px;border-radius:12px;}
.sticker__face img{border-radius:8px;}
.sticker--round .sticker__face{border-radius:50%;}
.sticker--round img{aspect-ratio:1;object-fit:cover;border-radius:50%;}
.sticker--cut{
  filter:drop-shadow(3px 0 0 var(--paper-3)) drop-shadow(-3px 0 0 var(--paper-3))
         drop-shadow(0 3px 0 var(--paper-3)) drop-shadow(0 -3px 0 var(--paper-3))
         drop-shadow(0 10px 12px rgb(0 0 0 / .35));
}
.sticker--bordered{filter:drop-shadow(0 10px 12px rgb(0 0 0 / .35));}
.sticker.is-dragging{cursor:grabbing;transition:none;transform:rotate(calc(var(--r,0deg) * .5)) scale(1.05);
  filter:drop-shadow(0 26px 26px rgb(0 0 0 / .55));}
.sticker--cut.is-dragging{
  filter:drop-shadow(3px 0 0 var(--paper-3)) drop-shadow(-3px 0 0 var(--paper-3))
         drop-shadow(0 3px 0 var(--paper-3)) drop-shadow(0 -3px 0 var(--paper-3))
         drop-shadow(0 26px 22px rgb(0 0 0 / .55));
}
.sticker--bordered.is-dragging{filter:drop-shadow(0 26px 22px rgb(0 0 0 / .55));}
.team-board.is-placing,
.team-board.is-placing .sticker{transition:none;}
.polaroid{container-type:inline-size;}
.polaroid__frame{background:var(--paper);padding:7px 7px 0;border-radius:3px;}
.polaroid__photo{aspect-ratio:1;object-fit:cover;border-radius:1px;}
.polaroid__caption{margin:0;padding:12px 3px 18px;}
.polaroid__name{display:block;font-family:var(--font-display);font-weight:500;
  font-size:clamp(13px,1.35vw,18px);line-height:1;letter-spacing:-.01em;color:var(--ink);}
.polaroid__role{display:block;margin-top:6px;font-family:var(--font-mono);font-weight:500;
  font-size:max(7.5px, min(9px, 6.4cqw));line-height:1.3;letter-spacing:.08em;
  text-transform:uppercase;color:var(--tungsten-ink);}
.polaroid::before{content:"";position:absolute;z-index:2;left:50%;top:-11px;width:48%;height:24px;
  transform:translateX(-50%) rotate(-4deg);
  background:color-mix(in srgb, var(--line) 82%, transparent);box-shadow:0 1px 2px rgb(0 0 0 / .15);
  clip-path:polygon(0 10%,6% 0,12% 12%,19% 2%,26% 10%,33% 0,41% 10%,49% 1%,57% 11%,64% 0,72% 9%,80% 1%,88% 10%,94% 0,100% 8%,
    100% 92%,94% 100%,87% 90%,80% 99%,72% 90%,64% 100%,56% 91%,48% 99%,40% 90%,32% 100%,24% 91%,16% 99%,8% 90%,0 100%);}
.polaroid--tape-right::before{transform:translateX(-50%) rotate(3deg);}

.team-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;padding:0;list-style:none;}
.team-card{background:var(--paper-3);border-radius:16px;padding:22px 22px 24px;
  box-shadow:0 1px 0 rgb(0 0 0 / .06),0 14px 24px -16px rgb(23 25 29 / .35);transform:rotate(var(--tilt,0deg));}
.team-card:nth-child(1){--tilt:-.6deg;}
.team-card:nth-child(2){--tilt:.5deg;}
.team-card:nth-child(3){--tilt:-.3deg;}
.team-card:nth-child(4){--tilt:.7deg;}
.team-card__role{display:block;font-family:var(--font-mono);font-size:11px;line-height:1.4;
  letter-spacing:.16em;text-transform:uppercase;color:var(--tungsten-ink);}
.team-card h2{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.05;
  letter-spacing:-.02em;margin:8px 0 0;}
.team-card p{color:var(--muted);font-size:14.5px;margin:12px 0 0;}
.team-card__links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;}
.team-card__links a{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
  color:var(--link);text-decoration:underline;text-underline-offset:4px;}
.team-card__links a:hover{color:var(--link-hover);}
.team-tags{display:flex;flex-wrap:wrap;gap:8px 6px;padding:0;margin:16px 0 0;list-style:none;}
.team-tags li{font-family:var(--font-mono);font-size:10.5px;font-weight:500;line-height:1;letter-spacing:.12em;
  text-transform:uppercase;padding:8px 11px;border-radius:999px;background:var(--ink);color:var(--paper);
  box-shadow:0 0 0 3px var(--paper-3),0 4px 8px -2px rgb(0 0 0 / .35);}
.team-tags li:nth-child(3n+2){background:var(--tungsten);color:var(--ink);transform:rotate(-2deg);}
.team-tags li:nth-child(3n+3){background:var(--paper);color:var(--ink);transform:rotate(1.5deg);}

@media (max-width:1000px){
  .team-cards{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .team-cards{grid-template-columns:1fr;}
  .team-board__tools{justify-content:flex-start;}
}
@media (prefers-reduced-motion:reduce){
  .team-board,.sticker{transition:none;}
  .team-board__hand{animation:none;transform:rotate(-18deg);}
}
