.team{position:relative;padding-block:88px;background:radial-gradient(ellipse at 0 8%,#16346732,transparent 40%),#0b1220}
.team__heading{align-items:end;gap:48px;margin-bottom:48px}
.team__heading h2{font-size:clamp(34px,3.7vw,54px);line-height:1.18}
.team__title-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.team__title-line>span{display:block}
.team__heading>p{max-width:320px;color:#aabbd2;font-size:15px;line-height:1.8}
.team-founder{display:grid;grid-template-columns:.76fr 1.24fr;border:1px solid #8fbaff28;border-radius:22px;overflow:hidden;background:linear-gradient(125deg,#13284470,#0e192b 65%);box-shadow:0 26px 70px #03071145}
.team-founder__identity{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:34px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 35% 38%,#2563eb50,transparent 65%),linear-gradient(145deg,#122b4b,#091424)}
.team-founder__identity::before,.team-founder__identity::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;border:1px solid #7ac9ff25;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-26deg) scaleY(.62);transition:transform 1.2s var(--sw-ease)}
.team-founder__identity::after{width:520px;height:520px;border-color:#7ac9ff12;transform:translate(-50%,-50%) rotate(32deg) scaleY(.7)}
.team-founder__label{font-size:10px;font-weight:650;letter-spacing:.16em;color:#adc9e8}
.team-founder__monogram{position:relative;display:grid;place-items:center;flex:1;min-height:270px;perspective:800px}
.team-founder__monogram>span{display:block;font-size:clamp(110px,13vw,190px);font-weight:650;line-height:1;letter-spacing:-.085em;color:#b4d9ff;text-shadow:1px 1px #99c9fa,3px 3px #477bb3,5px 5px #244b79,12px 20px 30px #01091b70;transform:rotate(-6deg) rotateY(-12deg);transition:transform .9s var(--sw-ease),text-shadow .9s var(--sw-ease)}
.team-founder__dot{color:#50c5ff}
.team-founder__signature{display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid #9acaff27;padding-top:24px;color:#deebfc;font-size:14px;line-height:1.6}
.team-founder__location{font-size:9px;line-height:1.8;letter-spacing:.12em;color:#9cb8d9;text-align:right}
.team-founder__content{padding:40px 44px}
.team-founder__role{color:#92c9ff;font-size:12px;letter-spacing:.025em;font-weight:650;margin-bottom:14px}
.team-founder h3{font-size:clamp(28px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em}
.team-founder h3 span{color:#a8c3e1}
.team-founder__lead{margin-top:22px;font-size:18px;line-height:1.6;color:#e6effb}
.team-founder__bio{font-size:14px;line-height:1.85;color:#b7c7db;margin-top:16px}
.team-founder__skills,.team-profile__skills,.team__principles{list-style:none;padding:0;display:flex;flex-wrap:wrap}
.team-founder__skills{gap:8px 16px;margin:22px 0 0;color:#a6c6e9;font-size:11px}
.team-founder__skills li{border-bottom:1px solid #7faedf36;padding-bottom:4px}
.team-founder__facts{display:flex;align-items:center;gap:30px;border-top:1px solid #b4cfff1f;margin-top:28px;padding-top:24px}
.team-founder__facts p{display:flex;flex-direction:column;gap:5px;font-size:10px;line-height:1.5;color:#a6b9d2}
.team-founder__facts strong{font-size:38px;font-weight:550;line-height:1;color:#edf5ff;letter-spacing:-.05em}
.team-founder__facts strong span{color:#70b9ff;font-size:24px}
.team-founder__facts a{display:flex;align-items:center;gap:12px;min-height:44px;margin-left:auto;font-size:12px;color:#d4e7ff;max-width:156px;line-height:1.6}
.team-founder__facts a>span{font-size:24px;transition:transform .3s ease}
.team-founder__facts a:hover>span{transform:translate(3px,-3px)}
.team__roster-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-block:72px 30px}
.team__roster-heading .eyebrow{font-size:10px;letter-spacing:.1em;color:#8fa7c6;margin-bottom:13px}
.team__roster-heading h3{font-size:clamp(26px,2.6vw,36px)}
.team__roster-heading>p{font-size:13px;line-height:1.8;color:#93a9c7}
.team__roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.team-profile{position:relative;grid-column:span 2;display:flex;flex-direction:column;padding:28px 26px 24px;border:1px solid #819fc32b;border-radius:16px;background:linear-gradient(140deg,#17253a75,#0d1828aa);overflow:hidden;transition:border-color .45s ease,background .45s ease,opacity .6s ease-out,transform .7s var(--sw-ease)}
.team-profile:nth-child(-n+2){grid-column:span 3;padding:32px}
.team-profile::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 85% 0,#2e6dd020,transparent 60%);transition:opacity .5s ease}
.team-profile__heading{position:relative;display:flex;align-items:center;gap:17px;min-height:80px}
.team-profile__portrait{position:relative;width:74px;height:74px;flex-shrink:0;border-radius:50%;padding:4px;border:1px solid #98caff30;box-shadow:0 6px 24px #040a1840;background:#172c47}
.team-profile__portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .7s var(--sw-ease),filter .7s ease;filter:saturate(.8)}
.team-profile:nth-child(-n+2) .team-profile__portrait{width:92px;height:92px}
.team-profile__heading>div:nth-child(2){min-width:0}
.team-profile__focus{color:#88b8e9;font-size:9px;letter-spacing:.045em;margin-bottom:7px;line-height:1.5}
.team-profile h4{font-size:20px;font-weight:650;letter-spacing:-.02em;line-height:1.25;margin:0;color:#f2f6fd;text-wrap:balance}
.team-profile:nth-child(-n+2) h4{font-size:24px}
.team-profile__role{color:#a8bad2;font-size:11px;line-height:1.6;margin-top:7px}
.team-profile__index{position:absolute;right:-7px;top:-14px;color:#7d9fcb45;font-size:10px;letter-spacing:.12em}
.team-profile__bio{color:#b6c5d9;font-size:13px;line-height:1.85;margin-top:24px;flex:1}
.team-profile__skills{gap:8px 14px;margin:20px 0 22px;color:#8fbce9;font-size:10px;line-height:1.6}
.team-profile__skills li+li::before{content:"/";color:#4b6989;margin-right:14px}
.team-profile__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #789dc222;padding-top:18px}
.team-profile__experience{display:flex;align-items:center;gap:9px;flex-shrink:0}
.team-profile__experience strong{color:#d7ebff;font-size:36px;font-weight:550;line-height:1;letter-spacing:-.06em}
.team-profile__experience span{color:#94accb;font-size:9px;line-height:1.5}
.team-profile__degree{font-size:10px;text-align:right;line-height:1.6;color:#91a4c1;max-width:125px}
.team__collective{margin-top:64px;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.team .team__photo{border-radius:16px;border:1px solid #789dc222}
.team .team__photo img{height:320px;object-position:50% 48%;filter:saturate(.9)}
.team .team__photo figcaption{left:24px;right:24px;bottom:24px;display:flex;align-items:start;flex-direction:column;gap:6px;color:#f0f5ff;font-size:18px;font-weight:550}
.team .team__photo figcaption span{font-size:9px;letter-spacing:.13em;color:#b6cbe6}
.team__culture .eyebrow{font-size:10px;color:#8db6e1;margin-bottom:18px}
.team__culture h3{font-size:clamp(26px,2.4vw,34px);line-height:1.3}
.team__culture>p:not(.eyebrow){margin-top:20px;color:#a9bbd2;font-size:14px;line-height:1.85;max-width:430px}
.team__principles{gap:12px 20px;font-size:11px;color:#c2d6ef;margin:24px 0 0}
.team__principles li::before{content:"+";color:#6fbaff;margin-right:8px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.team-founder:hover .team-founder__monogram>span{transform:rotate(-2deg) rotateY(4deg) translateY(-6px)}
.team-founder:hover .team-founder__identity::before{transform:translate(-50%,-50%) rotate(-12deg) scaleY(.62)}
.team-profile:hover{border-color:#77b8ff65;background-color:#172b4640}
.team-profile:hover::before{opacity:1}
.team-profile:hover .team-profile__portrait img{transform:scale(1.05);filter:saturate(1)}
}
@media(max-width:1100px){
.team-founder{grid-template-columns:.62fr 1fr}
.team-founder__identity{padding:28px}
.team-founder__content{padding:32px}
.team-founder__facts{gap:20px}
.team-profile{grid-column:span 3}
.team-profile:nth-child(-n+2){padding:28px 26px 24px}
.team-profile:nth-child(-n+2) h4{font-size:20px}
.team-profile:nth-child(-n+2) .team-profile__portrait{width:74px;height:74px}
.team__collective{gap:32px}
}
@media(max-width:800px){
.team{padding-block:56px}
.team__heading{display:block;margin-bottom:30px}
.team__heading>p{max-width:520px;margin-top:22px}
.team-founder{grid-template-columns:1fr}
.team-founder__identity{min-height:230px;padding:24px 30px}
.team-founder__monogram{position:absolute;inset:0 28% 0 0;min-height:0}
.team-founder__monogram>span{font-size:140px}
.team-founder__label{position:relative;z-index:1}
.team-founder__signature{margin-top:auto;align-self:flex-end;flex-direction:column;align-items:end;border:0;padding:0;text-align:right;max-width:190px}
.team-founder__location{font-size:8px}
.team-founder__content{padding:30px}
.team-founder h3{font-size:38px}
.team__roster-heading{margin-top:48px;display:block}
.team__roster-heading>p{margin-top:16px}
.team__collective{grid-template-columns:1fr;gap:30px;margin-top:40px}
.team .team__photo img{height:350px}
.team__culture>p:not(.eyebrow){max-width:600px}
}
@media(max-width:600px){
.team__heading h2{font-size:32px}
.team-founder__identity{min-height:210px;padding:22px}
.team-founder__monogram{inset:25px 33% 0 0}
.team-founder__monogram>span{font-size:112px}
.team-founder__signature{font-size:11px;max-width:145px;gap:14px}
.team-founder__label{font-size:8px}
.team-founder__content{padding:26px 22px}
.team-founder h3{font-size:34px}
.team-founder__role{font-size:11px}
.team-founder__lead{font-size:16px;margin-top:20px}
.team-founder__bio{font-size:13px}
.team-founder__facts{flex-wrap:wrap;column-gap:32px;row-gap:18px}
.team-founder__facts a{flex-basis:100%;max-width:none;margin-left:0;justify-content:space-between;padding-top:12px;border-top:1px solid #b4cfff1f}
.team__roster{grid-template-columns:minmax(0,1fr);gap:16px}
.team-profile,.team-profile:nth-child(-n+2){grid-column:1;padding:26px 22px 22px}
.team-profile__heading{gap:16px}
.team-profile__bio{font-size:14px;line-height:1.8;margin-top:20px}
.team-profile__skills{font-size:11px}
.team-profile__degree{font-size:11px}
.team-profile__experience span{font-size:10px}
.team .team__photo img{height:290px}
}
@media(prefers-reduced-motion:reduce){
.team-founder,.team-profile,.team-founder__identity::before,.team-founder__identity::after,.team-founder__monogram>span,.team-profile__portrait img,.team-profile::before,.team-founder__facts a>span{transition:none}
}
.team-profile__portrait::after{content:"";position:absolute;inset:-5px;border:1px solid transparent;border-top-color:#66cfff;border-right-color:#66cfff75;border-radius:50%;opacity:0;pointer-events:none}
.team--animated [data-team-reveal]:not(.is-visible):not(:focus-within){opacity:0}
.team--animated [data-team-reveal].is-visible{animation:team-arrive .85s var(--sw-ease) var(--team-delay,0ms) backwards}
.team--animated .team__heading.is-visible .team__title-line>span{animation:team-title 1.1s var(--sw-ease) .06s backwards}
.team--animated .team__heading.is-visible .team__title-line:nth-child(2)>span{animation-delay:.2s}
.team--animated .team__heading.is-visible>p{animation:team-arrive .9s var(--sw-ease) .3s backwards}
.team--animated .team-founder__identity.is-visible .team-founder__monogram{animation:team-monogram 1.8s var(--sw-ease) .08s backwards}
.team--animated .team-founder__identity.is-visible::after{animation:team-founder-orbit 2s var(--sw-ease) backwards}
.team--animated .team-founder__identity.is-visible .team-founder__signature{animation:team-arrive 1s var(--sw-ease) .32s backwards}
.team--animated .team-founder__content.is-visible>:not(.team-founder__role){animation:team-arrive .85s var(--sw-ease) calc(var(--team-delay,0ms) + .14s) backwards}
.team--animated .team-founder__content.is-visible>.team-founder__lead{animation-delay:calc(var(--team-delay,0ms) + .22s)}
.team--animated .team-founder__content.is-visible>.team-founder__bio{animation-delay:calc(var(--team-delay,0ms) + .3s)}
.team--animated .team-founder__content.is-visible>.team-founder__bio+.team-founder__bio{animation-delay:calc(var(--team-delay,0ms) + .38s)}
.team--animated .team-founder__content.is-visible>.team-founder__skills{animation-delay:calc(var(--team-delay,0ms) + .44s)}
.team--animated .team-founder__content.is-visible>.team-founder__facts{animation-delay:calc(var(--team-delay,0ms) + .5s)}
.team--animated .team-profile.is-visible .team-profile__portrait{animation:team-portrait 1.2s var(--sw-ease) calc(var(--team-delay,0ms) + .08s) backwards}
.team--animated .team-profile.is-visible .team-profile__portrait::after{animation:team-portrait-orbit 1.7s ease-out calc(var(--team-delay,0ms) + .1s) backwards}
.team--animated .team-profile.is-visible::before{animation:team-light 1.8s ease-out var(--team-delay,0ms) backwards}
.team--animated .team-profile.is-visible .team-profile__heading>div:nth-child(2){animation:team-arrive .85s var(--sw-ease) calc(var(--team-delay,0ms) + .18s) backwards}
.team--animated .team-profile.is-visible .team-profile__bio{animation:team-arrive .85s var(--sw-ease) calc(var(--team-delay,0ms) + .28s) backwards}
.team--animated .team-profile.is-visible .team-profile__skills{animation:team-arrive .85s var(--sw-ease) calc(var(--team-delay,0ms) + .36s) backwards}
.team--animated .team-profile.is-visible .team-profile__foot{animation:team-arrive .85s var(--sw-ease) calc(var(--team-delay,0ms) + .44s) backwards}
.team--animated .team__photo.is-visible img{animation:team-photo 1.7s var(--sw-ease) backwards}
.team--animated .team__photo.is-visible figcaption{animation:team-arrive 1s var(--sw-ease) .28s backwards}
.team--animated .team__culture.is-visible h3{animation:team-arrive .9s var(--sw-ease) .1s backwards}
.team--animated .team__culture.is-visible>p:not(.eyebrow),.team--animated .team__culture.is-visible .team__principles{animation:team-arrive 1s var(--sw-ease) .24s backwards}
.team--animated [data-team-reveal]:focus-within,.team--animated [data-team-reveal]:focus-within *{animation:none!important;opacity:1}
@keyframes team-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes team-title{from{opacity:0;transform:translateY(110%) rotate(1.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes team-monogram{from{opacity:0;transform:translateY(24px) rotate(-9deg) scale(.84)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes team-founder-orbit{from{opacity:0;transform:translate(-50%,-50%) rotate(-35deg) scaleY(.7)}to{opacity:1;transform:translate(-50%,-50%) rotate(32deg) scaleY(.7)}}
@keyframes team-portrait{from{opacity:0;transform:scale(.78) rotate(-8deg)}65%{opacity:1;transform:scale(1.035) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes team-portrait-orbit{0%{opacity:0;transform:rotate(-110deg) scale(.92)}28%{opacity:.9}100%{opacity:0;transform:rotate(150deg) scale(1.12)}}
@keyframes team-light{0%,100%{opacity:0}35%{opacity:1}}
@keyframes team-photo{from{transform:scale(1.07)}to{transform:scale(1)}}
[data-motion="static"] .team--animated [data-team-reveal]{opacity:1!important;transform:none!important}
[data-motion="static"] .team--animated *,[data-motion="static"] .team--animated *::before,[data-motion="static"] .team--animated *::after{animation:none!important}
@media(prefers-reduced-motion:reduce){
.team--animated [data-team-reveal]{opacity:1!important;transform:none!important}
.team--animated *,.team--animated *::before,.team--animated *::after{animation:none!important}
}
