.meta span{display:flex;gap:9px;align-items:center}
.meta i{font-size:12px;font-style:normal}
.share{display:none}

/* The outer container includes its own gutters so fixed grid tracks never
   make the document wider than the viewport. */
html,body{max-width:100%;overflow-x:clip}
.page{width:100%;max-width:1440px;padding:64px;grid-template-columns:minmax(360px,38%) minmax(0,1fr)}
.projects{width:100%;min-width:0}
.projects{display:block}
.group{margin-bottom:40px}
.group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 16px}
.group-title{margin:0;font-size:24px;line-height:1.2}
.group-count{background:#eee;color:#444;font-size:13px;font-weight:600;line-height:1;padding:4px 9px;border-radius:999px}
.group-sub{margin:0;color:#666;font-size:15px}
.group-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.card,.card-top,.desc{min-width:0}
.desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.icon,.category{flex:none}
.name{min-width:0;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1180px){
  .page{display:block;padding:24px;max-width:820px}
  .profile{min-height:0;margin-bottom:32px;border-bottom:2px solid #d4d4d4;padding-bottom:18px}
  .profile-inner{position:static;width:100%;max-width:none;display:grid;grid-template-columns:80px minmax(0,1fr) 34px;column-gap:16px;align-items:start}
  .avatar{width:80px;height:80px;margin:0;grid-column:1;grid-row:1}
  .identity{grid-column:2;grid-row:1}
  .identity h1{font-size:20px;line-height:1.2;letter-spacing:-.3px;margin:3px 0 8px}
  .meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:16px}
  .share{display:block;grid-column:3;grid-row:1;width:32px;height:32px;border:0;border-radius:9px;background:#e6ad25;font-size:22px;line-height:1;cursor:pointer}
  .tagline,.team-label,.team-list,.contact{grid-column:1/-1}
  .tagline{margin:22px 0 13px}
  .team-label{margin-bottom:8px}
  .team-list{margin-bottom:12px}
  .contact{margin-bottom:4px}
  .projects{width:100%}
  .group-grid{grid-template-columns:1fr;gap:16px}
  .card{padding:17px 16px}
  .desc{margin-top:4px}
}

@media(max-width:520px){
  .profile{margin-bottom:28px;padding-bottom:30px}
  .profile-inner{grid-template-columns:80px minmax(0,1fr) 32px;column-gap:16px}
  .tagline{font-size:16px;white-space:nowrap}
  .team-label,.team-list li{font-size:16px}
  .projects{gap:16px}
  .card{border-radius:15px}
  .name{font-size:16px}
  .desc{font-size:12px}
}