:root{--ons-blue:#168fc1;--ons-dark:#17304f;--ons-light:#eef7fb;--ons-accent:#ffd21f;--ons-red:#e62b38}
.ons-mensen{width:100%;max-width:1240px;margin:0 auto;padding:42px 20px 64px;font-family:inherit;color:var(--ons-dark)}
.ons-mensen__title{margin:0 0 32px;text-align:center;font-size:clamp(2.4rem,5vw,4.75rem);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ons-dark)}
.ons-mensen__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 36px}
.ons-filter{appearance:none;border:1px solid #d9e2e8;background:#fff;color:var(--ons-dark);border-radius:999px;padding:11px 22px;font:inherit;font-weight:700;cursor:pointer;transition:.2s ease}
.ons-filter:hover,.ons-filter:focus-visible{border-color:var(--ons-blue);color:var(--ons-blue);transform:translateY(-1px)}
.ons-filter.is-active{border-color:var(--ons-blue);background:var(--ons-blue);color:#fff;box-shadow:0 7px 18px rgba(22,143,193,.22)}
.ons-mensen__grid{display:grid;grid-template-columns:repeat(var(--ons-columns),minmax(0,1fr));gap:28px 24px;align-items:stretch}
.ons-card{min-width:0;transition:opacity .2s ease,transform .2s ease}.ons-card[hidden]{display:none}
.ons-card__link{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border:1px solid #e3e8ec;border-radius:28px;color:inherit;text-decoration:none!important;box-shadow:0 5px 22px rgba(23,48,79,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ons-card__link:hover,.ons-card__link:focus-visible{transform:translateY(-5px);box-shadow:0 16px 35px rgba(23,48,79,.14);border-color:rgba(22,143,193,.45)}
.ons-card__media{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--ons-light)}
.ons-card__media:after{content:"";position:absolute;left:0;bottom:0;width:76%;height:12px;background:linear-gradient(90deg,var(--ons-blue) 0 68%,var(--ons-accent) 68% 84%,var(--ons-red) 84%)}
.ons-card__image{width:100%!important;height:100%!important;display:block;object-fit:cover;object-position:center top;transition:transform .35s ease}
.ons-card__link:hover .ons-card__image{transform:scale(1.025)}
.ons-card__placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#eaf6fb,#b9e1f1);font-size:3rem;font-weight:900;color:var(--ons-blue)}
.ons-card__number{position:absolute;left:16px;bottom:26px;display:grid;place-items:center;min-width:45px;height:45px;padding:0 12px;border-radius:13px;background:#fff;color:var(--ons-dark);font-size:1.1rem;font-weight:900;box-shadow:0 5px 16px rgba(23,48,79,.18)}
.ons-card__body{display:flex;flex-direction:column;flex:1;padding:19px 20px 21px}.ons-card__name{margin:0;font-size:1.28rem;line-height:1.18;font-weight:800;color:var(--ons-dark)}
.ons-card__role{margin:8px 0 14px;color:#627282;line-height:1.35}.ons-card__more{margin-top:auto;padding-top:14px;color:var(--ons-blue);font-weight:800}.ons-card__more span{display:inline-block;transition:transform .2s ease}.ons-card__link:hover .ons-card__more span{transform:translateX(4px)}
.ons-mensen__empty{text-align:center;font-weight:700;padding:30px}.ons-mensen__empty[hidden]{display:none}
.ons-profile-page{background:#fff;padding:clamp(36px,7vw,90px) 0}.ons-profile-page__inner{width:100%}
.ons-profile{display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:clamp(28px,5vw,58px);max-width:920px;margin:0 auto;padding:clamp(20px,3vw,34px);align-items:start;color:var(--ons-dark);background:#fff;border:1px solid #e4ebef;border-radius:32px;box-shadow:0 14px 38px rgba(23,48,79,.11)}
.ons-profile__photo{overflow:hidden;border-radius:24px;box-shadow:0 10px 26px rgba(23,48,79,.13)}.ons-profile__photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.ons-profile__name{margin:0 0 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.035em;color:var(--ons-dark)}
.ons-profile__role{display:inline-block;margin:0 0 18px;padding:9px 16px;border-radius:999px;background:var(--ons-blue);color:#fff;font-weight:800}.ons-profile__portfolio{padding:15px 18px;background:var(--ons-light);border-left:5px solid var(--ons-blue);border-radius:4px 14px 14px 4px}
.ons-profile__bio{font-size:1.05rem;line-height:1.65}.ons-profile__bio>:first-child{margin-top:0}.ons-profile__bio>:last-child{margin-bottom:0}.ons-profile__contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ons-profile__contact a{display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--ons-dark);color:#fff;text-decoration:none!important;font-weight:700}.ons-profile__contact a:hover{background:var(--ons-blue)}
@media(max-width:1024px){.ons-mensen__grid{grid-template-columns:repeat(min(3,var(--ons-columns)),minmax(0,1fr))}}
@media(max-width:767px){.ons-mensen{padding:30px 14px 46px}.ons-mensen__title{text-align:left;margin-bottom:24px}.ons-mensen__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 26px;padding:0 14px 8px;scrollbar-width:none}.ons-mensen__filters::-webkit-scrollbar{display:none}.ons-filter{white-space:nowrap;padding:9px 17px}.ons-mensen__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.ons-card__link{border-radius:20px}.ons-card__body{padding:14px}.ons-card__name{font-size:1rem}.ons-card__role{font-size:.86rem;margin:6px 0 9px}.ons-card__more{font-size:.88rem;padding-top:8px}.ons-card__number{left:10px;bottom:20px;min-width:36px;height:36px;border-radius:10px}.ons-profile-page{padding:26px 14px}.ons-profile{grid-template-columns:1fr;padding:18px;border-radius:24px}.ons-profile__photo{max-width:360px;margin:0 auto}.ons-profile__name{text-align:center}.ons-profile__role{display:block;width:max-content;margin-left:auto;margin-right:auto}.ons-profile__portfolio{font-size:.95rem}}
@media(max-width:420px){.ons-mensen__grid{grid-template-columns:1fr}.ons-card__media{aspect-ratio:1/1.06}.ons-card__name{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.ons-card,.ons-card__link,.ons-card__image,.ons-card__more span{transition:none!important}}