/* Team directory links keep the established portrait and hover treatment. */
main.itnet-company .team-directory{opacity:1;transform:none}
main.itnet-company .team-profile-link{display:block;width:100%;height:100%;border-radius:22px;outline-offset:7px}
main.itnet-company .team-profile-link:focus-visible{outline:2px solid var(--blue,#2196ef)}
main.itnet-company .team-profile-link:focus-visible .team-photo-front{filter:grayscale(0) saturate(1.15) contrast(1.03)}
main.itnet-company .team-profile-hint{display:block;text-align:center;color:var(--blue,#2196ef);font-size:12px;margin-top:6px}
.itnet-profile{padding:112px 0 85px;overflow:hidden}
.itnet-profile .profile-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:50px;font-size:14px}
.itnet-profile .profile-nav a{padding:8px 0;border-bottom:1px solid var(--line,#ffffff24)}
.itnet-profile .profile-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:clamp(30px,6vw,80px);align-items:center}
.itnet-profile .profile-kicker{color:var(--blue,#2196ef);font-size:14px;font-weight:650;margin:0 0 15px}
.itnet-profile .profile-title{font-size:clamp(34px,4.5vw,62px);line-height:1.45;letter-spacing:-.025em;margin:0 0 18px;font-weight:800;text-wrap:balance}
.itnet-profile .profile-name{font-size:clamp(24px,3vw,36px);font-weight:750;margin-bottom:4px}
.itnet-profile .profile-role{color:var(--muted,#8e969f);font-size:17px;line-height:1.8;margin:0 0 22px}
.itnet-profile .profile-traits{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.itnet-profile .profile-traits li{border:1px solid var(--line,#ffffff25);background:color-mix(in srgb,var(--blue,#2196ef) 7%,transparent);padding:7px 14px;border-radius:30px;font-size:13px}
.itnet-profile .profile-portrait{margin:0;position:relative;max-width:350px;width:100%;justify-self:center;aspect-ratio:1;border-radius:32px;overflow:hidden;border:1px solid var(--line,#ffffff24);background:#092d3d;transform:rotate(-3deg)}
.itnet-profile .profile-portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04) rotate(3deg)}
.itnet-profile .profile-story{margin-top:60px;border-top:1px solid var(--line,#ffffff24);padding-top:36px;display:grid;grid-template-columns:1fr 2fr;gap:35px}
.itnet-profile .profile-story h2{font-size:25px;line-height:1.6;margin:0}
.itnet-profile .profile-story p{font-size:17px;line-height:2.05;margin:0 0 20px;max-width:70ch}
.itnet-profile .profile-sample{display:inline-block;font-size:12px;color:var(--muted,#8e969f);border-inline-start:2px solid var(--blue,#2196ef);padding-inline-start:10px;margin-top:10px}
.itnet-profile .profile-next{margin-top:45px;padding-top:24px;border-top:1px solid var(--line,#ffffff24);display:flex;justify-content:space-between;align-items:center;gap:24px}
.itnet-profile .profile-next a{color:var(--blue,#2196ef)}
@media(max-width:680px){.itnet-profile .profile-layout{grid-template-columns:1fr}.itnet-profile .profile-portrait{max-width:270px}.itnet-profile .profile-story{grid-template-columns:1fr;gap:18px;margin-top:40px}.itnet-profile .profile-nav{margin-bottom:30px}.itnet-profile .profile-next{flex-wrap:wrap}.itnet-profile .profile-title{font-size:36px}}
@media(prefers-reduced-motion:reduce){.itnet-profile *{scroll-behavior:auto}}

main.itnet-company .team-directory{scroll-margin-top:130px}
