/* Portrait roster, scoped to the homepage team sections and profile dialog. */
#team.gw-roster{padding-bottom:26px}
#team.gw-roster .lede{max-width:100ch;margin-bottom:24px}
.gw-roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;align-items:start}
.gw-with-portrait{grid-row:span 2}
.gw-text-member{border-top:1px solid var(--line,#d6d4c9);padding-top:17px}
.gw-roster-grid article{min-width:0}
.gw-roster-card{font:inherit;display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;padding:0;color:var(--ink);background:transparent;border:0;border-radius:0;cursor:pointer}
.gw-roster-photo{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:180px;background:var(--paper-2,#e5e3d9);overflow:hidden;margin-bottom:13px}
.gw-roster-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform .2s ease}
.gw-with-portrait .gw-roster-photo img{object-position:50% 25%}
.gw-roster-photo.gw-xiu img{object-position:50% 76%}
.gw-roster-photo b{font:400 40px/1 var(--display);color:var(--stone,#646b5f)}
.gw-roster-photo small{position:absolute;bottom:10px;left:8px;right:8px;font:400 11px/1.4 var(--body);text-align:center;color:var(--stone,#646b5f)}
.gw-roster-name{font:600 17px/1.35 var(--body);display:block}
.gw-roster-zh{display:block;font:400 12px/1.5 var(--body);color:var(--stone,#646b5f);margin-top:2px}
.gw-roster-role{display:block;min-height:38px;font:500 12.5px/1.5 var(--body);color:#bd430f;margin-top:5px}
.gw-roster-read{display:block;font:500 13px/1.4 var(--body);margin-top:7px;text-decoration:underline;text-underline-offset:4px}
.gw-roster-card:hover .gw-roster-read{color:var(--green,#215a49)}
.gw-roster-card:hover img{transform:scale(1.025)}
.gw-roster-card:focus-visible{outline:2px solid var(--green,#215a49);outline-offset:5px}
#team.gw-roster .team-divider{margin-top:26px}
#guides.gw-guide-roster{padding-bottom:32px}
.gw-guide-roster .lede{max-width:95ch;margin-bottom:20px}
.gw-guide-roster .gw-guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.gw-guide-row{display:flex;align-items:center;gap:14px;min-width:0}
.gw-guide-initial{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:var(--paper-2,#e5e3d9);font:500 17px/1 var(--body);color:var(--stone,#646b5f)}
.gw-guide-row h3{font:600 17px/1.4 var(--body);margin:0}
.gw-guide-row .gw-guide-cn{font:400 12px/1.4 var(--body);color:var(--stone,#646b5f);margin-left:6px}
.gw-guide-row p{font:400 14px/1.5 var(--body);margin:3px 0 0;color:var(--stone,#646b5f)}
.gw-management-preview{padding:0 0 40px;scroll-margin-top:var(--gw-nav-clearance,108px)}
.gw-management-preview .wrap{border-top:1px solid var(--line,#d6d4c9);padding-top:24px}
.gw-management-preview h2{font:400 40px/1.1 var(--display);text-transform:uppercase;margin:0 0 24px}
.gw-management-positions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.gw-management-positions article{display:grid;grid-template-columns:130px minmax(0,1fr);gap:17px;align-items:center;min-width:0}
.gw-management-positions h3{font:600 17px/1.35 var(--body);margin:0}
.gw-management-positions .gw-management-zh{font:400 13px/1.5 var(--body);display:block;margin:4px 0 0;color:var(--stone,#646b5f)}
.gw-management-positions p{font:400 13px/1.6 var(--body);margin:9px 0 0;color:#bd430f}
.gw-management-portrait{height:130px;width:130px;overflow:hidden;background:var(--paper-2,#e5e3d9)}
.gw-management-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.gw-management-placeholder{display:grid;place-items:center;font:400 12px/1.5 var(--body);color:var(--stone,#646b5f)}
@media(min-width:1001px) and (max-width:1200px){.gw-management-positions article{grid-template-columns:100px minmax(0,1fr);gap:12px}.gw-management-portrait{height:100px;width:100px}}
#gw-team-profile{width:min(760px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line,#d6d4c9);border-radius:0;background:var(--paper,#f7f4ec);color:var(--ink,#191e17);overflow:auto;font-family:var(--body)}
#gw-team-profile::backdrop{background:rgba(12,20,15,.7)}
.gw-profile-inner{padding:27px}
.gw-profile-close{display:block;margin:0 0 22px auto;font:500 15px/1.4 var(--body);padding:10px 16px;background:transparent;color:inherit;border:1px solid var(--line,#d6d4c9);border-radius:0;cursor:pointer}
.gw-profile-close:focus-visible{outline:2px solid var(--green,#215a49);outline-offset:3px}
.gw-profile-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start}
.gw-profile-layout.gw-profile-text{grid-template-columns:1fr}
#gw-team-profile .gw-roster-photo{height:260px}
#gw-team-profile h2{font:600 25px/1.25 var(--body);text-transform:none;margin:0 0 5px}
#gw-team-profile .gw-roster-role{min-height:0;margin-top:8px;font-size:14px}
.gw-profile-bio{font:400 15px/1.65 var(--body);color:var(--stone,#646b5f);margin-top:16px}
.gw-profile-bio ul{padding-left:18px;margin:14px 0 0}
.gw-profile-bio li{margin-bottom:7px}
.gw-profile-figs{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line,#d6d4c9);padding-top:14px;margin-top:18px}
.gw-profile-figs b{font:400 25px/1 var(--display);display:block}
.gw-profile-figs span{font:400 11px/1.4 var(--body);color:var(--stone,#646b5f);display:block;margin-top:5px}
@media(max-width:1000px){.gw-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gw-roster-photo{height:190px}}
@media(max-width:600px){.gw-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.gw-roster-photo{height:165px}.gw-guide-roster .gw-guide-list,.gw-management-positions{grid-template-columns:1fr;gap:18px}.gw-profile-layout{grid-template-columns:1fr}.gw-profile-layout>.gw-roster-photo{width:180px}.gw-profile-inner{padding:22px}}
@media(prefers-reduced-motion:reduce){.gw-roster-photo img{transition:none}.gw-roster-card:hover img{transform:none}}
