/* WebPies — Team page styles.
   Compiled from scss/sections/team.scss. */

/* Founder cards: portrait zoom + link row lift */
.team-founder .team-photo{ overflow: hidden; border-radius: 1rem; }
.team-founder .team-photo img{ transition: transform .9s cubic-bezier(.16,1,.3,1); will-change: transform; }
.team-founder:hover .team-photo img{ transform: scale(1.04); }

/* Network cards: hover-reveal "owns" overlay */
.net-card{ position: relative; }
.net-photo{ position: relative; overflow: hidden; border-radius: 1rem; }
.net-photo img{ width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.16,1,.3,1); display: block; }
.net-card:hover .net-photo img{ transform: scale(1.07); }
.net-overlay{
  position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 16px;
  background: linear-gradient(to top, rgba(13,15,18,.82) 0%, rgba(13,15,18,.1) 55%, transparent 100%);
  opacity: 0; transition: opacity .35s ease;
}
.net-card:hover .net-overlay{ opacity: 1; }
.net-overlay p{ color: #f5f1ea; font-size: 13px; line-height: 1.45; transform: translateY(8px); transition: transform .4s cubic-bezier(.16,1,.3,1); }
.net-card:hover .net-overlay p{ transform: translateY(0); }
.net-tag{
  position: absolute; top: 12px; left: 12px; z-index: 2; font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #0d0f12;
  background: var(--lime); padding: 3px 8px; border-radius: 999px; opacity: 0; transform: translateY(-4px);
  transition: opacity .3s ease, transform .3s ease;
}
.net-card:hover .net-tag{ opacity: 1; transform: translateY(0); }

/* Culture principles */
.culture-card{ padding: 28px; position: relative; transition: background .3s ease, transform .3s ease; }
.culture-card:hover{ background: var(--cream-2); transform: translateY(-3px); }
html.theme-dark .culture-card:hover{ background: rgba(245,241,234,.04); }
.culture-card .cu-icon{
  width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center;
  background: var(--ink); color: var(--lime); margin-bottom: 18px;
}
html.theme-dark .culture-card .cu-icon{ background: var(--lime); color: var(--ink); }

/* ===== People grid (uses the shared hover-reveal feature: assets/css/hover-reveal.css) ===== */
.people-grid{ position: relative; }
.net-card{ display: block; color: inherit; text-decoration: none; }
/* role tag always visible (restored card look) */
.net-card .net-tag{ opacity: 1; transform: none; }