/* Smena tut: local refinement of the existing blue identity. */
.smena-ui{--smena-blue:#365edc;--smena-blue-hover:#2747b2;--smena-ink:#242631;--smena-line:#dce3f2;--smena-surface:#f3f6fc}
.smena-ui :where(a,button):focus-visible{outline:3px solid var(--smena-blue);outline-offset:4px}
.smena-ui .header__nav :where(a,button):focus-visible{outline-color:#fff}
.smena-ui :where(section,#welcome-video){scroll-margin-top:100px}
.smena-ui .btn{border-radius:10px;letter-spacing:0;box-shadow:0 8px 20px -10px rgba(40,74,183,.35);transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
.smena-ui .btn--blue{background:var(--smena-blue)}
.smena-ui .btn--blue:hover{background:var(--smena-blue-hover)}
.smena-ui .btn:active{transform:translateY(1px);box-shadow:none}
.smena-ui .header__nav{border-radius:12px;box-shadow:0 10px 26px -18px rgba(40,74,183,.45)}
.smena-ui .navigation__link{padding:10px 0;text-underline-offset:6px}
.smena-ui .navigation__link:hover{text-decoration:underline;color:#fff}
.smena-ui .top-header.sticky{box-shadow:0 4px 20px rgba(36,38,49,.08)}
.smena-ui .jobs__item-text a{color:var(--smena-blue-hover);text-decoration-thickness:1px;text-underline-offset:3px}
.smena-ui .vacancies{padding:64px 0;background:var(--smena-surface)}
.smena-ui .vacancies__title{font-size:clamp(30px,3.6vw,44px);line-height:1.15;color:var(--smena-ink);margin-bottom:24px;letter-spacing:-.02em}
.smena-ui .smena-role-filter{margin:0 auto 28px;max-width:920px;text-align:center}
.smena-ui .smena-role-filter__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.smena-ui .smena-role-filter button{font:500 16px/1.3 RobotoSerif,sans-serif;min-height:44px;padding:11px 18px;border:1px solid var(--smena-line);border-radius:24px;color:var(--smena-ink);background:#fff;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
.smena-ui .smena-role-filter button:disabled{cursor:default}
.smena-ui .smena-role-filter button[aria-pressed="true"]{background:var(--smena-blue);border-color:var(--smena-blue);color:#fff}
.smena-ui .smena-role-filter button:not([aria-pressed="true"]):hover:not(:disabled){border-color:var(--smena-blue);color:var(--smena-blue-hover)}
.smena-ui [data-role-count]{display:block;min-height:24px;margin-top:12px;font:400 15px/24px RobotoSerif,sans-serif;color:#51596c}
.smena-ui .vacancies__cards{gap:24px}
.smena-ui .vacancies__card{border:1px solid var(--smena-line);border-radius:14px;box-shadow:none;flex-basis:calc(33.333% - 16px);max-width:calc(33.333% - 16px);transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.smena-ui .vacancies__card[hidden]{display:none!important}
.smena-ui .vacancies__card>img{order:0}.smena-ui .vacancies__card>h3{order:1}.smena-ui .vacancies__card>ul{order:2}.smena-ui .vacancies__card>.smena-role-link{order:3}
.smena-ui .vacancies__card img{height:210px}
.smena-ui .vacancies__card h3{font-size:24px;line-height:1.25;color:var(--smena-ink);margin:20px 20px 16px}
.smena-ui .vacancies__card ul{margin:0 20px 8px}
.smena-ui .vacancies__card li{line-height:1.5}
.smena-ui .vacancies__card b{color:var(--smena-ink);font-weight:600}
.smena-ui .smena-role-link{display:flex;align-items:center;min-height:44px;margin:0 20px 16px;padding:8px 0;color:var(--smena-blue-hover);font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:4px;margin-top:auto}
.smena-ui #smena-content-links nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:#fff;border:1px solid var(--smena-line);border-radius:10px;text-underline-offset:4px}
.smena-ui .smena-video-button{background:var(--smena-blue);border-radius:10px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.smena-ui .vacancies__card:hover{transform:translateY(-3px);border-color:#aabceb;box-shadow:0 12px 28px -20px rgba(40,74,183,.4)}.smena-ui .btn:hover{box-shadow:0 10px 24px -12px rgba(40,74,183,.5)}}
@media(max-width:768px){.smena-ui .vacancies__card{flex-basis:calc(50% - 12px);max-width:calc(50% - 12px)}.smena-ui .vacancies__card h3{font-size:22px}.smena-ui .vacancies{padding:40px 0}}
@media(max-width:540px){.smena-ui .vacancies__cards{gap:16px}.smena-ui .vacancies__card{flex-basis:100%;max-width:100%;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:16px;padding:16px}.smena-ui .vacancies__card img{width:104px;height:132px;object-fit:cover;border-radius:9px;grid-row:1/3;align-self:start}.smena-ui .vacancies__card h3{font-size:20px;line-height:1.25;margin:0 0 12px}.smena-ui .vacancies__card ul{margin:0;font-size:15px}.smena-ui .vacancies__card ul li{font-size:15px;line-height:1.4;margin-bottom:6px}.smena-ui .vacancies__card b{display:block}.smena-ui .smena-role-link{grid-column:1/-1;margin:8px 0 0;min-height:44px;padding:10px 0 0;border-top:1px solid var(--smena-line)}.smena-ui .vacancies__cards>.vacancies__card:last-child{display:none}.smena-ui .vacancies__title{font-size:32px;margin-bottom:22px}.smena-ui .smena-role-filter__buttons{justify-content:flex-start}.smena-ui .smena-role-filter button{padding:11px 14px;font-size:14px}.smena-ui .smena-role-filter{text-align:left;margin-bottom:20px}.smena-ui .header__button{min-height:44px;max-height:44px;font-size:15px;max-width:132px}.smena-ui .header__logo{max-width:150px}.smena-ui .header__wrap{gap:12px}.smena-ui #smena-content-links{padding:32px 20px!important}.smena-ui #smena-content-links nav{gap:10px!important}.smena-ui #smena-content-links nav a{font-size:16px}.smena-ui .title{line-height:1.2}.smena-ui .btn{min-height:44px}}
@media(max-width:350px){.smena-ui .header__logo{max-width:128px}.smena-ui .header__button{max-width:116px;font-size:14px}.smena-ui .vacancies__card{grid-template-columns:86px minmax(0,1fr);gap:12px;padding:12px}.smena-ui .vacancies__card img{width:86px;height:122px}.smena-ui .vacancies__card h3{font-size:18px}.smena-ui .vacancies__card ul li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.smena-ui *,.smena-ui *::before,.smena-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.smena-ui .btn:active,.smena-ui .vacancies__card:hover{transform:none}}
@media(max-width:540px){.smena-ui .vacancies__card>h3{grid-column:2;grid-row:1}.smena-ui .vacancies__card>ul{grid-column:2;grid-row:2}.smena-ui .vacancies__card>.smena-role-link{grid-row:3}}