@font-face{font-family:'Inter Tight';src:url('../fonts/inter-tight-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('../fonts/inter-tight-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('../fonts/inter-tight-900.ttf') format('truetype');font-weight:900;font-display:swap}
@property --frame-turn{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{--lime:var(--concept-accent);--ink:#050600;--paper:#f5f5ef;--line:var(--on-line, var(--concept-line));color-scheme:var(--concept-scheme)}
*{box-sizing:border-box}body{margin:0;background:var(--concept-surface);--on-text:var(--concept-text);--on-muted:var(--concept-muted);--on-line:var(--concept-line);--on-accent:var(--concept-accent-text);color:var(--on-text, var(--concept-text));font:400 18px/1.5 'Inter Tight',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,p,figure,blockquote,ul{margin:0}.wrap{width:min(1440px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;background:var(--concept-raised);--on-text:var(--concept-text);--on-muted:var(--concept-muted);--on-line:var(--concept-line);--on-accent:var(--concept-accent-text);padding:12px 20px;z-index:100}.skip:focus{top:12px}:focus-visible{outline:3px solid currentColor;outline-offset:7px}
.team-hero{background:var(--concept-accent);--on-text:var(--concept-accent-ink);--on-muted:var(--concept-accent-ink);--on-line:currentColor;--on-accent:var(--concept-accent-ink);color:var(--concept-accent-ink);padding:38px 0 70px}.team-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.team-hero h1{font-size:clamp(80px,9.8vw,148px);line-height:.91;font-weight:900;letter-spacing:-.065em}.team-intro figure{position:relative;padding:32px 0 0;max-width:570px}.quote-mark{display:block;font-size:100px;line-height:.5;font-weight:900;margin-bottom:22px}.team-hero blockquote{font-size:clamp(32px,3.2vw,48px);line-height:1.1;font-weight:600;letter-spacing:-.045em;text-wrap:balance}.team-hero figcaption{font-size:17px;line-height:1.5;margin-top:23px}
.team-section{position:relative;isolation:isolate;overflow:hidden;background:var(--concept-inverse-bg);--on-text:var(--concept-inverse-text);--on-muted:var(--concept-inverse-muted);--on-line:var(--concept-inverse-line);--on-accent:var(--concept-inverse-accent);color:var(--on-text, var(--concept-text));padding:66px 0 90px}.team-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:43px 27px}.person-link{display:block;text-decoration:none;border-radius:22px;outline-offset:8px}.portrait{position:relative;isolation:isolate;aspect-ratio:4/5;background:var(--concept-raised);--on-text:var(--concept-text);--on-muted:var(--concept-muted);--on-line:var(--concept-line);--on-accent:var(--concept-accent-text);overflow:hidden;border-radius:22px;box-shadow:0 0 0 1px #ffffff35}.portrait::after{content:'';position:absolute;z-index:2;pointer-events:none;inset:0;border-radius:inherit;border:2px solid var(--on-line, var(--concept-line));transition:border-color .2s}.portrait::before{content:'';position:absolute;z-index:3;pointer-events:none;inset:0;border-radius:inherit;padding:3px;background:conic-gradient(from var(--frame-turn),#ddfa2310 0deg,#ddfa2330 70deg,#ddfa23 130deg,#fff 160deg,#ddfa23 190deg,#ddfa2310 260deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .2s}.portrait img{position:absolute;display:block;width:var(--portrait-width,100%);max-width:none;height:auto;left:50%;top:32%;transform:translate(var(--portrait-x,-50%),var(--portrait-y,-32%));filter:grayscale(1)}.person-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:18px;min-height:65px}.person-caption h2{font-size:clamp(21px,1.8vw,27px);font-weight:600;letter-spacing:-.035em;line-height:1.15}.job-title{font-size:15px;line-height:1.4;color:var(--on-muted, var(--concept-muted));margin-top:7px;max-width:225px}.linkedin-icon{flex:none;width:35px;height:35px;border:1px solid var(--on-line, var(--concept-line));border-radius:50%;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s}.linkedin-icon svg{width:17px;height:17px;fill:currentColor}.person-link:is(:hover,:focus-visible) .portrait::before{opacity:1;animation:portrait-border 2.4s linear both}.person-link:is(:hover,:focus-visible) .portrait::after{border-color:var(--concept-accent)}.person-link:is(:hover,:focus-visible) .linkedin-icon{background:var(--concept-accent);--on-text:var(--concept-accent-ink);--on-muted:var(--concept-accent-ink);--on-line:currentColor;--on-accent:var(--concept-accent-ink);color:var(--concept-accent-ink);border-color:var(--concept-accent);color:var(--on-text, var(--concept-text))}.person-link:focus-visible{outline-color:var(--concept-accent)}
.site-footer{padding:35px 0 40px;border-top:1px solid var(--on-line, var(--concept-line))}.site-footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer img{width:210px;height:auto;display:block}.site-footer nav{display:flex;flex-wrap:wrap;gap:26px}.site-footer nav a{font-size:15px;text-decoration:none}.site-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}
@keyframes portrait-border{from{--frame-turn:0deg}to{--frame-turn:360deg}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.team-intro{gap:8%}.team-hero{padding:32px 0 57px}.team-hero h1{font-size:clamp(80px,10vw,110px)}.team-hero blockquote{font-size:35px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.person-caption h2{font-size:24px}.site-footer>.wrap{align-items:flex-start}.site-footer nav{max-width:420px;gap:18px 24px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.team-hero{padding:30px 0 45px}.team-intro{grid-template-columns:1fr;gap:32px}.team-hero h1{font-size:clamp(77px,15vw,108px)}.team-hero h1 br{display:none}.team-intro figure{padding:0 0 0 46px;max-width:630px}.quote-mark{position:absolute;left:0;top:12px;font-size:73px;margin:0}.team-hero blockquote{font-size:clamp(30px,5vw,38px)}.team-hero figcaption{font-size:16px;margin-top:19px}.team-section{padding:40px 0 60px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 23px}.person-caption h2{font-size:25px}.site-footer>.wrap{flex-direction:column;gap:27px}.site-footer nav{max-width:none}}
@media(max-width:550px){.wrap{width:calc(100% - 36px)}.team-hero{padding:24px 0 35px}.team-hero h1{font-size:clamp(65px,16vw,80px)}.team-hero h1 br{display:block}.team-intro{gap:30px}.team-intro figure{padding-left:33px}.quote-mark{font-size:57px;top:10px}.team-hero blockquote{font-size:29px;line-height:1.13}.team-hero figcaption{font-size:15px;margin-top:18px}.team-section{padding-top:30px}.team-grid{gap:27px 17px}.portrait{border-radius:15px}.person-caption{align-items:flex-start;gap:7px;margin-top:13px;min-height:68px}.person-caption h2{font-size:20px;line-height:1.12}.job-title{font-size:13px;line-height:1.4;margin-top:6px}.linkedin-icon{width:27px;height:27px}.linkedin-icon svg{width:14px;height:14px}.site-footer img{width:190px}.site-footer nav{gap:17px 24px}.site-footer nav a{font-size:14px}}
@media(max-width:380px){.team-grid{grid-template-columns:1fr;max-width:310px;margin-inline:auto}.person-caption{align-items:center;min-height:54px}.person-caption h2{font-size:25px}.job-title{font-size:15px}.linkedin-icon{width:34px;height:34px}.linkedin-icon svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.team-section.wall-visible::before,.person-link:is(:hover,:focus-visible) .portrait::before{animation:none}.linkedin-icon,.portrait::before,.portrait::after{transition:none}}

.person-caption--social{display:block}.profile-socials{display:flex;gap:9px;margin-top:14px}.profile-social{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--on-line, var(--concept-line));border-radius:50%;color:var(--on-text, var(--concept-text));transition:background .2s,border-color .2s,color .2s}.profile-social svg{width:17px;height:17px;fill:currentColor}.profile-social:is(:hover,:focus-visible){background:var(--concept-accent);--on-text:var(--concept-accent-ink);--on-muted:var(--concept-accent-ink);--on-line:currentColor;--on-accent:var(--concept-accent-ink);color:var(--concept-accent-ink);border-color:var(--concept-accent);color:var(--on-text, var(--concept-text))}.profile-social:focus-visible{outline-color:var(--concept-accent);outline-offset:4px}
@media(max-width:550px){.profile-socials{gap:8px;margin-top:12px}.profile-social{width:32px;height:32px}.profile-social svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.profile-social{transition:none}}

.team-member{container-type:inline-size}.person-caption--social{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.person-caption--social .profile-socials{justify-content:flex-end;gap:7px;margin-top:0}.person-caption--social .profile-social{width:32px;height:32px}
@container(max-width:260px){.person-caption--social{grid-template-columns:1fr;gap:12px}.person-caption--social .profile-socials{justify-self:end}}

/* Accent the quotation while keeping the attribution distinct. */
.team-intro figure{border-left:3px solid var(--concept-accent);padding:22px 0 22px 30px}
.team-intro .quote-mark{position:static;color:var(--concept-accent);margin-bottom:22px}
.team-intro blockquote{color:var(--concept-accent)}
.team-intro figcaption{color:var(--concept-text)}
@media(max-width:550px){.team-intro figure{padding:18px 0 18px 22px}}

.team-member--invitation .portrait img{filter:none}
/* The square Join the team graphic fills the tile's height from its bottom edge, which puts its eye line level with the portraits. */
.portrait--graphic{background:#000}
.portrait--graphic img{width:125%;top:auto;bottom:0;transform:translateX(-50%)}
