#span-team-section.span-core-section{
  width:100%!important;
  background:#fff!important;
  padding:clamp(54px,7vw,96px) clamp(28px,4vw,72px)!important;
}

.span-core-shell{
  max-width:1500px!important;
  margin:0 auto!important;
}

.span-core-label{
  font-family:"Futura Now Headline","Futura PT","Futura","Jost",sans-serif!important;
  font-size:clamp(26px,2.2vw,36px)!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:400!important;
  color:#111!important;
  text-transform:uppercase!important;
  margin:0 0 clamp(34px,5vw,70px)!important;
  scroll-margin-top:96px!important;
}

/* ---- Founders: reference layout — photo left, centred name / role /
   LinkedIn pill beside it, three founders across on desktop ---- */

.span-core-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(22px,2.4vw,44px)!important;
  align-items:start!important;
}

.span-core-person,
.span-core-person:nth-child(even),
.span-core-person:nth-child(3){
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:18px!important;
  min-height:0!important;
  padding:0!important;
  grid-template-columns:unset!important;
  cursor:pointer!important;
}

.span-core-person:nth-child(even) .span-core-photo,
.span-core-person:nth-child(even) .span-core-info{
  order:initial!important;
  justify-self:auto!important;
}

.span-core-photo{
  flex:0 0 auto!important;
  width:100%!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  background:#e8edf3!important;
}

.span-core-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 45%!important;
  display:block!important;
  filter:none!important;
}

.span-core-info{
  flex:1!important;
  width:auto!important;
  padding:0!important;
  cursor:default!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.span-core-name{
  font-family:"Helvetica Neue",Inter,"Neue Haas Unica W1G",Helvetica,Arial,sans-serif!important;
  font-size:clamp(18px,1.35vw,24px)!important;
  line-height:1.12!important;
  letter-spacing:.04em!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  color:#111!important;
  margin:0 0 8px!important;
}

.span-core-role{
  font-family:"Helvetica Neue",Inter,"Neue Haas Unica W1G",Helvetica,Arial,sans-serif!important;
  font-size:clamp(10px,.8vw,12.5px)!important;
  line-height:1.4!important;
  letter-spacing:.12em!important;
  font-weight:500!important;
  text-transform:uppercase!important;
  color:#9aa3ab!important;
  margin:0 0 16px!important;
}

/* brief hidden until the card (photo or text) is hovered/focused */
.span-core-brief{
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  transform:translateY(-8px)!important;
  transition:max-height .5s ease,opacity .3s ease,transform .4s ease,margin-top .4s ease!important;
  margin-top:0!important;
}

.span-core-person:hover .span-core-brief,
.span-core-person:focus-within .span-core-brief{
  max-height:240px!important;
  opacity:1!important;
  transform:translateY(0)!important;
  margin-top:14px!important;
}

.span-core-bio{
  font-family:"Helvetica Neue",Inter,"Neue Haas Unica W1G",Helvetica,Arial,sans-serif!important;
  max-width:280px!important;
  font-size:clamp(12.5px,.95vw,14px)!important;
  line-height:1.55!important;
  color:#5b6470!important;
  font-weight:300!important;
  margin:0!important;
}

/* ---- Team grid below (unchanged) ---- */

.span-studio-team{
  max-width:1500px!important;
  margin:clamp(60px,8vw,110px) auto 0!important;
  border-top:1px solid rgba(0,0,0,.12)!important;
  padding-top:36px!important;
}

.span-studio-team-title{
  font-family:"Helvetica Neue",Inter,"Neue Haas Unica W1G",Helvetica,Arial,sans-serif!important;
  font-size:clamp(22px,2vw,30px)!important;
  letter-spacing:.14em!important;
  font-weight:400!important;
  text-transform:uppercase!important;
  color:#111!important;
  margin:0 0 28px!important;
}

.span-studio-lead-row,
.span-studio-team-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px!important;
}

/* Keep the associate architect lead card separate, then fit the rest of the
   studio into a compact seven-column row on desktop. */
.span-studio-team-grid{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
}

.span-studio-lead-row{
  margin-bottom:24px!important;
}

.span-studio-team-break{
  width:100%!important;
  height:1px!important;
  background:rgba(0,0,0,.12)!important;
  margin:0 0 24px!important;
}

.span-studio-member{
  background:#fff!important;
  border:1px solid rgba(0,0,0,.08)!important;
  overflow:hidden!important;
}

.span-studio-member-photo{
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#fff!important;
}

.span-studio-member-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  display:block!important;
}

/* Chanchal's portrait is a tall source image; crop it to the same half-body
   framing as the rest of the team portraits. */
.span-studio-member-photo img[alt="Chanchal Agrawal"]{
  object-fit:cover!important;
  object-position:center top!important;
}

.span-studio-member-info{
  min-height:84px!important;
  padding:16px!important;
}

.span-studio-member strong{
  font-family:"Helvetica Neue",Inter,"Neue Haas Unica W1G",Helvetica,Arial,sans-serif!important;
  display:block!important;
  font-size:16px!important;
  line-height:1.15!important;
  color:#111!important;
  font-weight:700!important;
  margin:0 0 7px!important;
}

.span-studio-member span{
  font-family:"Helvetica Neue",Inter,"Neue Haas Unica W1G",Helvetica,Arial,sans-serif!important;
  display:block!important;
  font-size:11px!important;
  line-height:1.3!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#69717b!important;
}

.span-studio-team-grid .span-studio-member-info{
  min-height:58px!important;
  padding:8px!important;
}

.span-studio-team-grid .span-studio-member strong{
  font-size:12px!important;
  margin:0 0 4px!important;
}

.span-studio-team-grid .span-studio-member span{
  font-size:9px!important;
  letter-spacing:.08em!important;
}

/* ---- responsive ---- */

@media(max-width:1100px){
  .span-core-list{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }
  .span-studio-lead-row{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .span-studio-team-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:720px){
  #span-team-section.span-core-section{
    padding:46px 20px 64px!important;
  }
  .span-studio-lead-row,
  .span-studio-team-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

@media(max-width:560px){
  .span-core-person,
  .span-core-person:nth-child(even),
  .span-core-person:nth-child(3){
    flex-direction:column!important;
    gap:16px!important;
  }
  .span-core-photo{
    flex:0 0 auto!important;
    width:min(300px,78vw)!important;
  }
}

@media(max-width:480px){
  .span-studio-lead-row,
  .span-studio-team-grid{
    grid-template-columns:1fr!important;
  }
}
