.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.team-page{background:var(--paper)}
.team-page .site-header{background:var(--paper)}
nav a[aria-current="page"]{color:var(--red);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.team-intro{padding-top:72px;padding-bottom:54px}
.team-intro>.eyebrow{color:var(--red);margin-bottom:22px}
.team-intro-grid{display:grid;grid-template-columns:1fr 290px;gap:35px;align-items:center}
.team-intro h1{font-size:clamp(66px,6.5vw,94px);line-height:1.04}
.team-description{max-width:590px;font-size:17px;color:var(--muted);margin:23px 0 0;line-height:1.7}
.team-doodle{justify-self:center;padding-top:24px;transform:rotate(-7deg);color:var(--red);text-align:center}
.team-doodle .handwritten{font-size:35px;display:block;line-height:1.22}
.team-doodle svg{width:105px;height:69px;display:block;margin:13px 20px 0 auto;transform:rotate(8deg)}
.team-roster{padding-bottom:46px}
.team-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0 30px;border-top:1px solid var(--line)}
.team-toolbar h2{font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.4;letter-spacing:0}
.interaction-hint{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.6}
.touch-hint{display:none}
.team-color-all{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:10px 16px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s}
.team-color-all[hidden]{display:none}
.team-color-all svg{width:20px;height:20px;color:var(--red)}
.team-color-all:hover,.team-color-all[aria-pressed="true"]{background:#f3e9db;border-color:#c5b9a9}
.team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:46px 28px;list-style:none;padding:0;margin:0}
.team-member{text-align:center;min-width:0}
.portrait-toggle{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:1;max-width:240px;margin:0 auto 20px;background:var(--paper);border:0;padding:0;color:var(--red);border-radius:50%;touch-action:manipulation;cursor:pointer}
.portrait-toggle:disabled{cursor:default}
.portrait-toggle:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.portrait-wash{position:absolute;inset:8% 0 0;border-radius:48% 52% 45% 55%;background:var(--portrait-tint);opacity:0;transform:scale(.82) rotate(-8deg);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.portrait-art{position:absolute;inset:0;background-image:url('/assets/images/team-portraits.webp');background-repeat:no-repeat;background-size:500% 200%;mix-blend-mode:multiply;clip-path:inset(0 3%);filter:grayscale(1);transform-origin:50% 80%;transition:filter .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.portrait-spark{position:absolute;right:-3%;top:3%;width:30px;height:30px;opacity:0;transform:scale(.5) rotate(-25deg);transition:opacity .25s,transform .4s}
.portrait-toggle-mark{position:absolute;bottom:0;right:3%;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--muted);font-size:17px;line-height:1;transition:transform .3s,color .3s,background .3s}
.team-member h3{font-family:Fraunces,Georgia,serif;font-size:23px;line-height:1.2;letter-spacing:-.03em}
.team-role{min-height:38px;margin:7px 0 0;font-size:12px;line-height:1.55;color:var(--muted)}
.team-favorite{font-family:Damion,cursive;font-size:20px;line-height:1.3;min-height:26px;color:var(--red);margin:5px -5px 0;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .3s}
.team-member.is-color .portrait-art,.portrait-toggle:focus-visible .portrait-art{filter:grayscale(0);transform:translateY(-4px) rotate(var(--portrait-tilt))}
.team-member.is-color .portrait-wash,.portrait-toggle:focus-visible .portrait-wash{opacity:.65;transform:scale(.94) rotate(0)}
.team-member.is-color .portrait-spark,.portrait-toggle:focus-visible .portrait-spark{opacity:1;transform:scale(1) rotate(0)}
.team-member.is-color .portrait-toggle-mark{transform:rotate(45deg);background:var(--red);border-color:var(--red);color:var(--paper)}
.team-member.is-color .team-favorite,.team-member:has(.portrait-toggle:focus-visible) .team-favorite{opacity:1;transform:none}
.team-concept-note{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin:40px 0 0;padding-top:25px;border-top:1px solid var(--line)}
.team-outro{background:#f1e5cc;padding:54px 0}
.team-outro-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.team-outro .eyebrow{font-size:10px;margin-bottom:14px}
.team-outro h2{font-size:clamp(32px,3.2vw,46px);line-height:1.16;letter-spacing:-.04em}
.team-outro .button{flex-shrink:0}
.no-js .interaction-hint,.no-js .portrait-toggle-mark{display:none}
@media(hover:hover) and (pointer:fine){
 .portrait-toggle:hover .portrait-art{filter:grayscale(0);transform:translateY(-4px) rotate(var(--portrait-tilt))}
 .portrait-toggle:hover .portrait-wash{opacity:.65;transform:scale(.94) rotate(0)}
 .portrait-toggle:hover .portrait-spark{opacity:1;transform:scale(1) rotate(0)}
 .team-member:has(.portrait-toggle:hover) .team-favorite{opacity:1;transform:none}
}
@media(hover:none),(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}
@media(max-width:1100px){.team-grid{gap:38px 22px}.team-member h3{font-size:21px}.team-role{font-size:11px}.team-favorite{font-size:18px}.team-intro-grid{grid-template-columns:1fr 240px}.team-doodle .handwritten{font-size:30px}}
@media(min-width:761px) and (max-width:920px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.team-member h3{font-size:24px}.team-role{font-size:12px}.team-favorite{font-size:21px}}
@media(max-width:760px){
 .team-intro{padding-top:40px;padding-bottom:35px}
 .team-intro>.eyebrow{font-size:10px;margin-bottom:18px}
 .team-intro-grid{display:block}
 .team-intro h1{font-size:clamp(56px,10.8vw,76px)}
 .team-description{font-size:15px;max-width:480px;margin-top:18px}
 .desktop-break{display:none}.team-doodle{display:none}
 .team-toolbar{padding:23px 0 28px;align-items:flex-start;gap:17px;flex-wrap:wrap}
 .team-toolbar h2{font-size:14px}.interaction-hint{font-size:12px}
 .team-color-all{font-size:11px;padding:9px 13px;gap:8px}
 .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
 .portrait-toggle{max-width:230px;margin-bottom:17px}
 .portrait-spark{right:0;top:0;width:25px;height:25px}
 .team-member h3{font-size:24px}.team-role{font-size:12px;min-height:37px}
 .team-favorite{font-size:20px;min-height:26px}
 .team-roster{padding-bottom:30px}.team-concept-note{font-size:10px;margin-top:28px;padding-top:20px}
 .team-outro{padding:38px 0}.team-outro-inner{display:block}.team-outro h2{font-size:36px;max-width:420px}.team-outro .button{margin-top:24px}
}
@media(max-width:430px){.team-grid{gap:25px 16px}.team-member h3{font-size:21px}.team-role{font-size:11px}.team-favorite{font-size:18px;min-height:46px}.portrait-toggle-mark{width:22px;height:22px;right:0}.team-intro h1{font-size:clamp(49px,13vw,56px)}}
@media(prefers-reduced-motion:reduce){.portrait-art,.portrait-wash,.portrait-spark,.portrait-toggle-mark,.team-favorite,.team-color-all{transition:none!important;transform:none!important}.team-member.is-color .portrait-art,.portrait-toggle:hover .portrait-art,.portrait-toggle:focus-visible .portrait-art{transform:none}}
