/* Approved Serif statement treatment, with user-supplied alumni stories. */
#alumni{--a-ink:#153b2c;--a-muted:#617562;--a-cream:#fff0d3;position:relative;container-type:inline-size;background:#0c261c;color:var(--a-cream);font:400 16px/1.6 var(--sans);overflow:hidden;isolation:isolate;scroll-margin-top:80px}
#alumni *,#alumni *::before,#alumni *::after{box-sizing:border-box}
#alumni h2,#alumni h3,#alumni p,#alumni blockquote{margin:0}
#alumni button{font:inherit;cursor:pointer;touch-action:manipulation}
#alumni button:focus-visible,#alumni [tabindex]:focus-visible{outline:3px solid #d97142;outline-offset:3px}
#alumni [hidden]{display:none!important}
#alumni .a-wrap{width:calc(100% - 112px);max-width:1248px;margin-inline:auto}
#alumni .a-company-strip{background:#fff9ee;color:#173b2c;padding:26px 0 30px}
#alumni .a-strip-heading{position:relative;width:calc(100% - 56px);max-width:640px;padding:0 0 14px;margin:0 auto 22px;text-align:center}
#alumni .a-strip-heading::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b1855b80,transparent)}
#alumni .a-strip-heading strong{display:block;white-space:nowrap;font:italic 500 34px/1.12 var(--serif);letter-spacing:-.5px}
#alumni .a-strip-heading em{font:inherit;font-weight:600;color:#a15f38;letter-spacing:inherit}
#alumni .a-logo-window{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
#alumni .a-marquee-track{display:flex;width:max-content;animation:alumni-v94-scroll 34s linear infinite;will-change:transform}
#alumni .a-marquee-track[data-paused=true]{animation-play-state:paused}
#alumni .a-logos{display:flex;flex:none;width:max-content;min-width:100cqi;align-items:center;justify-content:space-around;gap:48px;margin:0;padding:0 48px 0 0}
#alumni .a-logo{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;white-space:nowrap;font:750 26px/1.2 var(--sans);letter-spacing:-.8px;color:#173b2c}
#alumni .a-logo svg{width:29px;height:29px;fill:currentColor;flex:none}
#alumni .a-logo.nvidia{font-size:23px;font-weight:800;letter-spacing:.1px}
#alumni .a-logo.uber svg{width:76px;height:32px}
#alumni .a-content{padding:58px 0 40px}
#alumni .a-head{margin-bottom:28px}
#alumni .a-eyebrow{font:10px/1.4 var(--mono);letter-spacing:.1em;color:#bdc9b0;margin-bottom:15px}
#alumni h2{font:500 44px/1.08 var(--sans);letter-spacing:-1.8px;color:inherit}
#alumni h2 em{font:italic 400 1.13em/1 var(--serif);letter-spacing:-1.5px;color:#ffbd97}
#alumni .a-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;position:relative;padding-bottom:4px;outline-offset:0}
#alumni .a-track::-webkit-scrollbar{display:none}
#alumni .a-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;padding:27px;border:1px solid #153b2c25;border-radius:13px;background:#fffcf5;color:var(--a-ink)}
#alumni .a-card:last-child{scroll-snap-align:end}
#alumni .a-card:nth-child(even){background:#fff0d3}
#alumni .a-transition{display:flex;align-items:center;gap:10px;font:600 17px/1.3 var(--sans);letter-spacing:-.35px}
#alumni .a-transition i{font-style:normal;color:#a16a42;font-size:20px;font-weight:400}
#alumni .a-role{font:500 12px/1.45 var(--sans);color:#69735c;margin-top:5px}
#alumni .a-card-head{padding-bottom:18px;border-bottom:1px solid #153b2c22}
#alumni .a-quote{font:italic 400 23px/1.32 var(--serif);letter-spacing:-.25px;padding:19px 0 25px}
#alumni .a-author{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid #153b2c22}
#alumni .a-avatar{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#d6e1c5;color:#244331;font:500 11px/1 var(--sans);border:1px solid #2443311a}
#alumni .a-avatar::before{content:'';position:absolute;inset:4px;border:1px solid #ffffff8a;border-radius:50%}
#alumni .a-card:nth-child(even) .a-avatar{background:#f3cfb5}
#alumni .a-person{font:600 14px/1.3 var(--sans);letter-spacing:-.2px;min-width:0}
#alumni .a-metric{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;white-space:nowrap}
#alumni .a-metric strong{font:650 22px/1.1 var(--sans);letter-spacing:-.8px}
#alumni .a-metric span{font:500 10px/1.4 var(--sans);color:#69735c}
#alumni .a-track-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
#alumni .a-swipe-hint{font:9px/1.4 var(--mono);letter-spacing:.04em;color:#bbc8ad}
#alumni .a-swipe-hint .mobile{display:none}
#alumni .a-nav{display:flex;align-items:center;gap:12px}
#alumni .a-dots{display:flex;justify-content:center;gap:1px}
#alumni .a-dot{width:28px;height:36px;padding:0;border:0;background:transparent;display:grid;place-items:center}
#alumni .a-dot::after{content:'';width:5px;height:5px;border-radius:10px;background:#718d74;transition:width .15s}
#alumni .a-dot[aria-pressed=true]::after{width:20px;background:#ffbd97}
#alumni .a-step{width:40px;height:40px;display:grid;place-items:center;border:1px solid #718d74;border-radius:50%;background:transparent;color:#fff0d3;font-size:21px;line-height:1}
#alumni .a-step:disabled{opacity:.35;cursor:default}
#alumni .a-step:not(:disabled):hover{background:#fff0d317}
#alumni .a-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes alumni-v94-scroll{to{transform:translateX(-50%)}}
@media(max-width:1100px){#alumni .a-wrap{width:calc(100% - 64px)}#alumni .a-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){
 #alumni .a-wrap{width:calc(100% - 36px);max-width:600px}
 #alumni .a-company-strip{padding:20px 0 27px}
 #alumni .a-strip-heading{padding:0 0 12px;margin-bottom:18px}
 #alumni .a-strip-heading strong{font-size:clamp(21.5px,6.85cqi,29px)}
 #alumni .a-logos{min-width:0;justify-content:flex-start;gap:32px;padding-right:32px}
 #alumni .a-logo{font-size:24px}
 #alumni .a-logo svg{width:27px;height:27px}
 #alumni .a-logo.nvidia{font-size:21px}
 #alumni .a-logo.uber svg{width:72px;height:30px}
 #alumni .a-content{padding:34px 0 26px}
 #alumni .a-head{margin-bottom:22px}
 #alumni .a-eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:13px}
 #alumni h2{font-size:31px;line-height:1.06;letter-spacing:-1px}
 #alumni h2 em{letter-spacing:-.7px}
 #alumni .a-track{width:calc(100% + 18px);gap:12px;padding-right:18px}
 #alumni .a-card{flex-basis:89%;padding:22px}
 #alumni .a-transition{font-size:16px}
 #alumni .a-card-head{padding-bottom:15px}
 #alumni .a-quote{font-size:clamp(22px,6.4cqi,25px);line-height:1.27;padding:18px 0 22px}
 #alumni .a-person{font-size:12px}
 #alumni .a-metric strong{font-size:20px}
 #alumni .a-avatar{width:32px;height:32px}
 #alumni .a-track-footer{margin-top:12px;gap:6px}
 #alumni .a-nav{gap:0}
 #alumni .a-step{display:none}
 #alumni .a-dot{width:27px}
 #alumni .a-swipe-hint .desktop{display:none}
 #alumni .a-swipe-hint .mobile{display:inline}
}
@media(max-width:360px){#alumni .a-wrap{width:calc(100% - 30px)}#alumni .a-card{padding:18px}#alumni .a-author{gap:7px}#alumni .a-swipe-hint{font-size:8px}#alumni .a-dot{width:25px}}
@media(prefers-reduced-motion:reduce){
 #alumni .a-marquee-track{animation:none;will-change:auto}
 #alumni .a-marquee-duplicate{display:none}
 #alumni .a-logo-window{overflow-x:auto;scrollbar-width:thin;padding-bottom:9px}
 #alumni .a-logos{padding-left:20px}
 #alumni .a-dot::after{transition:none}
}
