.technical-team{color:var(--white);background:#041733}.technical-team>header{width:var(--container);margin:0 auto 44px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.technical-team h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-.06em}.technical-team__grid{width:var(--container);max-width:100%;margin:auto;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);align-items:start;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;padding-block:4px 20px}.technical-person{position:relative;min-width:0;min-height:176px;padding:28px 32px;background:#0a2345;border-top:1px solid rgba(255,255,255,.2);scroll-snap-align:start}.technical-team__controls{display:flex;gap:10px;flex-shrink:0}.technical-team__controls[hidden]{display:none}.technical-team__arrow{display:grid;place-items:center;min-width:48px;height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.3);border-radius:24px;color:#fff;background:transparent;font:600 12px/1 Karla,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .22s,color .22s,border-color .22s,transform .22s}@media(hover:hover){.technical-team__arrow:hover:not(:disabled){color:#041733;background:var(--yellow);border-color:var(--yellow)}}.technical-team__arrow:active:not(:disabled){transform:scale(.96)}.technical-team__arrow:disabled{opacity:.3;cursor:default}.technical-team__arrow:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.technical-person h3{margin:0 0 20px;font-size:clamp(23px,2.2vw,32px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}.technical-person__role{margin:0;max-width:28ch;color:#c8d2df;font:500 15px/1.6 Karla,sans-serif}.technical-person__photo{margin:-28px -32px 28px;overflow:hidden}.technical-person__photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}.technical-person__details{margin-top:28px}.technical-person__details summary{cursor:pointer;color:var(--yellow);font:600 13px/1.4 Karla,sans-serif}.technical-person__profile{position:relative;transform-origin:center;animation:technical-flip .5s ease}.technical-person__profile p{color:#e4e9ef;font:400 16px/1.7 Karla,sans-serif;overflow-wrap:anywhere}.technical-person--profile{min-height:360px}.technical-person:has(.technical-person__details[open]){animation:technical-flip .5s ease}.technical-person:has(.technical-person__details[open])>h3,.technical-person:has(.technical-person__details[open])>.technical-person__role,.technical-person:has(.technical-person__details[open])>.technical-person__photo{visibility:hidden}.technical-person__details[open]>.technical-person__profile{position:absolute;inset:24px 32px 70px;overflow:auto;animation:none}.technical-person__details[open]>summary{position:absolute;left:32px;right:32px;bottom:28px}.technical-team__grid:focus-visible,.technical-person__details summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}@keyframes technical-flip{0%{opacity:0;transform:perspective(1000px) rotateY(-65deg)}to{opacity:1;transform:perspective(1000px) rotateY(0)}}@media(max-width:980px){.technical-team__grid{grid-auto-columns:calc((100% - 24px)/2)}}@media(max-width:560px){.technical-team__grid{width:100%;grid-auto-columns:min(82vw,350px);gap:16px;padding:4px 20px 24px;scroll-padding-inline:20px}.technical-team>header{margin-bottom:28px}.technical-team__arrow{height:44px;padding:0 16px}.technical-person{padding-inline:24px}.technical-person__photo{margin-inline:-24px}.technical-person__details[open]>.technical-person__profile{inset-inline:24px}.technical-person__details[open]>summary{left:24px;right:24px}}@media(prefers-reduced-motion:reduce){.technical-person__profile,.technical-person:has(.technical-person__details[open]){animation:none}}
