/* The people behind the work. Generous space, first-hand words. */
.home .selected-work>.project-card:last-child{border-bottom:0}
.people-preview{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(40px,8vw,120px);padding:28px var(--gutter) var(--space-section)}
.people-preview h2,.community-section h2,.colleague-section h2{font-size:clamp(32px,3.6vw,52px);line-height:1.15;text-wrap:balance}
.people-preview-intro>p{max-width:43ch;margin-top:22px;line-height:1.8}
.people-preview .text-link{display:inline-flex;align-items:center;gap:16px;margin-top:24px;min-height:44px}
.people-preview .text-link .ui-icon{width:19px;transition:transform .3s var(--ease)}
.people-preview .text-link:hover .ui-icon{transform:translate(2px,-2px)}
.people-preview-quote{padding:clamp(24px,3vw,40px);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--paper)),color-mix(in srgb,var(--accent) 2%,var(--paper)))}
.people-preview-quote figure{position:relative}
.quote-mark{display:block;font-size:64px;font-weight:600;line-height:.9;color:var(--accent);margin-bottom:12px}
.people-preview blockquote,.colleague-note blockquote{margin:0;padding:0;border:0;background:none}
.people-preview blockquote p{font-size:clamp(19px,1.8vw,25px);line-height:1.6;color:var(--ink);letter-spacing:-.025em}
.people-preview figcaption,.colleague-note figcaption{display:grid;gap:3px;font-size:14px;line-height:1.55;color:var(--muted)}
.people-preview figcaption{margin-top:24px}
.people-preview figcaption strong,.colleague-note figcaption strong{font-size:16px;font-weight:600;color:var(--ink)}
.people-preview-quote .text-link{font-size:13px;margin-top:18px}
.about-jump{display:flex;flex-wrap:wrap;gap:12px 38px;padding:0 var(--gutter) 32px;max-width:1440px;margin:auto}
.about-jump a{display:inline-flex;gap:20px;align-items:center;min-height:44px;border-bottom:1px solid var(--line);font-size:14px;transition:color .2s,border-color .2s}
.about-jump a:hover{color:var(--accent);border-color:currentColor}
.community-section,.colleague-section{max-width:1440px;margin:auto;padding:var(--space-section) var(--gutter);scroll-margin-top:0}
.community-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:48px}
.community-intro>p{max-width:47ch;font-size:17px;line-height:1.8}
.community-activities{list-style:none;margin:0;padding:0}
.community-activities li{display:grid;grid-template-columns:110px minmax(190px,1fr) minmax(260px,1.5fr);gap:30px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}
.activity-type{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding-top:5px}
.community-activities h3{font-size:20px;letter-spacing:-.025em;line-height:1.45}
.community-activities p{font-size:17px;line-height:1.6;color:var(--ink)}
.activity-detail{display:block;font-size:14px;line-height:1.6;color:var(--muted);margin-top:6px}
.colleague-section{position:relative;isolation:isolate;padding-top:64px}
.colleague-section::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%)}
.about-page{overflow-x:clip}
.colleague-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.colleague-heading p{margin-top:18px;font-size:16px}
.colleague-controls{display:flex;gap:10px;align-items:center}
.colleague-position{min-width:100px;margin-right:8px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}
.colleague-controls button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;transition:background .25s,color .25s,transform .25s}
.colleague-controls button .ui-icon{width:21px;height:21px}
.colleague-controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.colleague-controls button:active:not(:disabled){transform:scale(.94)}
.colleague-controls button:disabled{opacity:.32}
.colleague-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding-bottom:18px;outline-offset:6px;overflow-anchor:none}
.colleague-rail:focus-visible{outline:2px solid var(--accent);border-radius:12px}
.colleague-note{display:flex;flex-direction:column;min-width:0;padding:clamp(24px,3vw,40px);border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--paper) 80%,transparent);scroll-snap-align:start}
.note-index{font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--accent);margin-bottom:24px}
.colleague-note blockquote{flex:1}
.colleague-note blockquote p{color:var(--ink);font-size:clamp(20px,1.8vw,25px);line-height:1.65;letter-spacing:-.025em}
.colleague-note figcaption{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:1000px){.community-activities li{grid-template-columns:90px 1fr 1.3fr;gap:22px}.colleague-note{padding:26px}.people-preview{gap:36px}}
@media(max-width:760px){
 .people-preview{grid-template-columns:1fr;gap:28px;padding-top:8px}
 .people-preview .eyebrow,.community-section .eyebrow,.colleague-section .eyebrow{margin-bottom:18px}
 .people-preview-quote{padding:26px;border-radius:16px}
 .people-preview blockquote p{font-size:20px}
 .people-preview h2,.community-section h2,.colleague-section h2{font-size:34px}
 .about-jump{gap:8px 22px;padding-bottom:28px}
 .about-jump a{font-size:13px;gap:12px}
 .community-intro{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
 .community-intro>p{font-size:16px}
 .community-activities li{grid-template-columns:1fr;gap:8px;padding:24px 0}
 .activity-type{padding:0;font-size:11px}
 .community-activities h3{font-size:20px}
 .community-activities p{font-size:16px}
 .activity-detail{font-size:13px}
 .colleague-section{padding-top:20px}
 .colleague-heading{display:block;margin-bottom:22px}
 .colleague-heading p{font-size:16px}
 .colleague-controls{margin-top:26px}
 .colleague-position{margin-right:auto}
 .colleague-rail{grid-auto-columns:92%;gap:16px}
 .colleague-note{padding:24px;border-radius:14px}
 .colleague-note blockquote p{font-size:19px;line-height:1.65}
 .note-index{margin-bottom:18px}
 .colleague-note figcaption{margin-top:26px;padding-top:20px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.people-preview .text-link .ui-icon,.colleague-controls button{transition:none}}
/* Authentic institution marks give the community list a quiet visual rhythm. */
.community-activities .activity-identity{display:flex;align-items:center;gap:18px;min-width:0}
.activity-logo{display:flex;align-items:center;justify-content:center;flex:0 0 80px;width:80px;min-height:48px}
.activity-logo img{display:block;width:80px;max-height:40px;object-fit:contain}
.activity-logo-pair{display:flex;flex-direction:column;gap:10px;padding:3px 0}
.activity-logo-pair img{max-height:26px}
.community-activities .activity-identity>span:last-child{min-width:0}
[data-theme="dark"] .activity-logo img{filter:brightness(0) invert(1);opacity:.9}
@media(max-width:760px){.community-activities .activity-identity{gap:16px;margin:4px 0}.activity-logo{flex-basis:72px;width:72px}.activity-logo img{width:72px}.community-activities li>.activity-identity+div{padding-left:88px}}
.activity-logo .institution-scad{mix-blend-mode:multiply}
[data-theme="dark"] .activity-logo .institution-scad{filter:grayscale(1) invert(1);mix-blend-mode:screen}

/* Wordmarks carry the name; labels only add context. */
.community-activities .activity-wordmark{min-height:44px}
.activity-wordmark .activity-logo{flex-basis:144px;width:144px;justify-content:flex-start}
.activity-wordmark .activity-logo img{width:144px;height:auto;max-height:44px;object-position:left center}
.activity-wordmark .institution-scad{max-width:112px}
.community-activities .activity-mentoring{flex-direction:column;align-items:flex-start;gap:12px}
.activity-mentoring .activity-logo-pair{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;width:auto;min-height:32px;flex-basis:auto}
.activity-mentoring .activity-logo-pair img{width:88px;height:auto;max-height:30px}
@media(max-width:760px){.community-activities li>.activity-identity+div{padding-left:0}.community-activities .activity-identity{margin:6px 0}.activity-wordmark .activity-logo{flex-basis:136px;width:136px}.activity-wordmark .activity-logo img{width:136px}.activity-wordmark .institution-scad{max-width:108px}}

/* Career wordmarks share the homepage's scale and Apple lockup. */
.career-section .career-company{display:flex;align-items:center;min-height:32px}
.career-company .company-logo{display:block;width:auto;max-width:100%;object-fit:contain}
.career-company .company-logo-netflix{height:25px}
.career-company .company-logo-google{height:28px}
.career-company .company-logo-linkedin{height:25px}
.career-company .company-logo-apple{height:30px}
.career-company .company-logo-ebay{height:32px}
.career-company .company-apple-lockup{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.04em;color:var(--ink)}
html[data-theme=dark] .career-company .company-logo-linkedin{filter:brightness(0) invert(1)}
html[data-theme=dark] .career-company .company-logo-apple{filter:invert(1)}
@media(max-width:760px){.career-section .career-company{justify-content:flex-end}.career-company .company-logo-netflix,.career-company .company-logo-linkedin{height:23px}.career-company .company-logo-google{height:26px}.career-company .company-logo-apple{height:28px}.career-company .company-apple-lockup{font-size:23px;gap:8px}.career-company .company-logo-ebay{height:30px}}
/* Keep each career entry connected, including on ultrawide displays. */
.career-section>.section-title,.career-section>article{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}
.career-section>article{grid-template-columns:minmax(110px,.65fr) minmax(150px,1fr) minmax(0,2fr);column-gap:clamp(28px,4vw,64px);align-items:start;padding:30px 0}
.career-section>article>span{padding-top:5px;font-size:14px;line-height:1.6}
.career-section>article>.career-company{align-self:start;justify-content:flex-start;min-height:32px;padding-top:1px;margin:0;text-align:left}
.career-section>article>div{min-width:0}
.career-section>article h4{font-size:17px;line-height:1.5;margin:0 0 8px}
.career-section>article p{max-width:58ch;font-size:16px;line-height:1.7}
.career-section .career-work{margin-top:8px}
@media(min-width:761px) and (max-width:1000px){.career-section>article{grid-template-columns:minmax(90px,.65fr) minmax(120px,1fr) minmax(0,2fr);column-gap:28px}}
@media(max-width:760px){
 .career-section>article{grid-template-columns:minmax(0,1fr) auto;gap:16px 20px;padding:26px 0}
 .career-section>article>.career-company{grid-column:1;grid-row:1}
 .career-section>article>span{grid-column:2;grid-row:1;align-self:center;padding-top:0;font-size:13px;text-align:right}
 .career-section>article>div{grid-column:1/-1;grid-row:2}
 .career-section>article h4{font-size:16px;margin-bottom:6px}
}