.team{position:relative;isolation:isolate;min-height:760px;height:100svh;padding:clamp(32px,5vh,54px) max(32px,calc((100vw - 1480px)/2));display:flex;flex-direction:column;gap:40px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;color:#edf1ed}
.team-heading{flex:none;padding-right:32px}.team .section-label{margin-bottom:14px}
.team h2{font-size:clamp(40px,4.7vw,72px);font-weight:450;line-height:1.08;letter-spacing:-.055em;text-wrap:balance;margin:0}
html[lang=en] .team h2{font-size:clamp(36px,4.2vw,65px)}
.team-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;flex:1;min-height:0;align-items:center;outline:none;padding:12px 3px 20px}
.team-deck:focus-visible{outline:1px solid #b4c4c6;outline-offset:7px;border-radius:24px}
.team-card{--surface:#d9b983;--ink:#3b2d22;--glow:#fff1c7;--lean:-1.6deg;--lift:9px;--portrait-x:0px;--portrait-y:0px;position:relative;height:100%;max-height:620px;min-height:0;outline:none;perspective:900px}
.team-card-shell{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;border:1px solid #ffffff36;border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:0 16px 40px #02081038;transform:translateY(var(--lift)) rotate(var(--lean));transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.team-card:hover .team-card-shell,.team-card:focus-within .team-card-shell{transform:translateY(-5px) rotate(0);box-shadow:0 22px 50px #02081060}
.team-card:focus-visible .team-card-shell{outline:2px solid #efdab0;outline-offset:3px}
.team-burak{--surface:#acd1c0;--ink:#173f39;--glow:#e2f1cc;--lean:1.2deg;--lift:-7px}
.team-ersin{--surface:#bfb7e2;--ink:#30294c;--glow:#e7dcf6;--lean:-.9deg;--lift:12px}
.team-serkan{--surface:#e0ad99;--ink:#51342e;--glow:#f7dbbd;--lean:1.5deg;--lift:-2px}
.team-yusuf{--surface:#a9ccdf;--ink:#253e53;--glow:#dfedf6;--lean:-1.2deg;--lift:6px}
.team-portrait{position:relative;isolation:isolate;flex:1;min-height:180px;margin:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--glow),transparent 69%)}
.team-portrait::before{content:'';position:absolute;left:12%;right:12%;top:13%;bottom:12%;border:1px solid #ffffff65;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.team-burak .team-portrait::before{border-radius:38% 62% 42% 58%;transform:rotate(20deg)}
.team-ersin .team-portrait::before{border-radius:50% 35% 50% 35%;transform:rotate(-12deg)}
.team-serkan .team-portrait::before{border-radius:48% 48% 35% 35%;transform:rotate(18deg)}
.team-avatar{position:absolute;inset:8px -2% -3px;animation:team-drift 7s ease-in-out infinite;animation-delay:calc(var(--person)*-1.4s);will-change:transform}
.team-avatar img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translate3d(var(--portrait-x),var(--portrait-y),0);transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 12px 12px #1c213021)}
.team-yusuf .team-portrait::before{border-radius:42% 58% 47% 53%;transform:rotate(-16deg)}
.team-profile{position:relative;z-index:1;flex:none;padding:19px 18px 23px;min-height:300px;background:linear-gradient(180deg,transparent,var(--surface) 16px)}
.team-profile h3{font-size:clamp(25px,2vw,32px);line-height:1.08;letter-spacing:-.05em;font-weight:600;margin:0 0 12px}.team-profile h3 span{display:block}
.team-role{font-size:14px;line-height:1.5;font-weight:650;margin:0 0 10px;min-height:42px}
.team-bio{font-size:16px;line-height:1.5;letter-spacing:-.015em;margin:0;min-height:72px;opacity:.86}
.team-contact{display:flex;gap:8px;margin-top:17px}
.team-contact a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #20312d33;border-radius:50%;color:inherit;background:#ffffff0a;text-decoration:none;transition:background .2s,transform .2s;touch-action:manipulation}
.team-contact a:hover{background:#ffffff40;transform:translateY(-2px)}.team-contact a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.linkedin-glyph{font-family:Arial,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.035em;line-height:1}
.team-pagination{display:none}.team.motion-paused .team-avatar{animation-play-state:paused}
.team.in-view .team-card{animation:team-arrive .8s cubic-bezier(.2,.8,.2,1) calc(var(--person)*90ms) both}
@keyframes team-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes team-arrive{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
@media(min-width:1280px) and (max-height:800px){.team{gap:26px;padding-block:30px}.team h2{font-size:50px}.team-profile{padding:14px 20px 20px}.team-profile h3{font-size:29px}.team-role{font-size:13px;margin-bottom:8px;min-height:39px}.team-bio{font-size:15px;min-height:68px}.team-contact{margin-top:13px}.team-avatar{inset:3px -2% -3px}}
@media(max-width:1279px){
 .team{height:100svh;min-height:760px;padding:42px 0 28px;gap:24px}
 .team-heading{padding:0 24px}.team .section-label{margin-bottom:13px;font-size:11px}
 .team h2,html[lang=en] .team h2{font-size:clamp(36px,9.5vw,54px);line-height:1.1;max-width:440px;text-wrap:balance}
 .team-deck{display:flex;gap:14px;align-items:stretch;padding:5px 24px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:24px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .team-deck::-webkit-scrollbar{display:none}.team-deck:focus-visible{outline-offset:-4px}
 .team-card{flex:0 0 calc(100vw - 64px);max-width:430px;height:100%;max-height:none;scroll-snap-align:start;scroll-snap-stop:always;perspective:none}
 .team-card-shell,.team-card:hover .team-card-shell,.team-card:focus-within .team-card-shell{transform:none;border-radius:25px}
 .team-card:focus-visible .team-card-shell{outline-offset:-3px}
 .team-portrait{min-height:170px}.team-avatar{inset:0 -1% -4px}
 .team-profile{padding:16px 24px 21px;min-height:255px}.team-profile h3{font-size:31px;margin-bottom:10px}
 .team-role{min-height:0;font-size:14px;margin-bottom:10px}.team-bio{min-height:0;font-size:16px;line-height:1.45}.team-contact{margin-top:15px}
 .team-contact a{width:40px;height:40px}
 .team-pagination{display:flex;align-items:center;gap:15px;margin:0 25px;font-size:12px;color:#a5b5b6;font-variant-numeric:tabular-nums;flex:none}.team-current{color:#f0ebe1}
 .team-progress{display:block;position:relative;height:2px;background:#71858a35;flex:1;overflow:hidden}.team-progress>span{position:absolute;left:0;top:0;height:100%;width:calc(100%/var(--team-count,5));background:#bed2cf;translate:calc(var(--team-index,0)*100%) 0;transition:translate .3s}
}
@media(prefers-reduced-motion:reduce){.team-avatar{animation:none;will-change:auto}.team-avatar img{transform:none}.team-card-shell,.team-card:hover .team-card-shell,.team-card:focus-within .team-card-shell{transform:none}.team.in-view .team-card{opacity:1;translate:none}}
