.topbar .venue-mark,
.office-brand .topbar .venue-mark {
  flex: 0 1 280px;
  width: clamp(160px,18vw,280px);
  min-width: 140px;
  max-width: 280px;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
.topbar .venue-mark img,
.office-brand .topbar .venue-mark img {
  flex: 0 1 auto;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0;
  object-fit: contain;
  object-position: center;
}
.team-showcase {
  width: 100%;
  padding: 34px var(--restaurant-site-gutter,clamp(18px,3vw,56px)) 40px;
  background: linear-gradient(180deg,#fff,#f4f8fa);
  border-bottom: 1px solid #d5e0e5;
}
.team-showcase-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.team-showcase-head small { color:#08745f; font-weight:950; letter-spacing:.15em; }
.team-showcase-head h2 { margin:4px 0 0; font:800 clamp(30px,3vw,46px)/1 Georgia,serif; color:#09243d; }
.team-showcase-head p { max-width:620px; margin:0; color:#52697a; }
.team-showcase-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; }
.team-member-card { min-width:0; overflow:hidden; border:1px solid #d5e0e5; border-radius:18px; background:#fff; box-shadow:0 12px 28px #09243d12; }
.team-member-photo { position:relative; aspect-ratio:1/1; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#dcecf2,#b9d6df); color:#0b2d49; font-size:34px; font-weight:950; }
.team-member-photo img { width:100%; height:100%; object-fit:cover; }
.team-presence { position:absolute; top:9px; right:9px; display:flex; align-items:center; gap:5px; padding:5px 7px; border-radius:999px; background:#fffffff2; color:#425968; font-size:9px; font-weight:950; box-shadow:0 4px 12px #0002; }
.team-presence i { width:8px; height:8px; border-radius:50%; }
.team-presence.checked-in i { background:#18b978; box-shadow:0 0 0 3px #18b97822; }
.team-member-info { display:grid; gap:4px; padding:12px; }
.team-member-info h3 { margin:0; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#09243d; white-space:nowrap; }
.team-member-info > span { color:#08745f; font-size:12px; font-weight:850; }
.team-member-info small { min-height:30px; color:#607684; font-size:10px; line-height:1.45; }
.team-member-info a,.team-member-info .team-sample-action { margin-top:5px; padding:7px 9px; border:1px solid #bfd0d7; border-radius:999px; background:#fff; color:#0b638d; font-size:11px; font-weight:900; text-align:center; text-decoration:none; }
.team-member-info .team-sample-action:disabled { cursor:default; opacity:1; }
.team-empty { grid-column:1/-1; padding:28px; border:1px dashed #b9cbd2; border-radius:18px; color:#52697a; text-align:center; }
@media(max-width:1200px){.team-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
  .topbar .venue-mark,.office-brand .topbar .venue-mark{width:120px;min-width:100px;max-width:120px;height:72px}
  .team-showcase{padding-inline:14px}
  .team-showcase-head{display:grid}
  .team-showcase-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 24px 16px;margin-inline:-14px;scroll-padding-inline:24px;scrollbar-width:none}
  .team-showcase-grid::-webkit-scrollbar{display:none}
  .team-member-card{flex:0 0 154px;scroll-snap-align:start}
}
