/* Shared public team pages and the compact homepage introduction. */
.people-page { margin:0; background:#050a12; color:#fff; font-family:"Manrope",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.people-page * { box-sizing:border-box; }
.people-page a { color:inherit; text-decoration:none; }
.people-page a:focus-visible { outline:2px solid #a8efff; outline-offset:6px; }
.people-shell { width:min(1120px,calc(100% - 3rem)); margin-inline:auto; }
.people-skip { position:absolute; left:1rem; top:-5rem; z-index:100; padding:1rem; background:#a8efff; color:#050a12!important; }
.people-skip:focus { top:1rem; }
.people-page main { padding-top:80px; }
.people-page .desktop-nav [aria-current] { color:#a8efff; }
.people-eyebrow { margin:0 0 1.5rem; color:#a8efff; font-size:.72rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.people-intro { padding-block:4.5rem 3.5rem; text-align:center; }
.people-page h1,.people-page h2 { font-family:"Space Grotesk","Manrope",sans-serif; font-weight:700; letter-spacing:-.065em; }
.people-intro h1 { margin:0; font-size:clamp(2.75rem,5vw,4.5rem); line-height:1.08; }
.people-lede { max-width:480px; margin:1.25rem auto 0; color:#a0a8b2; font-size:1rem; line-height:1.85; }
.team-list { padding-bottom:6rem; }
.person-feature { display:grid; grid-template-columns:1fr 1fr; align-items:center; border-top:1px solid #26313d; padding-top:2.5rem; gap:clamp(2rem,6vw,6rem); }
.person-photo { display:block; position:relative; aspect-ratio:1/1.08; overflow:hidden; background:#101923; }
.person-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 32%; filter:saturate(.85); transition:transform .3s; }
.person-photo:hover img { transform:scale(1.025); }
.person-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(5,10,18,.55)); pointer-events:none; }
.photo-arrow { position:absolute; z-index:1; right:1.25rem; bottom:1.25rem; display:grid; place-items:center; width:48px; height:48px; border:1px solid #a8efff70; border-radius:50%; font-size:1.5rem; }
.person-copy h2 { margin:0 0 1.7rem; font-size:clamp(3rem,5.5vw,5rem); line-height:1; }
.person-copy>p:not(.people-eyebrow),.profile-copy>p:not(.people-eyebrow) { color:#a0a8b2; font-size:1rem; line-height:1.8; }
.people-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem 1.75rem; margin-top:2rem; }
.people-button { display:inline-flex; align-items:center; justify-content:space-between; gap:1.8rem; padding:1rem 1.25rem; min-height:48px; background:#a8efff; color:#050a12!important; font-size:.8rem; font-weight:800; transition:background .2s; }
.people-button:hover { background:#d7f8ff; }
.people-text-link { display:inline-flex; align-items:center; gap:.8rem; min-height:44px; border-bottom:1px solid #a8efff60; font-size:.78rem; font-weight:800; }
.people-text-link:hover { color:#a8efff; }
.profile-hero { position:relative; isolation:isolate; overflow:hidden; }
.profile-photo { position:absolute; z-index:-2; inset:0 0 0 auto; width:52%; }
.profile-photo img { width:100%; height:100%; object-fit:cover; object-position:center 32%; filter:saturate(.85) brightness(.8); }
.profile-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#050a12 0%,#050a12 39%,transparent 66%),linear-gradient(0deg,#050a12,transparent 35%); }
.profile-shell { min-height:850px; display:flex; align-items:center; padding-block:3rem 5rem; }
.profile-copy { width:56%; }
.profile-back { display:inline-block; margin-bottom:3rem; color:#a0a8b2!important; font-size:.78rem; }
.profile-back:hover { color:#a8efff!important; }
.profile-copy h1 { font-size:clamp(3.5rem,6.2vw,6rem); line-height:.98; margin:0 0 2rem; }
.profile-copy>p { max-width:540px; }
.creator-actions { display:flex; flex-wrap:wrap; gap:.5rem 1.75rem; }
.creator-actions .creator-link { gap:.75rem; }
.creator-section-short,.creator-section-short .creator-shell { min-height:600px; }
.creator-section-short .creator-shell { padding-block:4rem; }
.creator-section-short .creator-copy h2 { font-size:clamp(3rem,5.5vw,5.5rem); }
@media(max-width:700px) {
 .people-intro { padding-block:3.5rem 2.5rem; }
 .person-feature { grid-template-columns:1fr; gap:2rem; padding-top:1.5rem; }
 .person-photo { aspect-ratio:1/1; }
 .team-list { padding-bottom:3.5rem; }
 .profile-photo { position:relative; width:100%; height:440px; }
 .profile-photo img { object-position:center 28%; }
 .profile-hero::before { background:linear-gradient(180deg,transparent 230px,#050a12 435px); }
 .profile-shell { min-height:0; margin-top:-4rem; padding-block:0 3.5rem; }
 .profile-copy { width:100%; }
 .profile-back { margin-bottom:2rem; }
 .profile-copy h1 { font-size:clamp(3.2rem,11.5vw,4.75rem); }
 .creator-section-short,.creator-section-short .creator-shell { min-height:740px; }
 .creator-section-short .creator-shell { padding:22rem 0 3rem; }
 .creator-section-short .creator-copy h2 { font-size:clamp(2.6rem,11vw,4rem); }
 .creator-actions { justify-content:center; }
}
@media(prefers-reduced-motion:reduce) { .people-page * { transition:none!important; } }
