.oss-home-team { --team-ink:#222529; --team-muted:#5d636c; --team-line:#e4e6e9; --team-accent:#dd292b; padding:48px 0 64px; color:var(--team-ink); }
.oss-home-team__head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.oss-home-team__eyebrow { margin:0 0 8px; color:var(--team-muted); font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.oss-home-team h2 { margin:0; font-size:clamp(26px,2.4vw,36px); line-height:1.2; letter-spacing:-.025em; font-weight:650; }
.oss-home-team__intro { margin:12px 0 0; color:var(--team-muted); font-size:15px; line-height:1.5; }
.oss-home-team__all { display:inline-flex; flex-shrink:0; align-items:center; gap:18px; min-height:44px; font-size:14px; color:var(--team-ink); }
.oss-home-team__all span { font-size:22px; color:var(--team-accent); }
.oss-home-team__rail { --team-gap:20px; display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 3 * var(--team-gap)) / 4); gap:var(--team-gap); padding:5px; margin:0 -5px; list-style:none; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:5px; scrollbar-width:none; }
.oss-home-team__rail::-webkit-scrollbar { display:none; }
.oss-home-team__rail .oss-home-team__slide { min-width:0; padding:0; margin:0; scroll-snap-align:start; list-style:none; }
.oss-home-team__slide::before { display:none; }
.oss-home-team a { text-decoration:none !important; }
.oss-home-team__card { display:flex; flex-direction:column; height:100%; color:var(--team-ink); border:1px solid var(--team-line); border-radius:16px; overflow:hidden; background:#fff; transition:border-color .18s ease,box-shadow .18s ease; }
.oss-home-team__photo { position:relative; aspect-ratio:1; overflow:hidden; background:#f5f6f7; }
.oss-home-team__photo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.oss-home-team__card-arrow { position:absolute; top:14px; right:14px; display:grid; place-items:center; width:32px; height:32px; border:1px solid #e1e4e7; border-radius:50%; background:#fff; color:var(--team-ink); font-size:20px; }
.oss-home-team__info { padding:20px 18px 22px; }
.oss-home-team h3 { margin:0 0 8px; font-size:19px; line-height:1.3; font-weight:600; letter-spacing:-.015em; color:var(--team-ink); overflow-wrap:break-word; }
.oss-home-team__info p { margin:0; font-size:13px; line-height:1.5; color:var(--team-muted); overflow-wrap:break-word; }
.oss-home-team__no-photo { display:grid; place-items:center; height:100%; color:var(--team-muted); font-size:14px; }
.oss-home-team__controls { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; }
.oss-home-team__controls[hidden] { display:none; }
.oss-home-team__position { display:flex; align-items:center; gap:24px; flex:1; }
.oss-home-team__counter { min-width:85px; font-size:13px; font-variant-numeric:tabular-nums; color:var(--team-muted); }
.oss-home-team__progress { display:block; width:min(220px,40%); height:2px; overflow:hidden; background:var(--team-line); }
.oss-home-team__progress>span { display:block; height:100%; width:25%; background:var(--team-accent); transition:width .2s ease; }
.oss-home-team__arrows { display:flex; gap:10px; }
.oss-home-team__arrows button { display:grid; place-items:center; width:48px; height:48px; padding:0; border:1px solid var(--team-line); border-radius:50%; background:#fff; color:var(--team-ink); cursor:pointer; font:24px/1 Arial,sans-serif; transition:background .18s ease,border-color .18s ease; }
.oss-home-team__arrows button:disabled { opacity:.35; cursor:default; }
.oss-home-team a:focus-visible,.oss-home-team button:focus-visible,.oss-home-team__rail:focus-visible { outline:2px solid var(--team-accent); outline-offset:3px; }
@media (hover:hover) { .oss-home-team__card:hover { border-color:#c6cbd0; box-shadow:0 5px 16px #24272c0b; } .oss-home-team__card:hover h3,.oss-home-team__all:hover { color:var(--team-accent); } .oss-home-team__arrows button:hover:not(:disabled) { color:#fff; border-color:var(--team-accent); background:var(--team-accent); } }
@media (min-width:761px) and (max-width:991px) { .oss-home-team__rail { grid-auto-columns:calc((100% - var(--team-gap)) / 2); } }
@media (max-width:760px) { .oss-home-team { padding:32px 0 40px; } .oss-home-team__head { align-items:flex-start; gap:12px; margin-bottom:20px; } .oss-home-team h2 { font-size:26px; } .oss-home-team__intro { font-size:14px; } .oss-home-team__all { font-size:12px; gap:8px; } .oss-home-team__rail { --team-gap:14px; grid-auto-columns:82%; } .oss-home-team__info { padding:20px; } .oss-home-team h3 { font-size:21px; } .oss-home-team__info p { font-size:14px; } .oss-home-team__controls { margin-top:18px; } .oss-home-team__position { gap:12px; } .oss-home-team__progress { width:min(100px,35%); } }
@media (prefers-reduced-motion:reduce) { .oss-home-team__card,.oss-home-team__arrows button,.oss-home-team__progress>span { transition:none; } }