/* Scoped homepage people card; About has its own stylesheet. */
.gg-people-section { padding: 32px 0; }
.gg-people-card { display: flex; align-items: center; gap: 31px; padding: 33px 38px; border: 1px solid var(--hairline); border-radius: 8px; background: #0b0b0c; }
.gg-people-avatars { display: flex; flex-shrink: 0; }
.gg-avatar { position: relative; overflow: hidden; width: 62px; height: 62px; border-radius: 50%; border: 3px solid #0b0b0c; background: #2a2927; margin-left: -12px; }
.gg-avatar:first-child { margin-left: 0; }
.gg-avatar img { position: absolute; max-width: none; }
.gg-avatar-chan img { width: 155%; height: auto; top: -16%; left: -7%; }
.gg-avatar-peter img { width: 135%; height: auto; left: -17.5%; top: -5%; }
.gg-avatar-sam img { width: 112%; height: auto; left: -6%; top: -39%; }
.gg-people-copy { flex: 1; }
.gg-people-copy p { margin: 0; color: var(--gold); font: 8px/1.5 var(--mono); letter-spacing: 1.7px; text-transform: uppercase; }
.gg-people-copy h2 { margin: 7px 0 0; font: 550 28px/1.15 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.8px; text-transform: none; }
.gg-people-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 44px; border-bottom: 1px solid #6e5d42; color: var(--bone); font-size: 13px; white-space: nowrap; }
.gg-people-link span { color: var(--gold); font-size: 18px; }
.gg-people-link:hover { color: var(--gold); text-decoration: none; }
.gg-people-link:focus-visible { outline: 2px solid var(--gold); outline-offset: 6px; }
@media(max-width:880px) { .gg-people-card { flex-wrap: wrap; gap: 24px; padding: 28px; } .gg-avatar { width: 54px; height: 54px; } }
@media(max-width:720px) { .nav-links a.nav-about { display: inline-flex; min-height: 44px; align-items: center; } }
@media(max-width:560px) { .gg-people-card { display: grid; grid-template-columns: minmax(0,1fr); padding: 26px 23px; gap: 22px; } .gg-avatar { width: 50px; height: 50px; margin-left: -10px; } .gg-people-link { justify-self: start; } }
@media(max-width:400px) { .nav-links { gap: 9px; } .nav-links a { font-size: .58rem; letter-spacing: .08em; } .nav-cta { padding: 8px 9px; white-space: nowrap; } .nav .wm-text { display: block; font-size: .82rem; } .nav .wm-text small { display: none; } .nav .wm-badge { width: 25px; height: 25px; } .nav .wordmark { gap: 7px; } }