/* fonts are served by the site itself (fonts/): Google Fonts took ~7 s to connect from Russia and held back the page script;
   it also keeps visitors' addresses away from Google (152-FZ). Onest is one variable file for weights 400-700. */
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/ebgaramond-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/ebgaramond-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/ebgaramond-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/ebgaramond-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/onest-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/onest-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/onest-symbols.woff2) format('woff2'); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/onest-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/onest-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* AVM-Service theme. Base frame of the mockup: 1440px, side paddings 50px. */

:root {
    --navy: #100e38;
    --accent: #5a54d2;
    --accent-soft: #e6e6f8;
    --muted: #87869b;
    --line: #dcdce4;
    --bg-soft: #f4f6f7;
    --white: #fff;
    --radius: 16px;
    --pad: 50px;
    --side: clamp(0px, (100vw - 1440px) / 2, 240px); /* 1920 window: (1920-1440)/2 = 240 */
    --header-h: 90px;
    --font: 'Onest', 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }

html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 10px); -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.25;
    color: var(--navy);
    background: var(--white);
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p, ul { margin: 0; padding: 0; }
ul { list-style: none; }
button, input, textarea { font: inherit; color: inherit; }

.avm-container {
    width: 100%;
    margin: 0 auto;
    padding: 0 calc(var(--pad) + var(--side));
}

.avm-h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin-bottom: 30px;
}
.avm-h2--light { color: var(--white); }

.avm-section { padding-top: 53px; padding-bottom: 27px; }

/* ---------- buttons ---------- */

.avm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 54px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s, color .2s, border-color .2s, transform .2s;
}
.avm-btn:active { transform: translateY(1px); }
.avm-btn:focus-visible, .avm-services__tab:focus-visible, .avm-input:focus-visible, .avm-scroll__btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.avm-btn--sm { height: 44px; padding: 0 21px; border-radius: 22px; font-size: 16px; }
.avm-btn--lg { height: 73px; padding: 0 25px; border-radius: 18px; font-size: 24px; }
.avm-btn--block { width: 100%; height: 62px; border-radius: 31px; }

.avm-btn--dark { background: var(--navy); color: var(--white); }
.avm-btn--dark:hover { background: #231f63; }
.avm-btn--accent { background: var(--accent); color: var(--white); }
.avm-btn--accent:hover { background: #4942bd; }
.avm-btn--white { background: var(--white); color: var(--navy); }
.avm-btn--white:hover { background: var(--accent-soft); }
.avm-btn--outline { background: var(--white); border-color: var(--line); color: var(--navy); }
.avm-btn--outline:hover { border-color: var(--accent); color: var(--accent); }
.avm-btn--outline:hover .avm-arrow { transform: translateX(3px); }
.avm-arrow { transition: transform .2s; }

.avm-actions { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; }

/* ---------- header ---------- */

.avm-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 50;
    background: rgba(244, 246, 247, .96); /* design: grey bar #f4f6f7 with rounded bottom corners */
    border-radius: 0 0 15px 15px;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    transition: background-color .2s, box-shadow .2s;
}

.avm-header__bar {
    position: relative;
    height: var(--header-h);
    margin: 0 auto;
    padding: 0 calc(var(--pad) + var(--side));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.avm-logo { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.avm-logo__emblem { display: block; width: 31px; height: 28px; flex: none; }
.avm-logo__text { display: flex; flex-direction: column; gap: 3px; }
.avm-logo__name { font-size: 23px; line-height: 1; font-weight: 700; letter-spacing: .01em; }
.avm-logo__slogan { font-size: 7.4px; line-height: 1; color: var(--accent); letter-spacing: .01em; white-space: nowrap; }

.avm-nav { position: absolute; left: 50%; transform: translateX(-50%); display: flex; gap: 25px; }
.avm-nav a { font-size: 16px; color: #4d4c66; transition: color .2s; }
.avm-nav a:hover { color: var(--accent); }

.avm-burger { display: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px; background: var(--navy); cursor: pointer; }
.avm-burger span { display: block; width: 18px; height: 2px; margin: 4px auto; background: var(--white); border-radius: 2px; transition: transform .2s, opacity .2s; }
.avm-header.is-open .avm-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.avm-header.is-open .avm-burger span:nth-child(2) { opacity: 0; }
.avm-header.is-open .avm-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ---------- hero ---------- */

.avm-hero {
    position: relative;
    min-height: 897px; /* design 1015:339: 1400x897, 20px from the page edges */
    margin: 0 calc(20px + var(--side));
    display: flex;
    align-items: flex-end;
    color: var(--white);
    background: var(--navy) center / cover no-repeat;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
.avm-hero__shade {
    position: absolute;
    inset: var(--header-h) 0 0 0;
    background: linear-gradient(180deg, rgba(16, 14, 56, 0) 0%, rgba(16, 14, 56, .28) 38%, rgba(16, 14, 56, .78) 72%, rgba(16, 14, 56, .94) 100%);
}
.avm-hero__inner { position: relative; padding: calc(var(--header-h) + 60px) max(0px, calc(var(--pad) - 20px)) 60px; } /* the hero is inset by 20px: the text stays on the 50px grid of the other sections */
.avm-hero + .avm-section { padding-top: 40px; }

.avm-hero__title {
    font-size: 38px;
    line-height: 46px;
    font-weight: 600;
    letter-spacing: -0.01em;
}
.avm-hero__actions { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; }
.avm-hero__dot { display: none; } /* the full stop after the short mobile title */

.avm-about { margin-top: 30px; }
.avm-about__row { display: flex; align-items: flex-start; gap: 94px; }
.avm-about__text { flex: 0 0 433px; max-width: 433px; font-size: 16px; line-height: 20px; }

.avm-facts { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }
.avm-facts__item { display: flex; flex-direction: column; gap: 3px; }
.avm-facts__item b { font-size: 16px; line-height: 20px; font-weight: 600; white-space: nowrap; }
.avm-facts__item span { font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, .78); white-space: nowrap; }
.avm-facts__item--num { gap: 0; }
.avm-facts__item--num b { font-size: 36px; line-height: 44px; }

/* ---------- services ---------- */

.avm-services { display: grid; grid-template-columns: 374px minmax(0, 1fr); gap: 20px; }

.avm-services__list {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--white);
}
.avm-services__tab {
    flex: 1 1 59px;
    min-height: 59px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 19px 0 20px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: transparent;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    transition: background-color .2s, color .2s;
}
.avm-services__tab:last-child { border-bottom: 0; }
.avm-services__tab:hover { background: #f3f3fc; }
.avm-services__tab.is-active { background: var(--accent-soft); color: var(--accent); }

.avm-check {
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: var(--white);
    transition: background-color .2s, border-color .2s;
}
.is-active .avm-check { background: var(--accent); border-color: var(--accent); }

.avm-services__view { position: relative; min-height: 475px; border-radius: var(--radius); overflow: hidden; background: var(--navy); }
.avm-services__panel {
    position: absolute;
    inset: 0;
    padding: 20px;
    background: center bottom / cover no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s;
}
.avm-services__panel.is-active { opacity: 1; visibility: visible; }
.avm-services__panel::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 14, 56, .88) 0%, rgba(16, 14, 56, 0) 88.5%); pointer-events: none; } /* fitted to the Figma render */
.avm-services__text { position: relative; }
.avm-services__text {
    min-height: 95px;
    display: flex;
    align-items: center;
    padding: 20px 20px;
    border-radius: var(--radius);
    background: var(--white);
    font-size: 16px;
    line-height: 20px;
}
.avm-services__text::after { content: ''; flex: 0 1 300px; }

/* ---------- projects ---------- */

.avm-container--bleed { padding-right: var(--side); }

.avm-projects {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-right: var(--pad);
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}
.avm-projects::-webkit-scrollbar { display: none; }

.avm-project { flex: 0 0 311px; scroll-snap-align: start; }
.avm-project__img { height: 173px; border-radius: var(--radius); overflow: hidden; background: var(--bg-soft); }
.avm-project__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.avm-project:hover .avm-project__img img { transform: scale(1.04); }
.avm-project__img.is-empty { background: linear-gradient(135deg, #e6e6f8 0%, #f4f6f7 60%, #dcdce4 100%); }
.avm-project__title { margin-top: 20px; max-width: 270px; font-size: 16px; line-height: 20px; font-weight: 500; }
.avm-project__tag { margin-top: 10px; font-size: 14px; line-height: 17px; color: var(--accent); }

.avm-scroll { display: flex; align-items: center; gap: 2px; margin-top: 20px; }
.avm-scroll__btn {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    background: #dcdce6;
    clip-path: polygon(0 50%, 78% 6%, 78% 94%);
    cursor: pointer;
    transition: background-color .2s;
}
.avm-scroll__btn--next { clip-path: polygon(100% 50%, 22% 6%, 22% 94%); }
.avm-scroll__btn:hover { background: var(--accent); }
.avm-scroll__track { position: relative; flex: 1 1 auto; height: 11px; cursor: pointer; }
.avm-scroll__thumb { position: absolute; top: 0; left: 0; height: 11px; width: 40%; border-radius: 6px; background: #dcdce6; cursor: grab; }
.avm-scroll__thumb:active { cursor: grabbing; background: var(--accent); }

/* ---------- team ---------- */

.avm-team { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.avm-member {
    min-height: 240px;
    padding: 20px 12px 20px;
    border-radius: 28px;
    background: var(--bg-soft);
    text-align: center;
}
.avm-member__photo { width: 112px; height: 112px; margin: 0 auto; border-radius: 50%; object-fit: cover; background: var(--white); box-shadow: 0 0 0 1.5px #dcdce6; }
.avm-member__name { margin-top: 20px; font-size: 20px; line-height: 24px; font-weight: 500; }
.avm-member__role { margin-top: 10px; font-size: 14px; line-height: 17px; }

/* About page cards (design 1160:1896): 329px tall, "Узнать больше" pinned to the bottom, 30px paddings */
/* About page, grouped (design 1218:658): 270x322 cards left-aligned in rows, a blue caps heading above each group */
.avm-team--about { grid-template-columns: repeat(auto-fill, minmax(0, 270px)); gap: 20px; }
.avm-team-group { margin: 40px 0 20px; font-size: 20px; line-height: 1.1; font-weight: 700; text-transform: uppercase; color: var(--accent); }
.avm-team-group:first-of-type { margin-top: 0; }
.avm-team--about .avm-member { display: flex; flex-direction: column; align-items: center; min-height: 322px; padding: 30px 12px; border-radius: 15px; background: rgba(232, 236, 239, .5); }
.avm-team--preview { grid-template-columns: repeat(5, minmax(0, 1fr)); } /* About page: five members in a row, no button on the cards (design 741:3571) */
.avm-team--preview .avm-member { min-height: 0; }
.avm-team--about.avm-team--preview .avm-member__role { margin-bottom: 0; }
.avm-actions--tight { margin-top: 30px; }
.avm-team--about .avm-member__name { margin: 20px 0 0; }
.avm-team--about .avm-member__role { max-width: 210px; margin: 5px auto 20px; font-size: 15px; line-height: 1.1; }
.avm-member__more {
    display: inline-flex; align-items: center; justify-content: center;
    width: 141px; height: 37px; margin-top: auto; padding: 0 20px;
    border: 1px solid #dcdce6; border-radius: 20.5px; background: var(--white);
    font-size: 15px; line-height: 1.1; font-weight: 500; color: var(--navy); white-space: nowrap;
    transition: background-color .2s, color .2s, border-color .2s;
}
.avm-member__more[href] { cursor: pointer; }
.avm-member__more[href]:hover { background: var(--accent); border-color: var(--accent); color: var(--white); }
.avm-member__more:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* ---------- news ---------- */

.avm-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.avm-news__img { aspect-ratio: 433 / 173; margin-bottom: 20px; border-radius: 15px; position: relative; overflow: hidden; background: var(--bg-soft); container-type: inline-size; }
.avm-news__img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(90, 84, 210, 0) 0%, rgba(90, 84, 210, .15) 100%); pointer-events: none; } /* design: accent gradient at 15% over the cards */
.avm-news__img img { width: 100%; height: 100%; object-fit: cover; }
.avm-news__img--brand { display: flex; align-items: center; justify-content: center; background: var(--white); border: 1px solid #dcdce6; }
.avm-news__title { max-width: 400px; font-size: 18px; line-height: 1.1; font-weight: 500; }
.avm-news__date { display: block; margin-top: 10px; font-size: 15px; line-height: 1.1; color: var(--accent); }
.avm-news__brand { display: flex; align-items: center; gap: 3cqw; color: #120c87; font-family: 'EB Garamond', Garamond, 'Times New Roman', serif; font-size: 11.6cqw; line-height: 1; white-space: nowrap; }
.avm-news__brand img { width: 12.1cqw; height: 12.1cqw; object-fit: contain; }

/* ---------- contact ---------- */

.avm-contact { margin-top: 73px; padding: 30px 0 40px; background: var(--bg-soft); }
.avm-contact .avm-h2 { margin-bottom: 10px; }
.avm-contact__lead { font-size: 14px; line-height: 17px; }
.avm-contact__grid { display: grid; grid-template-columns: minmax(0, 664fr) minmax(0, 657fr); gap: 19px; margin-top: 30px; }

.avm-form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; align-content: start; }
.avm-form__full { grid-column: 1 / -1; }
/* the notice under the forms is gone, so Google's own reCAPTCHA badge must stay visible (a condition of using reCAPTCHA v3) */
.avm-form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.avm-form .avm-btn:disabled { opacity: .6; cursor: progress; }
.avm-input {
    width: 100%;
    height: 58px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: var(--radius);
    background: var(--white);
    font-size: 18px;
    transition: border-color .2s;
}
.avm-input::placeholder { color: rgba(16, 14, 56, .5); opacity: 1; }
.avm-input:hover { border-color: var(--line); }
.avm-input.is-invalid { border-color: #d2545a; }
.avm-form__msg { height: 119px; padding-top: 15px; resize: vertical; }
.avm-contacts .avm-form__msg { height: 89px; } /* design 741:3618 (new file): the message field is 89px, the consent checkbox sits under it */
.avm-form__consent { position: relative; display: flex; align-items: center; gap: 10px; margin: -6px 0 0 5px; font-size: 18px; line-height: 21px; letter-spacing: -0.32px; cursor: pointer; }
.avm-form__consent input { position: absolute; width: 19px; height: 19px; margin: 0; opacity: 0; cursor: pointer; }
.avm-form__box { flex: none; width: 19px; height: 19px; border: 1px solid #dcdce6; border-radius: 4px; background: var(--white); transition: background-color .15s, border-color .15s; }
.avm-form__consent input:checked + .avm-form__box { border-color: var(--accent); background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9.8l3 3L14 6.5'/%3E%3C/svg%3E") center / 100% no-repeat; }
.avm-form__consent input:focus-visible + .avm-form__box { outline: 2px solid var(--accent); outline-offset: 2px; }
.avm-form__consent a { color: var(--accent); text-decoration: underline; }
.avm-form__consent.is-invalid .avm-form__box { border-color: #d9534f; }
.avm-modal .avm-form__consent, .avm-contact .avm-form__consent { margin: 6px 0 6px 5px; } /* the -6px pull is only for Контакты (its message field is 89px high) */
.avm-form__note { font-size: 14px; line-height: 17px; color: var(--muted); }
.avm-form__note.is-error { color: #c0393f; }
/* success state: the fields give way to a confirmation */
.avm-form.is-done > :not(.avm-form__done) { display: none; }
.avm-form__done { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 28px; border-radius: var(--radius); background: var(--white); outline: none; }
.avm-form__done-ico { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--accent); color: var(--white); }
.avm-form__done-title { margin-top: 4px; font-size: 26px; line-height: 1.1; font-weight: 700; color: var(--navy); }
.avm-form__done-text { font-size: 18px; line-height: 1.3; color: var(--navy); }
.avm-form__again { margin-top: 8px; }

.avm-map { position: relative; min-height: 342px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: #e8ecef; }
.avm-ymap { position: absolute; inset: 0; }
.avm-ymap > iframe, .avm-ymap > .avm-ymap__api { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.avm-ymap__balloon b { display: block; margin-bottom: 4px; font: 600 15px/1.2 var(--font); color: var(--navy); }
.avm-ymap__balloon span { font: 14px/1.2 var(--font); color: var(--accent); }

/* ---------- inner pages: shared ---------- */

.avm-page { padding-top: calc(var(--header-h) + 60px); padding-bottom: 40px; }
.avm-page__section { margin-top: 80px; }
.avm-page__section--near { margin-top: 65px; }
.avm-questions__text { max-width: 440px; font-size: 15px; line-height: 1.1; }
.avm-btn--cta { height: 54px; margin-top: 30px; padding: 0 20px; border-radius: 13px; font-size: 20px; }
.avm-h1 { font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 30px; }
.avm-h3 { margin: 30px 0 20px; font-size: 20px; line-height: 1.1; font-weight: 700; }
.avm-lead { max-width: 718px; font-size: 20px; line-height: 1.1; }
#jobs .avm-lead { max-width: 790px; } /* Onest is wider than the design font: still two lines */
.avm-actions--news { margin-top: 40px; }
.avm-page .avm-actions { margin-top: 30px; }
.avm-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- services page ---------- */

.avm-dirs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 21px 20px; }
.avm-dir {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 149px;
    padding: 20px;
    border: 1.5px solid #dcdce6;
    border-radius: 15px;
    background: var(--white);
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: border-color .2s, color .2s, background-color .2s;
}
/* hover like the tiles in Yandex Browser: the whole tile darkens a little, the border stays */
.avm-dir:hover { background-color: #f1f1f3; }
.avm-dir.is-active { border-color: var(--accent); color: var(--accent); }
.avm-dir:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.avm-dir__ico { position: relative; flex: 0 0 35px; width: 35px; height: 35px; border-radius: 8px; background: #dcdce6; color: var(--navy); transition: background-color .2s, color .2s; }
.avm-dir__ico::after {
    content: '';
    position: absolute;
    left: 50%; top: 50%;
    width: 24px; height: 24px;
    margin: -12px 0 0 -12px;
    background: currentColor;
    -webkit-mask: var(--ico) center / contain no-repeat;
    mask: var(--ico) center / contain no-repeat;
}
.avm-dir.is-active .avm-dir__ico { background: var(--accent); color: var(--white); }
.avm-dir__name { display: block; margin-top: 30px; }
.avm-dir__mbr { display: none; } /* phones only: a line break before the last word of a long name (Figma 1249:1500) */

.avm-panel { margin-top: 30px; padding: 50px 0 30px; border-radius: 15px; background: var(--bg-soft); }
.avm-panel .avm-h1 { margin-bottom: 30px; }
.avm-dir-panel__img { position: relative; aspect-ratio: 1340 / 213; border-radius: 15px; overflow: hidden; background: #dcdce6; }
.avm-dir-panel__img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 14, 56, .17) 0%, rgba(16, 14, 56, .785) 100%); pointer-events: none; } /* navy tint, fitted to the Figma render (design 741:3477 in the new file) */
.avm-dir-panel__img img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.avm-dir-panel .avm-h1 { margin-bottom: 20px; } /* design 741:3477: title, 20px, description, 20px, banner */
.avm-dir-panel__text { max-width: 590px; margin-bottom: 20px; font-size: 18px; line-height: 1.1; }
.avm-dir-panel .avm-h3 { margin-top: 40px; }
.avm-dir-panel .avm-cases + .avm-h3 { margin-top: 30px; }

.avm-tags { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.avm-tag { display: inline-flex; align-items: center; height: 29px; padding: 0 14px; border-radius: 14.5px; background: #d2d6ea; color: var(--accent); font-size: 15px; line-height: 1.1; font-weight: 500; white-space: nowrap; }

.avm-cases { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.avm-case { display: block; color: inherit; }
.avm-case__img { position: relative; aspect-ratio: 320 / 174; border-radius: 15px; overflow: hidden; background: #dcdce6; }
.avm-case__img::after { content: ''; position: absolute; inset: 0; background: rgba(16, 14, 56, .15); pointer-events: none; }
.avm-case__img img { width: 100%; height: 100%; object-fit: cover; }
.avm-case__title { max-width: 230px; margin-top: 20px; font-size: 18px; line-height: 1.1; font-weight: 700; }
.avm-case__cat { margin-top: 10px; font-size: 15px; line-height: 1.1; color: var(--accent); }

/* equipment: category + brand tiles (design 741:3477, new file) */
.avm-equip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.avm-equip__item { display: flex; flex-direction: column; gap: 10px; min-height: 87px; padding: 20px; border-radius: 15px; background: #d2d6ea; }
.avm-equip__cat { font-size: 15px; line-height: 1.1; font-weight: 500; text-transform: uppercase; color: var(--accent); }
.avm-equip__brand { font-size: 18px; line-height: 1.1; font-weight: 500; color: var(--navy); }

.avm-logos { display: flex; flex-wrap: wrap; gap: 20px; }
.avm-logo-tile { display: flex; align-items: center; justify-content: center; width: 132px; height: 57px; padding: 8px; border-radius: 10px; background: var(--white); }
.avm-logo-tile img { max-height: 100%; object-fit: contain; }
.avm-logo-tile.is-empty { background: #dcdce6; }

/* ---------- projects page ---------- */

.avm-grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.avm-mapsec { padding: 40px 0; border-radius: 15px; background: rgba(232, 236, 239, .5); } /* design 1250:341: the map sits on a grey panel */
.avm-card { scroll-margin-top: calc(var(--header-h) + 20px); }
.avm-card__img { position: relative; aspect-ratio: 320 / 174; border-radius: 15px; overflow: hidden; background: #dcdce6; }
.avm-card__img::after { content: ''; position: absolute; inset: 0; background: rgba(16, 14, 56, .15); pointer-events: none; } /* design: navy 15% over the project pictures */
.avm-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.avm-card:hover .avm-card__img img { transform: scale(1.04); }
.avm-card:target .avm-card__img, .avm-card.is-selected .avm-card__img { box-shadow: 0 0 0 3px var(--accent); }
.avm-card__link { display: block; color: inherit; }
.avm-card__link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 15px; }
.avm-pmap { scroll-margin-top: calc(var(--header-h) + 20px); }
.avm-card__title { margin-top: 10px; max-width: 290px; font-size: 18px; line-height: 1.1; font-weight: 700; }
.avm-card__tag { margin-top: 10px; font-size: 15px; line-height: 1.1; color: var(--accent); }

.avm-pmap { position: relative; border-radius: 15px; overflow: hidden; background: #e8ecef; aspect-ratio: 1340 / 579; }

/* ---------- about page ---------- */

.avm-history__track {
    display: flex;
    overflow-x: hidden; /* moved only by avm.js: there is no manual scrolling */
    border-radius: 15px;
    touch-action: pan-y;
    scrollbar-width: none;
}
.avm-history__track::-webkit-scrollbar { display: none; }
.avm-history__slide { position: relative; flex: 0 0 100%; aspect-ratio: 1340 / 415; max-height: 640px; scroll-snap-align: start; background: var(--navy); }
.avm-history__slide img { width: 100%; height: 100%; object-fit: fill; -webkit-user-drag: none; user-select: none; pointer-events: none; } /* as in the design: the whole photo is fitted to the 1340x415 slide */
/* dark shading over the photos (design 741:3571), as in the Figma render */
.avm-history__slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 14, 56, 0) 0%, rgba(16, 14, 56, .69) 100%); pointer-events: none; } /* shading fitted to the Figma render (design 741:3571); it was off between 1.0.56 and 1.0.81 */

/* years line (design 960:393): the 1.5px line sits exactly on the photo's bottom edge, the 20px dots overlap it by 9px;
   the list has no margins (an <ol> keeps the browser's 16px / 40px otherwise); avm.js moves it with the photo strip */
.avm-timeline { position: relative; z-index: 1; margin-top: -9px; padding-bottom: 15px; overflow: hidden; } /* design 741:3571: the strip block is 473px: 415 photo + dots at 406 + years at 436 */
.avm-timeline__list { display: flex; width: calc(var(--slides, 4) * 100%); margin: 0; padding: 0; list-style: none; } /* no line between the dots: it is transparent by request (design had a 1.5px #dcdce6 line) */
.avm-timeline__year { flex: 1 1 0; min-width: 0; padding-top: 30px; position: relative; font-size: 20px; line-height: 1.1; font-weight: 700; }
.avm-timeline__year::before { content: ''; position: absolute; left: 1px; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--accent); }
.avm-timeline__year:last-child { flex: 0 0 140px; } /* the line runs 140px past the last year; the list is as wide as the photo strip, so both move at the same speed */

.avm-table { border: 1px solid #dcdce6; border-radius: 15px; overflow: hidden; }
.avm-docs__row { display: flex; align-items: center; min-height: 58px; padding: 12px 20px; border-top: 1px solid #dcdce6; font-size: 18px; line-height: 1.1; }
.avm-docs__row:first-child { border-top: 0; }
.avm-docs__row a { display: flex; align-items: center; gap: 20px; transition: color .2s; }
.avm-docs__row a:hover { color: var(--accent); }
.avm-docs__ico { flex: 0 0 35px; width: 35px; height: 35px; border-radius: 8px; background: #dcdce6; }
.avm-jobs { margin: 30px 0 0; padding: 0; list-style: none; }
.avm-jobs__row { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 20px; border-top: 1px solid #dcdce6; }
.avm-jobs__row:first-child { border-top: 0; }
.avm-jobs__main { min-width: 0; }
.avm-jobs__title { margin: 0; font-size: 20px; line-height: 1.1; font-weight: 700; }
.avm-jobs__meta { margin: 10px 0 0; font-size: 15px; line-height: 1.1; color: var(--accent); }
.avm-jobs__text { margin: 10px 0 0; max-width: 790px; font-size: 18px; line-height: 1.2; }
.avm-docs__row.is-empty { gap: 20px; }
.avm-docs__bar { max-width: 60%; height: 16px; border-radius: 8px; background: #dcdce6; }

.avm-req { margin: 0; }
.avm-req__row { display: grid; grid-template-columns: minmax(0, 459px) minmax(0, 1fr); min-height: 60px; align-items: center; padding: 0 20px; border-top: 1px solid #dcdce6; font-size: 18px; line-height: 1.1; }
.avm-req__row:first-child { border-top: 0; }
.avm-req dt, .avm-req dd { margin: 0; padding: 10px 0; overflow-wrap: anywhere; }

/* ---------- team page (design 1169:2638): accordion of members ---------- */

.avm-person__tag { display: inline-flex; align-items: center; height: 28px; padding: 0 24px; border-radius: 42px; background: #d2d6ea; color: var(--accent); font-size: 18px; line-height: 1.1; font-weight: 500; white-space: nowrap; }

.avm-person__label { margin: 0 0 9px; font-size: 20px; line-height: 25px; font-weight: 500; color: var(--navy); }
.avm-person__item.is-accent .avm-person__label { color: var(--accent); }
.avm-person__text { max-width: calc(var(--w, 100%) * 1.08); font-size: 18px; line-height: 1.1; color: var(--navy); } /* Onest is ~8% wider than the design's PT Root UI: keep its line breaks */
.avm-person__text p + p { margin-top: 20px; }

/* ---------- privacy policy (design 1302:548) ---------- */
.avm-legal__title { max-width: 760px; margin-bottom: 17px; font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.01em; }
.avm-legal__body h2 { margin: 34px 0 17px; font-size: 20px; line-height: 1.1; font-weight: 700; text-transform: uppercase; color: var(--accent); }
.avm-legal__body h2:first-child { margin-top: 0; }
.avm-legal__body p { margin: 0; font-size: 18px; line-height: 1.1; overflow-wrap: anywhere; } /* one size for all the text; the design mixed 18px and 15px */

/* ---------- project page (design 1245:1597) ---------- */
.avm-pp__hero { position: relative; aspect-ratio: 1340 / 295; border-radius: 15px; overflow: hidden; background: var(--navy); }
.avm-pp__hero img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avm-pp__hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 14, 56, 0) 0%, rgba(16, 14, 56, .68) 100%); pointer-events: none; } /* fitted to the Figma render */
.avm-pp__title { position: absolute; left: 20px; right: 20px; bottom: 30px; z-index: 1; max-width: 900px; font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.01em; color: var(--white); }
.avm-pp__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 40px 0 0; padding: 0; list-style: none; }
.avm-pp__fact b { display: block; font-size: 20px; line-height: 1.1; font-weight: 500; color: var(--accent); }
.avm-pp__fact span { display: block; margin-top: 10px; font-size: 15px; line-height: 1.1; color: rgba(16, 14, 56, .5); }
.avm-pp__text { max-width: 770px; font-size: 18px; line-height: 1.1; } /* Figma 1245:1597: 769 px column, 18/1.1 */
.avm-pp__text p + p { margin-top: 16px; }
.avm-pp__body h2 { margin: 80px 0 30px; font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.01em; }
.avm-pp__body h2:first-child { margin-top: 0; }
.avm-pp__body h3 { margin: 30px 0 16px; font-size: 20px; line-height: 1.1; font-weight: 700; }
.avm-pp__body p, .avm-pp__body li { max-width: 760px; font-size: 18px; line-height: 1.3; }
.avm-pp__body p { margin: 0 0 14px; }
.avm-pp__body ul, .avm-pp__body ol { margin: 0 0 14px; padding-left: 24px; }
.avm-pp__body ul { list-style: disc; }
.avm-pp__body ol { list-style: decimal; }
.avm-pp__body img { display: block; max-width: 100%; height: auto; margin: 0 0 20px; border-radius: 15px; }
.avm-skel { display: flex; flex-direction: column; gap: 10px; }
.avm-skel i { display: block; height: 16px; border-radius: 8px; background: #dcdce6; }
.avm-pp__solution { display: grid; grid-template-columns: 374px minmax(0, 1fr); gap: 20px; }
.avm-pp__list { min-height: 345px; margin: 0; padding: 0; list-style: none; border: 1px solid #dcdce6; border-radius: 15px; overflow: hidden; }
.avm-pp__list li { display: flex; align-items: center; min-height: 60px; padding: 0 20px; border-bottom: 1px solid #dcdce6; font-size: 18px; line-height: 1.2; }
.avm-pp__list li:last-child { border-bottom: 0; }
.avm-pp__list li.is-empty i { display: block; width: 60%; height: 16px; border-radius: 8px; background: #dcdce6; }
.avm-pp__figure { min-height: 345px; margin: 0; border-radius: 15px; overflow: hidden; background: #dcdce6; }
.avm-pp__figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avm-pp__gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.avm-pp__gallery li { aspect-ratio: 320 / 174; border-radius: 15px; overflow: hidden; background: #dcdce6; }
.avm-pp__gallery img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ---------- member page (design 1228:1124) ---------- */
.avm-btn--back { height: 44px; padding: 0 20px; gap: 5px; border-radius: 52px; font-size: 20px; }
.avm-btn--nav { height: 54px; padding: 0 20px; gap: 5px; border-radius: 13px; font-size: 20px; }
.avm-btn--outline:hover .avm-arrow--l { transform: translateX(-3px); }
.avm-mp__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 30px; }
.avm-mp__name { font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.01em; }
.avm-mp__content { display: grid; grid-template-columns: 320px minmax(0, 450px) minmax(0, 1fr); gap: 0 20px; align-items: start; margin-top: 30px; }
.avm-mp__photo { display: block; width: 320px; height: 363px; border: 1.5px solid #dcdce6; border-radius: 15px; object-fit: cover; background: var(--white); }
.avm-mp__col { display: flex; flex-direction: column; min-width: 0; }
.avm-mp__col .avm-person__item { margin-top: var(--gap, 0px); }
.avm-mp__rich { grid-column: 2 / -1; column-count: 2; column-gap: 20px; font-size: 18px; line-height: 1.1; } /* the text of the member page from the CMS: h3 = label, h4 = highlighted label, p = text */
.avm-mp__rich h3, .avm-mp__rich h4 { margin: 0 0 9px; font-size: 20px; line-height: 25px; font-weight: 500; break-after: avoid; }
.avm-mp__rich h4 { color: var(--accent); }
.avm-mp__rich p { margin: 0 0 40px; break-inside: avoid; }
.avm-mp__rich ul { margin: 0 0 40px; padding-left: 20px; list-style: disc; }
.avm-mp__nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 20px; margin-top: 30px; }

/* ---------- contacts page ---------- */

.avm-contacts { margin-top: calc(var(--header-h) + 40px); padding: 40px 0 33px; border-radius: 15px; background: var(--bg-soft); }
.avm-contacts__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 30px; }
.avm-contacts__title { font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: -0.01em; }
.avm-contacts__msgs { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 0; padding: 0; list-style: none; }
.avm-msg { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 24px; border-radius: 42px; background: #d2d6ea; color: var(--accent); font-size: 18px; line-height: 1.1; font-weight: 500; white-space: nowrap; transition: background-color .2s; }
.avm-msg:hover { background: #c4c9e2; }
.avm-msg:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.avm-msg img { display: block; flex: none; height: 16px; width: auto; }
.avm-contacts__grid { display: grid; grid-template-columns: minmax(0, 663fr) minmax(0, 658fr); gap: 20px; align-items: stretch; }
.avm-contacts__side { display: flex; flex-direction: column; gap: 30px; min-width: 0; }
.avm-contacts__text { line-height: 1.5; }
.avm-contacts__text a { color: var(--accent); text-decoration: underline; }

.avm-info__title { margin-top: 10px; font-size: 20px; line-height: 1.1; font-weight: 700; text-transform: uppercase; color: var(--accent); } /* design: "Контактная информация" */
.avm-info__title { margin-bottom: 0; }
.avm-info__toggle { display: inline-flex; align-items: center; gap: 2px; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-transform: inherit; letter-spacing: inherit; cursor: pointer; }
.avm-info__toggle:hover { opacity: .8; }
.avm-info__toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px; }
.avm-info__chev { flex: 0 0 24px; transition: transform .2s; }
.avm-info__toggle[aria-expanded="false"] .avm-info__chev { transform: rotate(-90deg); } /* closed = the chevron looks right, open = down (design 741:3618 / 1390:1558) */
.avm-info.is-closed { visibility: hidden; } /* side by side with the map the closed rows keep their room, so the page does not get shorter; stacked (below) they go away */
@media (max-width: 960px) {
    .avm-info.is-closed { display: none; }
}
.avm-info { display: flex; flex-direction: column; margin: -15px 0 0; }
.avm-info__row {
    display: grid;
    grid-template-columns: minmax(0, 219px) minmax(0, 1fr);
    align-items: center;
    padding: 14px 0 15px; /* 1px line + 14 + 27 text + 15 = the 57px pitch of the design */
    border-top: 1px solid #dcdce6;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.32px;
}
.avm-info__row:first-child { border-top: 0; }
.avm-info__row:last-child { padding-bottom: 0; }
.avm-info dt, .avm-info dd { margin: 0; padding: 0; color: var(--navy); overflow-wrap: anywhere; }
.avm-info dt { font-weight: 500; }
.avm-info dd a { transition: color .2s; }
.avm-info dd a:hover { color: var(--accent); }

.avm-contacts__map { position: relative; align-self: start; height: 625px; min-height: 0; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: #e8ecef; }

/* ---------- "Обсудить проект" modal ---------- */

.avm-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 24px 16px; overflow-y: auto; }
.avm-modal__overlay { position: fixed; inset: 0; background: linear-gradient(180deg, rgba(16, 14, 56, .24) 0%, rgba(16, 14, 56, .44) 20%, rgba(16, 14, 56, .57) 41%, rgba(16, 14, 56, .62) 70%, rgba(16, 14, 56, .68) 100%); opacity: 0; transition: opacity .25s; }
.avm-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 776.5px;
    margin: auto;
    padding: 18px 16.83px;
    border-radius: 16.83px;
    background: rgba(243, 245, 247, .6);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    opacity: 0;
    transform: translateY(16px) scale(.98);
    transition: opacity .25s, transform .25s;
}
.avm-modal.is-open .avm-modal__overlay, .avm-modal.is-open .avm-modal__dialog { opacity: 1; transform: none; }
.avm-modal__close {
    position: absolute;
    top: 14px; right: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .7);
    color: var(--navy);
    cursor: pointer;
    transition: background-color .2s, color .2s;
}
.avm-modal__close:hover { background: var(--white); color: var(--accent); }
.avm-modal__close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.avm-modal__title { margin-left: -2.24px; padding-right: 52px; font-size: 44.88px; line-height: 1.1; font-weight: 700; letter-spacing: -0.01em; }
.avm-modal__lead { margin: 11.2px 0 34px -1.12px; font-size: 16.83px; line-height: 1.1; }
.avm-modal .avm-form { gap: 16.83px; }
.avm-modal .avm-input { height: 65.08px; padding: 0 16.83px; border-radius: 16.83px; font-size: 20.2px; letter-spacing: -0.36px; }
.avm-modal .avm-form__msg { height: 133.53px; padding-top: 16.83px; }
.avm-modal .avm-btn--block { height: 69.57px; border-radius: 34.79px; font-size: 22.44px; }
.avm-modal .avm-btn--block svg { width: 18px; height: 18px; }
.avm-modal.is-instant .avm-modal__overlay, .avm-modal.is-instant .avm-modal__dialog { transition: none; }

/* ---------- footer ---------- */

/* dark block as wide as the page sections: 20px inside the 1440 layout (plus --side on wide screens), 306px tall,
   with a 136x40 notch for the social icons; its 30px inner padding lines the text up with the page content */
.avm-footer { position: relative; margin: 40px calc(20px + var(--side)) 26px; }
/* content: description | menu on the first row, logo | copyright on the second (design 1169:2791) */
.avm-footer__body {
    display: grid;
    grid-template-columns: minmax(0, 433px) auto;
    grid-template-rows: auto auto;
    justify-content: space-between;
    align-content: start;
    gap: 40px 40px;
    min-height: 265px; /* design 1304:2444: 1400x265 */
    padding: 80px 30px 50px 29px;
    border-radius: 15px;
    background: var(--navy);
    color: var(--white);
    font-size: 15px;
    line-height: 1.1;
    font-weight: 500;
}
.avm-footer__about { grid-column: 1; grid-row: 1; }
.avm-footer__nav { grid-column: 2; grid-row: 1; display: flex; gap: 80px; white-space: nowrap; }
.avm-footer__nav a { transition: color .2s; }
.avm-footer__nav a:hover { color: #b9b6ee; }
.avm-footer__logo { grid-column: 1; grid-row: 2; align-self: start; justify-self: start; display: inline-flex; align-items: flex-end; gap: 6px; margin-left: 1px; }
.avm-footer__logo img { width: 33px; height: 30px; flex: none; }
.avm-footer__brand { display: flex; flex-direction: column; gap: 7px; }
.avm-footer__name { font-family: 'EB Garamond', Garamond, 'Times New Roman', serif; font-size: 26.81px; line-height: 1; font-weight: 400; white-space: nowrap; }
.avm-footer__brand small { font-size: 8.2px; line-height: 1.1; color: #f3f5f7; white-space: nowrap; }
.avm-footer__end { grid-column: 2; grid-row: 2; align-self: start; justify-self: end; margin-top: 13px; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; white-space: nowrap; }
.avm-footer__policy { text-decoration: underline; text-underline-offset: 2px; }
.avm-footer__policy:hover { color: #b9b6ee; }
.avm-footer a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.avm-footer__notch { position: absolute; top: 0; right: 0; padding: 0 11px 8px 11px; /* 11 px on the right too: the last icon does not touch the edge */ border-bottom-left-radius: 15px; background: var(--white); } /* notch in the top right corner (design 1304:2444): 187x40, rounded corners r=15 */
.avm-footer__notch::before, .avm-footer__notch::after {
    content: '';
    position: absolute;
    width: 15px; height: 15px;
    background: radial-gradient(circle at 0 100%, transparent 14.5px, var(--white) 15px);
}
.avm-footer__notch::before { right: 100%; top: 0; }
.avm-footer__notch::after { right: 0; top: 100%; }
.avm-footer__social { display: flex; gap: 16px; }
.avm-footer__icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--accent); transition: background-color .2s; }
.avm-footer__icon:hover { background: #4942bd; }
.avm-footer__icon:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.avm-footer__icon img { display: block; flex: none; } /* sizes come from the width/height attributes (the icons differ in size) */

/* ---------- inner pages ---------- */

.avm-inner { padding-top: calc(var(--header-h) + 50px); padding-bottom: 40px; min-height: 60vh; line-height: 1.5; }
.avm-inner h1 { font-size: 36px; line-height: 44px; font-weight: 600; margin-bottom: 24px; }
.avm-inner h2 { font-size: 26px; line-height: 32px; font-weight: 600; margin: 28px 0 14px; }
.avm-inner p { margin-bottom: 14px; }
.avm-inner a { color: var(--accent); text-decoration: underline; }
.avm-inner ul { list-style: disc; padding-left: 22px; margin-bottom: 14px; }

/* ---------- adaptive ---------- */

@media (max-width: 1200px) {
    :root { --pad: 32px; }
    .avm-about__row { gap: 40px; }
    .avm-about__text { flex-basis: 360px; }
    .avm-facts { flex-wrap: wrap; justify-content: flex-start; gap: 20px 40px; }
    .avm-services { grid-template-columns: 320px minmax(0, 1fr); }
    .avm-team { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .avm-mp__content { grid-template-columns: 320px minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; }
    .avm-pp__title { font-size: 34px; }
    .avm-legal__title { font-size: 34px; }
    .avm-legal__body p { font-size: 16px; line-height: 1.2; }
    .avm-pp__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
    .avm-pp__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avm-mp__name { font-size: 34px; }
    .avm-dirs, .avm-grid4, .avm-cases, .avm-equip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .avm-footer__nav { gap: 40px; }
}

@media (max-width: 960px) {
    :root { --header-h: 72px; }
    .avm-burger { display: block; }
    .avm-header__cta { margin-left: auto; }
    .avm-nav {
        position: absolute;
        top: 100%; left: 0; right: 0;
        transform: none;
        flex-direction: column;
        gap: 0;
        padding: 8px var(--pad) 16px;
        background: var(--white);
        box-shadow: 0 12px 24px rgba(16, 14, 56, .12);
        display: none;
    }
    .avm-header.is-open .avm-nav { display: flex; }
    .avm-header.is-open { background: var(--white); }
    .avm-nav a { padding: 14px 0; font-size: 18px; border-bottom: 1px solid var(--line); }
    .avm-nav a:last-child { border-bottom: 0; }

    .avm-hero { min-height: 760px; }
    .avm-about__row { flex-direction: column; gap: 28px; }
    .avm-about__text { flex: none; max-width: 560px; }
    .avm-facts { width: 100%; }

    .avm-services { grid-template-columns: 1fr; }
    .avm-services__view { min-height: 400px; }
    .avm-services__text::after { display: none; }
    .avm-news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avm-mp__content { grid-template-columns: 1fr; row-gap: 24px; }
    .avm-mp__photo { width: 100%; max-width: 320px; height: auto; aspect-ratio: 320 / 363; }
    .avm-mp__col .avm-person__item { margin-top: 30px; }
    .avm-mp__col .avm-person__item:first-child { margin-top: 0; }
    .avm-mp__rich { grid-column: auto; column-count: 1; }
    .avm-pp__solution { grid-template-columns: 1fr; }
    .avm-pp__figure { min-height: 220px; }
    .avm-pp__hero { aspect-ratio: 16 / 9; }
    .avm-pp__title { font-size: 28px; bottom: 20px; }
    .avm-contact__grid { grid-template-columns: 1fr; }
    .avm-contacts__grid { grid-template-columns: 1fr; }
    .avm-dirs, .avm-grid4, .avm-cases, .avm-equip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avm-footer__body { grid-template-columns: 1fr; gap: 24px; padding: 48px 30px 72px; }
    .avm-footer__about, .avm-footer__nav, .avm-footer__logo, .avm-footer__end { grid-column: 1; grid-row: auto; justify-self: start; }
    .avm-footer__end { align-items: flex-start; } /* the stacked footer: © and the legal links on the left edge */
    .avm-footer__nav { flex-wrap: wrap; gap: 12px 32px; }
    .avm-history__slide { height: 340px; aspect-ratio: auto; }
    .avm-req__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 16px; }
    .avm-contacts__map { height: auto; min-height: 0; aspect-ratio: 658 / 634; }
}

@media (max-width: 640px) {
    :root { --pad: 16px; }
    .avm-h2 { font-size: 28px; line-height: 34px; margin-bottom: 20px; }
    .avm-section { padding-top: 40px; padding-bottom: 16px; }
    .avm-logo__name { font-size: 19px; }
    .avm-logo__slogan { font-size: 6.1px; }
    .avm-header__cta { display: none; }

    .avm-hero { min-height: 0; margin: 0; border-radius: 0 0 20px 20px; }
    .avm-hero__inner { padding: calc(var(--header-h) + 150px) var(--pad) 36px; }
    .avm-hero__title { font-size: 26px; line-height: 32px; }
    .avm-hero__title br { display: none; }
    .avm-hero__actions { gap: 12px; }
    .avm-btn--lg { height: 56px; font-size: 18px; border-radius: 14px; flex: 1 1 100%; }
    .avm-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; align-items: start; }
    .avm-facts__item b, .avm-facts__item span { white-space: normal; }

    .avm-services__view { min-height: 340px; }
    .avm-services__panel { padding: 12px; }
    .avm-services__text { min-height: 0; padding: 16px; }
    .avm-project { flex-basis: 78vw; }
    .avm-actions { gap: 12px; }
    .avm-actions .avm-btn { flex: 1 1 100%; }
    .avm-team { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .avm-member { min-height: 0; border-radius: 22px; }
    .avm-team--about .avm-member { min-height: 0; border-radius: 15px; padding: 24px 10px; }
    .avm-news { grid-template-columns: 1fr; gap: 28px; }
    .avm-contact { margin-top: 48px; }
    .avm-form { grid-template-columns: 1fr; }
    .avm-map { min-height: 260px; }
    .avm-modal { padding: 12px; align-items: flex-start; }
    .avm-modal__dialog { padding: 16px 14px; }
    .avm-modal__close { top: 10px; right: 10px; }
    .avm-modal__title { font-size: 28px; padding-right: 48px; }
    .avm-modal__lead { margin: 8px 0 20px; font-size: 14px; }
    .avm-modal .avm-form { gap: 12px; }
    .avm-modal .avm-input { height: 54px; font-size: 17px; border-radius: 15px; }
    .avm-modal .avm-form__msg { height: 110px; }
    .avm-modal .avm-btn--block { height: 58px; font-size: 18px; }
    .avm-page { padding-top: calc(var(--header-h) + 28px); }
    .avm-page__section, .avm-page__section--near { margin-top: 56px; }
    .avm-h1 { font-size: 30px; margin-bottom: 20px; }
    .avm-h3, .avm-dir-panel .avm-h3, .avm-dir-panel .avm-cases + .avm-h3 { margin: 24px 0 14px; font-size: 18px; }
    .avm-lead, .avm-dir-panel__text { font-size: 16px; line-height: 1.3; }
    .avm-dirs { gap: 12px; }
    .avm-dir { min-height: 120px; padding: 14px; font-size: 16px; }
    .avm-dir__name { margin-top: 20px; }
    .avm-dir__name br { display: none; }
    .avm-panel { margin-top: 24px; padding: 28px 0 24px; border-radius: 15px; }
    .avm-dir-panel__img { height: auto; aspect-ratio: 16 / 7; } /* a fixed height + aspect-ratio would size the width: 160 x 6.3 = 1007px */
    .avm-tags { gap: 8px; }
    .avm-cases, .avm-grid4 { grid-template-columns: 1fr; gap: 24px; }
    .avm-equip { grid-template-columns: 1fr; gap: 12px; }
    .avm-logo-tile { width: calc(50% - 10px); }
    .avm-pmap { aspect-ratio: 4 / 3; }
    .avm-history__slide { height: 240px; aspect-ratio: auto; }
    .avm-timeline__year { font-size: 16px; }
    .avm-timeline__year::before { width: 16px; height: 16px; top: 2px; }
    .avm-timeline__year:last-child { flex: 0 0 60px; }
    .avm-docs__row, .avm-req__row { font-size: 15px; }
    .avm-jobs__row { flex-direction: column; align-items: flex-start; gap: 16px; padding: 15px; }
    .avm-jobs__title { font-size: 18px; }
    .avm-jobs__text { font-size: 15px; }
    .avm-req__row { grid-template-columns: 1fr; gap: 0; padding: 8px 15px; }
    .avm-req dt { padding: 0; color: var(--muted); font-size: 14px; }
    .avm-req dd { padding: 4px 0 0; }
    .avm-contacts { margin-top: calc(var(--header-h) + 16px); padding: 28px 0 24px; }
    .avm-person__tag { height: 26px; padding: 0 16px; font-size: 15px; }
    .avm-person__label { font-size: 18px; line-height: 23px; }
    .avm-person__text { font-size: 16px; line-height: 1.25; }
    .avm-contacts__title { font-size: 30px; }
    .avm-contacts__head { margin-bottom: 20px; }
    .avm-msg { height: 26px; padding: 0 16px; font-size: 15px; }
    .avm-contacts__side { gap: 20px; }
    .avm-info__row { grid-template-columns: 1fr; padding: 10px 0; font-size: 16px; }
    .avm-info dt { font-size: 14px; }
    .avm-info dd { padding: 2px 0 0; }
    .avm-form__consent { font-size: 15px; }
    .avm-footer { margin: 28px 8px 12px; }
    .avm-footer__body { grid-template-columns: 1fr; gap: 20px; min-height: 0; padding: 28px 20px 64px; }
    .avm-footer__about, .avm-footer__nav, .avm-footer__logo, .avm-footer__end { grid-column: 1; grid-row: auto; justify-self: start; }
    .avm-footer__nav { flex-wrap: wrap; gap: 12px 24px; }
    .avm-footer__copy { color: rgba(255, 255, 255, .6); }
}

/* "less motion" in the system (prefers-reduced-motion) does not switch the site's animations off: an owner's decision
   (2026-10-30), the effects are short and soft and the client wants them seen; only the hero parallax stops (avm.js initParallax) */

/* browsers without backdrop blur: keep the modal readable */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .avm-modal__dialog { background: rgba(243, 245, 247, .96); }
}

/* ---------- mobile menu (design 1304:1804): the bar, a burger without a box, rows right-aligned under it, the page dimmed ---------- */
@media (max-width: 960px) {
    .avm-burger { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 32px; height: 32px; margin-right: -6px; border-radius: 8px; background: transparent; }
    .avm-burger span { width: 20px; margin: 0; background: #4d4c66; }
    .avm-header.is-open .avm-burger { background: var(--accent); }
    .avm-header.is-open .avm-burger span { background: var(--white); }
    .avm-header.is-open .avm-burger span:nth-child(1), .avm-header.is-open .avm-burger span:nth-child(3) { transform: none; }
    .avm-header.is-open .avm-burger span:nth-child(2) { opacity: 1; }
    .avm-header.is-open { background: #f3f5f7; border-radius: 0; } /* open menu: square corners, no gaps between the bar and the rows */
    .avm-nav { padding: 0; border-radius: 0; background: #f3f5f7; box-shadow: none; overflow: hidden; }
    .avm-nav a { display: block; height: 55px; padding: 0 18px; border: 0; border-top: 1px solid #dcdce6; font-size: 16px; line-height: 54px; text-align: right; color: var(--navy); }
    .avm-nav a:first-child { border-top: 0; height: 54px; line-height: 53px; }
    .avm-nav a:hover, .avm-nav a[aria-current="page"] { background: #dcddf1; color: var(--accent); }
    .avm-overlay { display: none; }
    .avm-header.is-open + .avm-overlay { display: block; position: fixed; inset: 0; z-index: 49; background: rgba(16, 14, 56, .7); }
}

/* ---------- mobile page (design 1155:1075, 390px wide) ---------- */
@media (max-width: 640px) {
    :root { --pad: 20px; --header-h: 49px; }
    .avm-header__bar { padding: 0 20px; }
    .avm-logo__emblem { display: none; }
    .avm-logo__name { font-size: 17.5px; }
    .avm-logo__slogan { font-size: 5.6px; }

    .avm-h2 { margin-bottom: 20px; font-size: 24px; line-height: 26px; }
    .avm-section { padding-top: 30px; padding-bottom: 20px; }
    .avm-hero + .avm-section { padding-top: 30px; }

    /* hero: a card with 10px sides under the bar; the picture on top, the dark navy at the bottom */
    .avm-hero { min-height: clamp(640px, calc(100svh - var(--header-h)), 800px); margin: var(--header-h) 10px 0; border-radius: 20px; }
    .avm-hero__shade { inset: 0; background: linear-gradient(180deg, rgba(16, 14, 56, 0) 0%, rgba(16, 14, 56, .1) 35%, rgba(16, 14, 56, .55) 55%, rgba(16, 14, 56, .92) 70%, #100e38 82%); }
    .avm-hero__inner { padding: 0 10px 20px; }
    .avm-hero__title { font-size: 24px; line-height: 26px; font-weight: 500; }
    .avm-hero__rest { display: none; }
    .avm-hero__dot { display: inline; }
    .avm-hero__actions { flex-wrap: nowrap; gap: 9px; margin-top: 20px; }
    .avm-btn--lg { flex: 1 1 auto; height: 48px; padding: 0 10px; border-radius: 14px; font-size: 16px; }
    .avm-about { margin-top: 52px; }
    .avm-about .avm-h2 { margin-bottom: 15px; }
    .avm-about__row { gap: 0; }
    .avm-about__text { font-size: 14px; line-height: 17px; font-weight: 300; }
    .avm-facts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 50px; }
    .avm-facts__item { gap: 5px; }
    .avm-facts__item b { font-size: 18px; line-height: 20px; font-weight: 500; }
    .avm-facts__item span { font-size: 14px; line-height: 17px; }
    .avm-facts__item--num { grid-column: 1; grid-row: 1; justify-self: end; flex-direction: row; align-items: baseline; gap: .3em; }
    .avm-facts__item--num b, .avm-facts__item--num span { font-size: 20px; line-height: 24px; font-weight: 600; color: var(--white); white-space: nowrap; }
    .avm-facts__item:nth-child(4) { grid-column: 1; grid-row: 1; }
    .avm-facts__item:nth-child(3) { grid-column: 1; grid-row: 2; }
    .avm-facts__item:nth-child(2) { grid-column: 1; grid-row: 3; }

    /* services: an accordion in one bordered card, the open row shows its text and picture right under it */
    .avm-services { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: var(--white); }
    .avm-services__list, .avm-services__view { display: contents; }
    .avm-services__tab { order: calc(var(--i, 0) * 2); flex: none; min-height: 47px; padding: 0 15px; border-top: 1px solid var(--line); border-bottom: 0; font-size: 14px; }
    .avm-services__tab:first-child { border-top: 0; }
    .avm-services__tab:hover { background: transparent; }
    .avm-services__tab.is-active { background: var(--accent-soft); color: var(--accent); }
    .avm-check { flex-basis: 16px; width: 16px; height: 16px; border-radius: 4px; }
    .avm-services__panel { order: calc(var(--i, 0) * 2 + 1); position: relative; inset: auto; display: none; min-height: 0; padding: 0; opacity: 1; visibility: visible; transition: none; }
    .avm-services__panel.is-active { display: block; }
    .avm-services__panel::before { display: none; }
    .avm-services__panel::after { content: ''; display: block; height: 109px; background: inherit; background-size: cover; background-position: center bottom; }
    .avm-services__text { min-height: 0; display: block; padding: 14px 15px; border-radius: 0; font-size: 12px; line-height: 14px; }
    .avm-services__text::after { display: none; }

    /* projects: swipe the cards, no scroll bar; small outline buttons side by side */
    .avm-project { flex-basis: 311px; }
    .avm-project__img { border-radius: 20px; }
    .avm-project__title { margin-top: 15px; max-width: none; font-size: 18px; line-height: 20px; }
    .avm-project__tag { margin-top: 10px; font-size: 14px; }
    .avm-scroll { display: none; }
    .avm-actions { flex-wrap: wrap; gap: 10px 10px; margin-top: 20px; }
    .avm-actions .avm-btn--outline { flex: 0 0 auto; gap: 8px; height: 42px; padding: 0 15px; border-radius: 14px; font-size: 16px; }
    .avm-actions .avm-btn--outline .avm-arrow { width: 13px; height: 10px; }
    .avm-actions .avm-btn--dark { flex: 1 1 100%; }

    /* team: a photo on top, the name and the role on the grey bottom */
    .avm-team { gap: 15px 16px; }
    .avm-team .avm-member, .avm-team--about .avm-member { display: block; min-height: 0; padding: 0 0 15px; border: 1px solid #dcdce6; border-radius: 15px; background: var(--bg-soft); overflow: hidden; }
    .avm-member__photo { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; margin: 0; border-radius: 0; box-shadow: none; object-fit: cover; object-position: center top; } /* square frame = the whole square avatar is visible */
    .avm-team .avm-member:has(.avm-member__more) { display: flex; flex-direction: column; }
    .avm-team .avm-member__more { display: flex; flex: none; width: calc(100% - 24px); height: 34px; margin: auto auto 0; padding: 0; font-size: 14px; }
    .avm-team .avm-member__role:has(+ .avm-member__more) { margin-bottom: 12px; }
    .avm-team--preview .avm-member:nth-child(n+5) { display: none; } /* the design shows four people on the phone */
    .avm-member__name, .avm-team--about .avm-member__name { margin: 15px 0 0; font-size: 16px; line-height: 19px; }
    .avm-member__role, .avm-team--about .avm-member__role, .avm-team--about.avm-team--preview .avm-member__role { max-width: none; margin: 5px 6px 0; font-size: 11px; line-height: 13px; }

    /* news: a square picture on the left, the date above the title */
    .avm-news { grid-template-columns: 1fr; gap: 15px; }
    .avm-news__item { display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "img date" "img title"; column-gap: 10px; align-content: start; }
    .avm-news__img { grid-area: img; width: 96px; height: 96px; aspect-ratio: auto; margin: 0; border-radius: 12px; }
    .avm-news__date { grid-area: date; margin: 0 0 15px; font-size: 13px; line-height: 13px; }
    .avm-news__title { grid-area: title; max-width: none; font-size: 16px; line-height: 18px; }
    .avm-news__brand span { display: none; }
    .avm-news__brand img { width: 49cqw; height: 49cqw; }

    /* the lead block: name, phone, e-mail, message, no map on the home page */
    .avm-contact { margin-top: 30px; padding: 20px 0; border-radius: 15px; }
    .avm-contact .avm-h2 { margin-bottom: 10px; }
    .avm-contact__lead { font-size: 14px; line-height: 18px; }
    .avm-contact__grid { gap: 15px; margin-top: 20px; }
    .avm-contact .avm-map { display: none; }
    .avm-form { gap: 15px; }
    .avm-form__trap { order: 0; }
    .avm-form .avm-input[name="name"] { order: 1; }
    .avm-form .avm-input[name="phone"] { order: 2; }
    .avm-form .avm-input[name="email"] { order: 3; }
    .avm-form .avm-form__msg { order: 4; }
    .avm-form .avm-form__consent { order: 5; }
    .avm-form .avm-btn { order: 6; }
    .avm-form .avm-form__note, .avm-form .avm-form__done { order: 7; }
    .avm-btn--block { height: 50px; border-radius: 25px; font-size: 16px; }
    .avm-input { height: 58px; border-radius: 15px; font-size: 16px; }
    .avm-form__msg { height: 119px; }

    /* footer: the logo first (beside the notch with the icons), then the text, the links, the copyright */
    .avm-footer { margin: 30px 10px 14px; }
    .avm-footer__body { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; min-height: 237px; padding: 20px 15px 20px; border-radius: 20px; font-size: 12px; line-height: 14px; font-weight: 400; }
    .avm-footer__logo { order: 1; margin: 0; gap: 5px; align-items: center; }
    .avm-footer__logo img { width: 20px; height: 18px; }
    .avm-footer__name { font-size: 19px; }
    .avm-footer__brand small { display: none; }
    .avm-footer__about { order: 2; max-width: 290px; }
    .avm-footer__nav { order: 3; width: 100%; flex-wrap: nowrap; justify-content: space-between; gap: 0; margin-top: 20px; font-size: 14px; line-height: 17px; }
    .avm-footer__end { order: 4; align-items: flex-start; gap: 5px; margin-top: 20px; }
}

/* ---------- project cards: hover like sberuniversity.ru "Портфель программ" — the photo blurs, a navy veil rises from the bottom, the description slides up ---------- */
.avm-project__link { display: block; color: inherit; }
.avm-project__link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: var(--radius); }
.avm-hovercard { position: relative; isolation: isolate; }
.avm-hovercard img { transition: transform .4s, filter .35s; }
.avm-hovercard::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 0; background: rgba(16, 14, 56, .82); -webkit-mask-image: linear-gradient(transparent, #000 30%); mask-image: linear-gradient(transparent, #000 30%); transition: height .35s ease-in-out; pointer-events: none; }
.avm-hovercard__text { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0 20px 18px; color: var(--white); opacity: 0; transform: translateY(40%); transition: opacity .4s, transform .4s; pointer-events: none; }
.avm-hovercard__desc { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 10px; font-size: 14px; line-height: 18px; }
.avm-hovercard__more { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 18px; font-weight: 500; }
.avm-hovercard__more .avm-arrow { width: 16px; height: 12px; }
@media (hover: hover) {
    a:hover .avm-hovercard img, a:focus-visible .avm-hovercard img { filter: blur(14px); transform: scale(1.1); }
    a:hover .avm-hovercard::before, a:focus-visible .avm-hovercard::before { height: 130%; }
    a:hover .avm-hovercard__text, a:focus-visible .avm-hovercard__text { opacity: 1; transform: none; }
}

/* ======================= animation (client list "Правки по сайту: анимация", 2026-10-28) ======================= */

/* blocks that rise on scroll, once: data-reveal = up 24px + fade 0.6 s, step 0.1 s; data-reveal="scale" = 95% → 100%, 0.5 s, step 0.08 s (avm.js initReveal) */
.avm-js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; transition-delay: var(--rd, 0s); }
.avm-js [data-reveal="scale"] { transform: scale(.95); transition-duration: .5s; }
.avm-js [data-reveal].is-in { opacity: 1; transform: none; }

/* groups that replay when opened (direction panel, solution pane): children data-r rise 24px one after another (avm.js replay) */
.avm-js [data-r] { opacity: 0; transform: translateY(24px); }
.avm-js .is-shown [data-r] { opacity: 1; transform: none; transition: opacity .5s ease, transform .5s ease; transition-delay: var(--rd, 0s); }
.avm-dir-panel.is-leaving, .avm-pp__pane.is-leaving { opacity: 0; transition: opacity .2s ease; }


/* 1. project and case cards: a softer veil ("слегка затемняется") */
.avm-hovercard::before { background: rgba(16, 14, 56, .62); }
@media (hover: hover) {
    a:hover .avm-hovercard img, a:focus-visible .avm-hovercard img { filter: blur(10px); }
}

/* 2. project page, "Решение": items on the left, the pane on the right (title, text, photos sliding by themselves) */
.avm-pp__list li:has(> .avm-pp__item) { padding: 0; }
.avm-pp__item { display: flex; align-items: center; width: 100%; min-height: 60px; padding: 10px 20px; border: 0; background: transparent; font: inherit; font-size: 18px; line-height: 1.2; text-align: left; color: var(--navy); cursor: pointer; transition: background-color .2s, color .2s; }
.avm-pp__item:hover, .avm-pp__item.is-active { background: #dcddf1; color: var(--accent); }
.avm-pp__item:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.avm-pp__panes { min-height: 345px; border-radius: 15px; overflow: hidden; background: var(--bg-soft); }
.avm-pp__pane { display: none; grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr); height: 100%; min-height: 345px; }
.avm-pp__pane.is-active { display: grid; }
.avm-pp__pane.is-textonly { grid-template-columns: 1fr; }
.avm-pp__pane-text { padding: 30px; }
.avm-pp__pane-title { font-size: 24px; line-height: 1.1; font-weight: 700; }
.avm-pp__pane-desc { margin-top: 16px; font-size: 16px; line-height: 1.35; }
.avm-pp__pane .avm-slider { height: 100%; }

/* sliders: one photo (solution) or several (gallery); arrows, swipe, bars or dots (avm.js initSliders) */
.avm-slider { position: relative; --per: 1; --gap: 0px; }
.avm-slider__view { height: 100%; overflow: hidden; touch-action: pan-y; }
.avm-slider__track { position: relative; display: flex; gap: var(--gap); height: 100%; transition: transform .6s ease; }
.avm-slider__slide { flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per)); min-width: 0; overflow: hidden; }
.avm-slider__slide img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none; }
.avm-slider__btn { position: absolute; top: 50%; z-index: 2; width: 40px; height: 40px; margin-top: -20px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .85); color: var(--navy); cursor: pointer; transition: background-color .2s, color .2s; }
.avm-slider__btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; margin: -5px 0 0 -3px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(-45deg); }
.avm-slider__btn--prev { left: 12px; }
.avm-slider__btn--prev::before { margin-left: -6px; transform: rotate(135deg); }
.avm-slider__btn--next { right: 12px; }
.avm-slider__btn:hover { background: var(--accent); color: var(--white); }
.avm-slider__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.avm-slider.is-static .avm-slider__btn, .avm-slider.is-static .avm-slider__dots, .avm-slider.is-static .avm-slider__bars { display: none; }
.avm-slider__bars { position: absolute; left: 20px; right: 20px; bottom: 16px; z-index: 2; display: flex; gap: 6px; }
.avm-slider__bars i { position: relative; flex: 1; height: 3px; border-radius: 2px; overflow: hidden; background: rgba(255, 255, 255, .4); }
.avm-slider__bars i::after { content: ''; position: absolute; inset: 0; background: var(--white); transform: scaleX(0); transform-origin: left; }
.avm-slider__bars i.is-active::after { animation: avm-bar var(--dur, 4000ms) linear forwards; }
.avm-slider.is-paused .avm-slider__bars i.is-active::after { animation-play-state: paused; }
.avm-slider.is-manual .avm-slider__bars i.is-active::after { animation: none; transform: none; }
@keyframes avm-bar { to { transform: scaleX(1); } }
.avm-slider--gallery { --per: 4; --gap: 20px; }
.avm-slider--gallery .avm-slider__slide { aspect-ratio: 320 / 174; border-radius: 15px; background: #dcdce6; }
.avm-slider--gallery .avm-slider__view { border-radius: 15px; }
.avm-slider__dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
.avm-slider__dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 4px; background: #dcdce6; cursor: pointer; transition: width .3s, background-color .3s; }
.avm-slider__dots button.is-active { width: 24px; background: var(--accent); }

/* 3. member cards that open the resume */
.avm-member--link { color: inherit; cursor: pointer; }
.avm-member--link .avm-member__name { transition: color .2s; }
.avm-member--link:hover .avm-member__name { color: var(--accent); }
.avm-member--link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* 4. breadcrumbs (crumbs.html): Главная / … / current page; the current page is cut with "…" when long;
   phones show only "← <previous level>" */
.avm-crumbs { margin-bottom: 20px; font-size: 14px; line-height: 1.3; color: rgba(16, 14, 56, .5); }
.avm-crumbs__list { display: flex; align-items: center; min-width: 0; margin: 0; padding: 0; list-style: none; }
.avm-crumbs__list li { flex: none; white-space: nowrap; }
.avm-crumbs__list li + li::before { content: '/'; margin: 0 8px; color: rgba(16, 14, 56, .3); }
.avm-crumbs__list .avm-crumbs__current { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: var(--navy); }
.avm-crumbs a { color: inherit; transition: color .2s; }
.avm-crumbs a:hover { color: var(--accent); }
.avm-crumbs__back { display: none; align-items: center; gap: 8px; max-width: 100%; color: var(--navy); }
.avm-crumbs__back span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avm-crumbs__back .avm-arrow { flex: none; width: 14px; height: 11px; }
@media (max-width: 640px) {
    .avm-crumbs { margin-bottom: 16px; }
    .avm-crumbs__list { display: none; }
    .avm-crumbs__back { display: inline-flex; }
    .avm-mp .avm-crumbs { display: none; } /* the member page has its own "← Вся команда" button right under it */
}

/* 5. About: news and documents get an accent outline of 2 px on hover, pointer on the whole card */
/* the outline goes round the picture of the news (as in the client's screenshot), hover anywhere on the card */
.avm-news__item { cursor: pointer; }
/* as on sberuniversity.ru/learning: the frame is its own layer that fades in (opacity 0.3 s ease), not a colour switch */
.avm-news__img { overflow: visible; }
.avm-news__img img, .avm-news__img::after { border-radius: inherit; }
.avm-news__img::before { content: ''; position: absolute; inset: -2px; z-index: 1; border: 2px solid var(--accent); border-radius: 17px; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
.avm-news__item:hover .avm-news__img::before { opacity: 1; }
.avm-docs__row { position: relative; cursor: pointer; }
.avm-docs__row::after { content: ''; position: absolute; inset: 0; border: 2px solid var(--accent); border-radius: 2px; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
.avm-docs__row:first-child::after { border-radius: 14px 14px 2px 2px; }
.avm-docs__row:last-child::after { border-radius: 2px 2px 14px 14px; }
.avm-docs__row:hover::after { opacity: 1; }
.avm-docs__row:has(> a) { padding: 0; }
.avm-docs__row > a { flex: 1; align-self: stretch; min-height: 58px; padding: 12px 20px; }

@media (max-width: 960px) {
    .avm-pp__list { min-height: 0; }
    .avm-pp__pane { grid-template-columns: 1fr; }
    .avm-pp__pane .avm-slider { height: auto; aspect-ratio: 16 / 10; }
    .avm-pp__pane-text { padding: 20px; }
    .avm-slider--gallery { --per: 2; }
}
@media (max-width: 640px) {
    .avm-pp__panes, .avm-pp__pane { min-height: 0; }
    .avm-pp__pane-title { font-size: 20px; }
    .avm-pp__item { font-size: 16px; min-height: 52px; }
    .avm-slider--gallery { --per: 1; --gap: 12px; }
}

/* card hover: the blur comes in smoothly — longer, soft start (the first pixels of blur are the most visible), own layer so frames do not jump */
.avm-hovercard img { transition: transform .8s cubic-bezier(.33, 0, .2, 1), filter .8s cubic-bezier(.45, 0, .25, 1); will-change: filter, transform; backface-visibility: hidden; }
.avm-hovercard::before { transition: height .7s cubic-bezier(.33, 0, .2, 1); }
.avm-hovercard__text { transition: opacity .5s ease .15s, transform .6s cubic-bezier(.33, 0, .2, 1) .1s; }
@media (hover: hover) {
    a:not(:hover):not(:focus-visible) .avm-hovercard__text { transition-delay: 0s; }
}

/* services: clicking a direction scrolls to its block, which then starts right under the fixed header */
.avm-panel { scroll-margin-top: var(--header-h); }

/* services tiles: the accent frame fades in like on the news (own layer, opacity 0.3 s ease) on hover and stays on the chosen one */
.avm-dir { position: relative; }
.avm-dir::before { content: ''; position: absolute; inset: -1.5px; border: 2px solid var(--accent); border-radius: 16px; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
.avm-dir:hover::before, .avm-dir.is-active::before { opacity: 1; }
.avm-dir.is-active { border-color: #dcdce6; }
.avm-dir, .avm-dir__ico { transition: color .3s ease, background-color .3s ease; }

/* team cards: on hover the accent frame fades in like on the news (own layer, 2 px, opacity 0.3 s ease); also for keyboard focus */
.avm-member { position: relative; }
.avm-team .avm-member::before { content: ''; position: absolute; inset: -2px; z-index: 3; border: 2px solid var(--accent); border-radius: 17px; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
.avm-team .avm-member:focus-visible, .avm-team .avm-member:focus-within { outline: none; }
.avm-team .avm-member:focus-visible::before, .avm-team .avm-member:focus-within::before { opacity: 1; }
@media (hover: hover) {
    .avm-team .avm-member:hover::before { opacity: 1; }
}

/* ---------- «Анимация 2» (client docx, 2026-10-30) ---------- */

/* 1. home, "О компании" over the hero photo: rises 30 px + fades in, 0.6 s, when it comes into view;
   the heading and the text first, then the facts left to right 0.1 s apart (data-r delays in home.html); 14 counts up (avm.js) */
.avm-js .avm-about [data-r] { transform: translateY(30px); }
.avm-js .avm-about.is-shown [data-r] { transform: none; transition-duration: .6s; }

/* 2. home, "Наши услуги": the new direction slides in from the right while the old one leaves to the left (0.6 s),
   then its white plate rises 24 px (data-r, 0.5 s); the photos of one direction are a slider (arrows, dots, swipe) */
.avm-services__panel {
    opacity: 1;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform .6s cubic-bezier(.45, 0, .2, 1), visibility 0s linear .6s;
}
.avm-services__panel.is-active { visibility: visible; transform: none; transition: transform .6s cubic-bezier(.45, 0, .2, 1), visibility 0s; }
.avm-services__panel.is-leaving { visibility: visible; transform: translateX(-100%); }
.avm-services__panel::before { display: none; }
.avm-services__media { position: absolute; inset: 0; z-index: 0; }
.avm-services__media::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(16, 14, 56, .88) 0%, rgba(16, 14, 56, 0) 88.5%); pointer-events: none; } /* the old panel shade, fitted to the Figma render */
.avm-services__media .avm-slider__slide img { object-position: center bottom; }
.avm-services__media .avm-slider__dots { position: absolute; left: 0; right: 0; bottom: 16px; z-index: 2; margin: 0; }
.avm-services__media .avm-slider__dots button { background: rgba(255, 255, 255, .6); }
.avm-services__media .avm-slider__dots button.is-active { background: var(--accent); }
.avm-services__text { z-index: 2; }

@media (max-width: 640px) {
    /* phones keep the accordion: the open row shows its plate and, under it, the photo strip */
    .avm-services__panel, .avm-services__panel.is-active, .avm-services__panel.is-leaving { visibility: visible; transform: none; transition: none; }
    .avm-services__panel.is-active { display: flex; flex-direction: column; }
    .avm-services__panel::after { display: none; }
    .avm-services__media { position: relative; inset: auto; order: 2; height: 109px; }
    .avm-services__media::after, .avm-services__media .avm-slider__btn { display: none; }
    .avm-services__media .avm-slider__dots { bottom: 8px; }
    .avm-services__text { order: 1; }
}

/* 3. project page: the photo header rises 30 px from 96 % to full size (0.7 s), the title follows after 0.3 s (up 20 px, 0.5 s),
   the facts row after 0.5 s; on every opening of the page */
@keyframes avm-hero-in { from { opacity: 0; transform: translateY(30px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes avm-rise-20 { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
.avm-js .avm-pp__hero { animation: avm-hero-in .7s cubic-bezier(.22, .61, .36, 1) both; }
.avm-js .avm-pp__title { animation: avm-rise-20 .5s ease .3s both; }
.avm-js .avm-pp__facts { animation: avm-rise-20 .5s ease .5s both; }


/* ---------- site skeleton (2026-10-30): legal pages, form checkboxes, cookie notice, footer ---------- */

/* legal pages: a column of 800 px at most, text 16 px with line spacing 1.5, bold section headings;
   a long document has the table of contents on the left (computers) or folded above the text (phones) */
.avm-legal__title { margin-bottom: 10px; }
.avm-legal__rev { margin: 0 0 30px; font-size: 15px; color: rgba(16, 14, 56, .6); }
.avm-legal__title + .avm-legal__layout { margin-top: 30px; }
.avm-legal__body { max-width: 800px; }
.avm-legal__body h2 { scroll-margin-top: calc(var(--header-h) + 20px); margin: 36px 0 14px; font-size: 18px; line-height: 1.3; }
.avm-legal__body h2:first-child { margin-top: 0; }
.avm-legal__body p, .avm-legal__body li { margin: 0 0 10px; font-size: 16px; line-height: 1.5; }
.avm-legal__body ul { margin: 0 0 12px; padding-left: 22px; list-style: disc; }
.avm-legal__note { margin: 16px 0; padding: 18px 20px 8px; border: 2px solid var(--accent); border-radius: 15px; background: var(--accent-soft); }
.avm-legal--toc .avm-legal__layout { display: grid; grid-template-columns: 300px minmax(0, 800px); gap: 50px; align-items: start; }
.avm-legal__toc { position: sticky; top: calc(var(--header-h) + 20px); max-height: calc(100vh - var(--header-h) - 40px); overflow: auto; }
.avm-legal__toc summary { margin-bottom: 12px; font-size: 18px; font-weight: 700; list-style: none; cursor: default; }
.avm-legal__toc summary::-webkit-details-marker { display: none; }
.avm-legal__toc ol { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.avm-legal__toc li + li { margin-top: 8px; }
.avm-legal__toc a { display: block; font-size: 15px; line-height: 1.35; color: rgba(16, 14, 56, .75); transition: color .2s; }
.avm-legal__toc a:first-letter { text-transform: uppercase; }
.avm-legal__toc a:hover { color: var(--accent); }
@media (max-width: 960px) {
    .avm-legal--toc .avm-legal__layout { display: block; }
    .avm-legal__toc { position: static; max-height: none; margin-bottom: 28px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 15px; }
    .avm-legal__toc summary { display: flex; justify-content: space-between; align-items: center; margin: 0; font-size: 16px; cursor: pointer; }
    .avm-legal__toc summary::after { content: ''; width: 8px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s; }
    .avm-legal__toc[open] summary::after { transform: rotate(-135deg); }
    .avm-legal__toc[open] summary { margin-bottom: 12px; }
}
@media (max-width: 640px) {
    .avm-legal__body p, .avm-legal__body li { font-size: 15px; }
}

/* form: two checkboxes; the long text of the first one is not cut, 13 px (the skeleton asks for 12 px at least) */
.avm-form__consent { align-items: flex-start; font-size: 13px; line-height: 1.4; letter-spacing: 0; }
.avm-form__consent .avm-form__box { margin-top: 0; }
.avm-form__consent + .avm-form__consent { margin-top: 0; }
.avm-form__consent.is-invalid { color: #d9534f; }
.avm-form__consent.is-invalid a { color: inherit; }

/* cookie notice: a card at the bottom left; phones: full width, the button under the text */
.avm-cookie { position: fixed; left: 20px; bottom: 20px; z-index: 90; display: flex; align-items: center; gap: 20px; max-width: 640px; padding: 18px 20px;
    border-radius: 15px; background: var(--white); box-shadow: 0 12px 40px rgba(16, 14, 56, .18); opacity: 0; transform: translateY(20px); transition: opacity .3s ease, transform .3s ease; }
.avm-cookie.is-open { opacity: 1; transform: none; }
.avm-cookie__text { margin: 0; font-size: 14px; line-height: 1.4; }
.avm-cookie__text a { color: var(--accent); text-decoration: underline; }
.avm-cookie__ok { flex: none; }
@media (max-width: 640px) {
    .avm-cookie { left: 0; right: 0; bottom: 0; max-width: none; flex-direction: column; align-items: stretch; gap: 14px; padding: 16px 20px 20px; border-radius: 15px 15px 0 0; }
    .avm-cookie__ok { width: 100%; }
}

/* footer: three legal documents under the copyright */
.avm-footer__end { gap: 4px; }

/* home hero: the photo layer sticks out 80 px above and below the hero (same framing as before), so the parallax never opens a gap on screen */
.avm-hero__bg { position: absolute; left: 0; right: 0; top: -80px; height: calc(100% + 160px); background: center / cover no-repeat; will-change: transform; }

/* home services: "Подробнее" on the white plate leads to the direction page */
.avm-services__text > span { flex: 1 1 auto; }
.avm-services__text::after { display: none; }
.avm-services__more { flex: none; display: inline-flex; align-items: center; gap: 8px; margin-left: 30px; color: var(--accent); white-space: nowrap; }
.avm-services__more:hover { text-decoration: underline; }
@media (max-width: 640px) {
    .avm-services__more { display: flex; margin: 8px 0 0; }
}

/* news cards are links to the news page (the card keeps its look; on phones the link carries the grid of the card) */
.avm-news__link { display: block; color: inherit; }
.avm-news__link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 15px; }
@media (max-width: 640px) {
    .avm-news__item:has(> .avm-news__link) { display: block; }
    .avm-news__link { display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "img date" "img title"; column-gap: 10px; align-content: start; }
}

/* project page: equipment and brands as chips; the photos open full screen */
.avm-brands { margin-top: 0; }
[data-avm-lb] { cursor: zoom-in; }
.avm-pp__hero[data-avm-lb]:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.avm-lb { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; background: rgba(16, 14, 56, .92); opacity: 0; transition: opacity .2s ease; touch-action: pan-y; }
.avm-lb.is-open { opacity: 1; }
.avm-lb__fig { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 60px 90px; }
.avm-lb__img { display: block; max-width: 100%; max-height: 100%; border-radius: 12px; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.avm-lb__close, .avm-lb__btn { position: absolute; z-index: 1; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: var(--white); cursor: pointer; transition: background-color .2s; }
.avm-lb__close:hover, .avm-lb__btn:hover { background: var(--accent); }
.avm-lb__close:focus-visible, .avm-lb__btn:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }
.avm-lb__close { top: 16px; right: 16px; }
.avm-lb__close::before, .avm-lb__close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: currentColor; transform: rotate(45deg); }
.avm-lb__close::after { transform: rotate(-45deg); }
.avm-lb__btn { top: 50%; margin-top: -24px; }
.avm-lb__btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; margin: -6px 0 0 -8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(-45deg); }
.avm-lb__btn--prev { left: 20px; }
.avm-lb__btn--prev::before { margin-left: -4px; transform: rotate(135deg); }
.avm-lb__btn--next { right: 20px; }
.avm-lb__count { position: absolute; left: 0; right: 0; bottom: 18px; margin: 0; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .8); }
.avm-lb.is-single .avm-lb__btn { display: none; }
.avm-lb-open, .avm-lb-open body { overflow: hidden; }
@media (max-width: 640px) {
    .avm-lb__fig { padding: 70px 12px; }
    .avm-lb__btn { display: none; } /* phones swipe */
}

/* direction page ends with "Обсудить проект" */
.avm-dir-panel__cta { margin-top: 40px; }

/* team page: the whole card opens the member page ("Узнать больше" stretches over it) */
.avm-team .avm-member__more::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }

/* contacts: social networks in the contact rows */
.avm-info__socs { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.avm-info__socs a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }

/* news feed: year buttons */
.avm-news__years { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.avm-news__years .avm-tag { cursor: pointer; border: 0; font-family: inherit; }
.avm-news__years .avm-tag.is-active { background: var(--accent); color: var(--white); }
.avm-news > [data-off] { display: none !important; }

/* news page (Blog app, blog theme "avm") */
.avm-np__title { max-width: 900px; margin-bottom: 12px; }
.avm-np__date { display: block; margin-bottom: 30px; font-size: 15px; color: rgba(16, 14, 56, .6); }
.avm-np__cover { aspect-ratio: 1340 / 500; margin-bottom: 40px; border-radius: 15px; overflow: hidden; background: #dcdce6; }
.avm-np__cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avm-np__text { max-width: 800px; font-size: 17px; line-height: 1.55; }
.avm-np__text p { margin: 0 0 16px; }
.avm-np__text h2, .avm-np__text h3 { margin: 30px 0 12px; font-weight: 700; line-height: 1.25; }
.avm-np__text h2 { font-size: 24px; }
.avm-np__text h3 { font-size: 20px; }
.avm-np__text ul, .avm-np__text ol { margin: 0 0 16px; padding-left: 22px; }
.avm-np__text ul { list-style: disc; }
.avm-np__text ol { list-style: decimal; }
.avm-np__text a { color: var(--accent); text-decoration: underline; }
.avm-np__text img { display: block; max-width: 100%; height: auto; margin: 24px 0; border-radius: 15px; }
.avm-np__gallery { margin-top: 50px; }
@media (max-width: 640px) {
    .avm-np__cover { aspect-ratio: 16 / 10; margin-bottom: 24px; }
    .avm-np__text { font-size: 15px; }
}

/* ---------- legal pages for 1920, 2K and phones (2026-10-30) ----------
   computers follow the design 1302:548: the text runs the full width of the content, no table of contents,
   accent uppercase section headings, dense 18 px text; on 2K the type grows to 20 px and the line stops at ~80 em.
   Phones (no design): the folded "Содержание" list on top and a "Содержание" button that brings it back. */
.avm-legal--toc .avm-legal__layout { display: block; }
.avm-legal__toc, .avm-legal__up { display: none; }
.avm-legal__layout { font-size: clamp(18px, calc(18px + (100vw - 1920px) * .003125), 20px); }
.avm-legal__body { max-width: 80em; }
.avm-legal__body h2 { margin: 1.9em 0 .95em; font-size: 1.111em; line-height: 1.1; font-weight: 700; text-transform: uppercase; color: var(--accent); }
.avm-legal__body h2:first-child { margin-top: 0; }
.avm-legal__body p, .avm-legal__body li { margin: 0; font-size: 1em; line-height: 1.1; }
.avm-legal__body ul { margin: 0; padding-left: 1.2em; list-style: disc; }
.avm-legal__note { margin: .9em 0; padding: .8em 1em; }
.avm-legal__title { max-width: 26em; margin-bottom: 17px; font-size: clamp(40px, calc(40px + (100vw - 1920px) * .00625), 44px); line-height: 1.1; }
.avm-legal__rev { margin: 0 0 30px; font-size: clamp(15px, calc(15px + (100vw - 1920px) * .003125), 17px); }
.avm-legal__title + .avm-legal__layout { margin-top: 30px; }

@media (max-width: 1200px) {
    .avm-legal__title { font-size: 34px; }
    .avm-legal__layout { font-size: 16px; }
    .avm-legal__body p, .avm-legal__body li { line-height: 1.2; }
}
@media (max-width: 960px) {
    .avm-legal__toc { display: block; position: static; max-height: none; margin-bottom: 28px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 15px; }
    .avm-legal__toc a { position: relative; font-size: 15px; }
    .avm-legal__toc a.is-current { color: var(--accent); }
}
@media (max-width: 640px) {
    .avm-legal__title { font-size: 26px; line-height: 1.15; overflow-wrap: anywhere; }
    .avm-legal__layout { font-size: 15px; }
    .avm-legal__body h2 { font-size: 16px; }
    .avm-legal__body p, .avm-legal__body li { line-height: 1.35; }
    .avm-legal__note { padding: 12px 14px; }
    .avm-legal__up { position: fixed; right: 16px; bottom: 16px; z-index: 80; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px;
        border: 0; border-radius: 22px; background: var(--navy); color: var(--white); font: inherit; font-size: 14px; box-shadow: 0 8px 24px rgba(16, 14, 56, .25);
        opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s ease, transform .25s ease; }
    .avm-legal__up.is-on { opacity: 1; transform: none; pointer-events: auto; }
    .avm-legal__up::before { content: ''; width: 8px; height: 8px; margin-top: 4px; border: solid currentColor; border-width: 2px 0 0 2px; transform: rotate(45deg); }
}

/* home, "Наши услуги": the directions switch by themselves every 2.5 s (avm.js initServices); a 2 px accent bar fills under the open one */
.avm-services__tab { position: relative; }
.avm-services__tab::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; pointer-events: none; }
.avm-services.is-auto .avm-services__tab.is-active.is-timing::after { animation: avm-bar var(--auto, 5000ms) linear forwards; }
.avm-services.is-paused .avm-services__tab.is-active.is-timing::after { animation-play-state: paused; }

/* laptops with a short window (1366×768, 1536×864: ~600–750 px of page height): the hero is as tall as the window,
   so the title, the buttons and "О компании" are all on the first screen; 1920×1080 and phones are not touched */
@media (min-width: 961px) and (max-height: 860px) {
    .avm-hero { min-height: max(560px, 100vh); min-height: max(560px, 100svh); }
    .avm-hero__inner { padding-top: calc(var(--header-h) + 24px); padding-bottom: 36px; }
    .avm-hero__actions { margin-top: 22px; }
    .avm-about { margin-top: 24px; }
}

/* home, "О компании" between 1201 and 1365 px: the text and the facts did not fit side by side (the last fact was cut);
   the gaps get smaller, the text narrower, and the small lines of the facts may wrap. 1366+ keeps the design */
@media (min-width: 1201px) and (max-width: 1365px) {
    .avm-about__row { gap: 40px; }
    .avm-about__text { flex: 0 1 380px; min-width: 0; max-width: 380px; }
    .avm-facts { gap: 24px; min-width: 0; }
    .avm-facts__item { flex: 0 1 auto; min-width: 0; }
    .avm-facts__item span { white-space: normal; }
}

/* Контакты as in the new design (screen of 31.10): the section is white, the form fields are outlined,
   the MAX / ВКонтакте buttons stand right after the title */
.avm-contacts { background: var(--white); }
.avm-contacts .avm-input { background: var(--white); border-color: var(--line); } /* outlined fields instead of a grey fill (31.10) */
.avm-contacts .avm-input:hover { border-color: #c4c4d0; }
.avm-contacts .avm-input:focus { border-color: var(--accent); }
.avm-contacts .avm-input:focus-visible { outline: none; } /* the accent border is the focus mark here */
.avm-contacts .avm-input.is-invalid { border-color: #d2545a; }
.avm-contacts__head { justify-content: flex-start; }
.avm-contacts .avm-info__title { font-size: 16px; line-height: 1.25; font-weight: 500; text-transform: none; color: var(--navy); }
.avm-contacts .avm-info__toggle { gap: 6px; transition: color .2s; }
.avm-contacts .avm-info__toggle[aria-expanded="false"] { color: var(--muted); } /* folded: grey, open: dark (design) */
.avm-contacts .avm-info__chev { flex-basis: 18px; width: 18px; height: 18px; }

/* lead forms (home, modal, Контакты): more air around the two checkboxes — 25 px from the message field, 19 px between them,
   25 px to the button (grid gap 15 px + these margins) */
.avm-form .avm-form__consent { margin: 10px 0 0 5px; }
.avm-form .avm-form__consent + .avm-form__consent { margin-top: 4px; }
.avm-form .avm-form__consent--ads { margin-bottom: 10px; }

/* services on phones (Figma 1249:1500): the directions are a list of 64 px rows — name on the left, icon on the right;
   smaller headings, a 139 px banner and compact case cards */
@media (max-width: 640px) {
    .avm-page[data-avm-tabs] .avm-h1 { margin-bottom: 20px; font-size: 24px; line-height: 1.1; }
    .avm-dirs { grid-template-columns: 1fr; gap: 15px; }
    .avm-dir { flex-direction: row-reverse; align-items: center; gap: 15px; min-height: 64px; padding: 8px 15px; border-width: 1px; border-radius: 10px; font-size: 15px; }
    .avm-dir::before { inset: -1px; border-width: 1px; border-radius: 10px; }
    .avm-dir__ico { flex-basis: 34px; width: 34px; height: 34px; border-radius: 7px; }
    .avm-dir__ico::after { width: 22px; height: 22px; margin: -11px 0 0 -11px; }
    .avm-dir__name { max-width: 180px; margin-top: 0; }
    .avm-dir__name br, .avm-dir__name .avm-dir__mbr { display: inline; }

    .avm-panel { margin-top: 30px; padding: 20px 0 30px; border-radius: 10px; }
    .avm-dir-panel__text { margin-bottom: 16px; font-size: 15px; line-height: 1.1; }
    .avm-dir-panel__img { height: 139px; aspect-ratio: auto; }
    .avm-h3, .avm-dir-panel .avm-h3, .avm-dir-panel .avm-cases + .avm-h3 { margin: 30px 0 20px; font-size: 18px; line-height: 1.1; }
    .avm-dir-panel .avm-tags + .avm-h3 { margin-bottom: 15px; font-size: 20px; }
    .avm-tags { gap: 15px 8px; }
    .avm-tag { height: 28px; padding: 0 10px; }
    .avm-cases { gap: 20px; }
    .avm-case__img { aspect-ratio: auto; height: 113px; border-radius: 10px; }
    .avm-case__img .avm-hovercard__text { display: none; }
    .avm-case__title { max-width: none; margin: 15px 0 0; font-size: 15px; }
    .avm-case__cat { margin-top: 5px; font-size: 12px; }
    .avm-dir-panel__cta { margin-top: 30px; }
}

/* project page, "Оборудование" (Figma 1245:1597): logo tiles 88 px high, a 1.5 px frame; under each "Категория Бренд", the brand in accent */
.avm-gear { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.avm-gear__logo { display: flex; align-items: center; justify-content: center; height: 88px; padding: 10px 20px; border: 1.5px solid #dcdce6; border-radius: 15px; background: var(--white); }
.avm-gear__logo img { display: block; height: var(--h, 40px); max-width: 100%; object-fit: contain; filter: grayscale(1); } /* the design shows the logos in grey */
.avm-gear__logo span { font-size: 22px; line-height: 1.1; font-weight: 700; color: var(--navy); text-align: center; }
.avm-gear__cap { margin: 10px 0 0; font-size: 15px; line-height: 1.1; }
.avm-gear__cap span { color: var(--accent); }
@media (max-width: 1200px) {
    .avm-gear { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
    .avm-gear { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .avm-gear { gap: 16px 12px; }
    .avm-gear__logo { height: 72px; padding: 8px 12px; border-radius: 12px; }
    .avm-gear__logo img { height: calc(var(--h, 40px) * .72); }
    .avm-gear__logo span { font-size: 18px; }
    .avm-gear__cap { margin-top: 8px; font-size: 13px; }
}

/* project cards (Figma 1465:4211): the city in the title in accent, the line under it in grey (navy 50 %) */
.avm-city { color: var(--accent); white-space: nowrap; }
.avm-card__title { max-width: 250px; } /* 230 px in Figma; our font is a little wider */
.avm-card__tag, .avm-project__tag { color: rgba(16, 14, 56, .5); }

/* project equipment tiles: on hover the accent frame fades in like on the news (own layer, 2 px, opacity 0.3 s ease) */
.avm-gear__logo { position: relative; }
.avm-gear__logo::before { content: ''; position: absolute; inset: -1.5px; border: 2px solid var(--accent); border-radius: 15px; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
@media (hover: hover) {
    .avm-gear__item:hover .avm-gear__logo::before { opacity: 1; }
}
@media (max-width: 640px) {
    .avm-gear__logo::before { border-radius: 12px; }
}

/* footer on tablets and phones (the stacked footer, up to 960 px): Rutube and Dzen are hidden, three icons stay */
@media (max-width: 960px) {
    .avm-footer__soc--wide { display: none; }
}

/* project gallery: when it scrolls into view the photos pop up one after another — fade in and grow from 95 %
   (0.5 s, 0.1 s apart; no vertical move: the slider clips its edges) */
.avm-js .avm-pp-gal [data-r] { transform: scale(.95); }
.avm-js .avm-pp-gal.is-shown [data-r] { transform: none; }

/* Yandex map: object name above the pin */
.avm-ymap__label { position: absolute; left: 0; top: 0; transform: translate(-50%, calc(-100% - 6px)); padding: 5px 9px; border-radius: 7px;
    background: #fff; box-shadow: 0 2px 8px rgba(16, 14, 56, .18); font: 500 13px/1.15 var(--font); color: var(--navy); white-space: nowrap; pointer-events: none; }
@media (max-width: 640px) { .avm-ymap__label { padding: 4px 7px; font-size: 11px; } }

/* services cases look like the project cards: city in accent (data.html index 8), grey category, same spacing */
.avm-case__cat { color: rgba(16, 14, 56, .5); }
@media (min-width: 641px) { .avm-case__title { max-width: 250px; margin: 10px 0 0; } }

/* documents (Figma 1155:1076): 35 px between the icon and the name; the icon turns accent on hover; a row without a file is not a link */
.avm-docs__row, .avm-docs__row a, .avm-docs__row.is-empty { gap: 35px; }
.avm-docs__ico { transition: background-color .3s ease; }
.avm-docs__row:hover .avm-docs__ico { background: var(--accent); }
.avm-docs__row:not(:has(> a)) { cursor: default; }
@media (max-width: 640px) { .avm-docs__row, .avm-docs__row a, .avm-docs__row.is-empty { gap: 15px; } }

/* ================= phones per the designers' mobile frames (Figma keLtqavYdVP3CTjknM74qT, 2026-11-01):
   1249:1500 Услуги, 1472:4496 Проекты, 1487:660 project page, 1472:4640 О компании, 1491:579 Команда, 1491:376 member page,
   1498:647 Контакты. Titles 24 px, text 15 px, captions 12 px, outline buttons 42 px with 8 px corners, no breadcrumbs;
   the rows of cards swipe sideways ================= */
.avm-m-only, .avm-contacts__lead, .avm-row-nav { display: none; }
.avm-member__box { display: contents; } /* a real box on phones only */
@media (max-width: 640px) {
    .avm-m-only { display: inline; }
    .avm-d-only { display: none; }

    /* header: the emblem before the name, as in every frame */
    .avm-logo { gap: 5px; }
    .avm-logo__emblem { display: block; width: 25px; height: 23px; }
    .avm-logo__name { font-size: 19px; }
    .avm-logo__slogan { font-size: 5.9px; }

    /* inner pages: the title 30 px under the bar, 50 px between the sections */
    .avm-page { padding-top: calc(var(--header-h) + 30px); }
    .avm-page__section, .avm-page__section--near { margin-top: 50px; }
    .avm-h1 { margin-bottom: 20px; font-size: 24px; line-height: 1.1; }
    .avm-lead, .avm-questions__text, .avm-pp__text { font-size: 15px; line-height: 1.1; }
    .avm-crumbs--m-none { display: none; }
    .avm-crumbs--m-btn { margin-bottom: 20px; font-size: 16px; }
    .avm-crumbs--m-btn .avm-crumbs__back { height: 42px; padding: 0 15px; gap: 3px; border: 1px solid var(--line); border-radius: 21px; background: var(--white); color: var(--navy); font-weight: 500; }
    .avm-crumbs--m-btn .avm-crumbs__back .avm-arrow { width: 13px; height: 10px; }

    /* buttons of the inner pages: outline 42 px, dark 40 px, both as wide as their text */
    .avm-page .avm-actions { margin-top: 20px; }
    .avm-page .avm-actions .avm-btn { flex: 0 0 auto; }
    .avm-page .avm-btn--outline, .avm-btn--back, .avm-btn--nav { height: 42px; padding: 0 15px; gap: 3px; border-radius: 8px; font-size: 16px; }
    .avm-btn--back, .avm-page .avm-btn--back { border-radius: 21px; } /* the back buttons are round in the frames */
    .avm-page .avm-btn--outline .avm-arrow, .avm-btn--back .avm-arrow, .avm-btn--nav .avm-arrow { width: 13px; height: 10px; }
    .avm-page .avm-btn--dark:not(.avm-btn--block), .avm-page .avm-actions .avm-btn--dark { flex: 0 0 auto; width: auto; height: 40px; padding: 0 15px; gap: 3px; border-radius: 8px; font-size: 16px; }
    .avm-btn--cta { margin-top: 20px; }

    /* Проекты: a row of 241 px cards that swipes, then the map on a grey panel */
    #avm-all-projects { display: flex; gap: 15px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    #avm-all-projects::-webkit-scrollbar { display: none; }
    #avm-all-projects .avm-card { flex: 0 0 241px; scroll-snap-align: start; }
    #avm-all-projects + .avm-actions { margin-top: 10px; }
    .avm-card__img { aspect-ratio: auto; height: 133px; border-radius: 10px; }
    .avm-card__img .avm-hovercard__text { display: none; }
    .avm-card__title { max-width: 230px; margin-top: 15px; font-size: 15px; font-weight: 500; }
    .avm-card__tag { margin-top: 5px; font-size: 12px; color: rgba(16, 14, 56, .6); }
    .avm-mapsec { margin-top: 30px; padding: 20px 0 30px; border-radius: 10px; background: #f4f6f7; }
    .avm-mapsec .avm-h1 { margin-bottom: 30px; }
    .avm-pmap { aspect-ratio: auto; height: 230px; border-radius: 10px; }

    /* Услуги: the directions are 241 x 133 tiles in a row that swipes; icon on top, the name 35 px under it */
    .avm-dirs { display: flex; gap: 15px; margin: -2px; padding: 2px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    .avm-dirs::-webkit-scrollbar { display: none; }
    .avm-dir { flex: 0 0 241px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0; height: 133px; min-height: 0; padding: 15px; border: 1.5px solid #dcdce6; border-radius: 10px; font-size: 15px; scroll-snap-align: start; }
    .avm-dir::before { inset: -1.5px; border-width: 1.5px; border-radius: 10px; }
    .avm-dir__name { max-width: 175px; margin-top: 35px; }
    .avm-tag { height: 29px; padding: 0 10px; border-radius: 14.5px; font-size: 15px; } /* 12 px in Figma; our font is a little wider, two tags still fit a row */

    /* О компании: the photo strip 139 px high (449 px wide slides), the years line as wide as the strip */
    .avm-history__track { border-radius: 10px; }
    .avm-history__slide { flex: 0 0 449px; height: 139px; aspect-ratio: auto; }
    .avm-timeline__list { width: calc(var(--slides, 4) * 449px); }
    .avm-timeline__year { padding-top: 30px; font-size: 15px; }
    .avm-timeline__year::before { top: 0; width: 20px; height: 20px; }
    .avm-timeline__year:last-child { flex: 0 0 88px; }

    /* team cards: a grey 10 px card, the photo 111 px high in a thin frame, name 15 px, role 12 px */
    .avm-page .avm-team--preview { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 16px; }
    .avm-page .avm-team--preview .avm-member, .avm-page--team .avm-member__box { display: flex; flex-direction: column; align-items: center; min-height: 178px; padding: 0 0 16px; border: 0; border-radius: 10px; background: #f4f6f7; overflow: hidden; }
    .avm-page .avm-team picture { display: block; width: 100%; }
    .avm-page .avm-team .avm-member__photo { width: 100%; height: 111px; aspect-ratio: auto; border: 1px solid #dcdce6; border-radius: 10px; background: var(--white); object-fit: cover; object-position: center top; }
    .avm-page .avm-team--preview .avm-member:nth-child(n+5) { display: none; } /* four people on the phone */
    .avm-page .avm-team .avm-member__role br { display: none; }
    .avm-page .avm-team .avm-member__name { margin: 15px 0 0; font-size: 15px; line-height: 18px; }
    .avm-page .avm-team .avm-member__role { max-width: none; margin: 5px 6px 0; font-size: 12px; line-height: 1.1; }
    .avm-page .avm-team .avm-member::before { border-radius: 12px; }

    /* Команда: each group swipes; arrows above it; "Узнать больше" (141 x 37) under the card */
    .avm-page--team .avm-team-group { margin: 30px 0 20px; font-size: 15px; }
    .avm-page--team .avm-team-group:first-of-type { margin-top: 0; }
    .avm-row-nav { display: flex; justify-content: space-between; margin-bottom: 8px; }
    .avm-row-nav__btn { display: flex; align-items: center; width: 30px; height: 20px; padding: 0; border: 0; background: none; color: rgba(90, 84, 210, .35); cursor: pointer; transition: color .2s; }
    .avm-row-nav__btn:last-child { justify-content: flex-end; }
    .avm-row-nav__btn:hover { color: var(--accent); }
    .avm-row-nav__btn .avm-arrow { width: 13px; height: 10px; }
    .avm-page--team .avm-team { display: flex; gap: 15px; margin: -2px; padding: 2px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    .avm-page--team .avm-team::-webkit-scrollbar { display: none; }
    .avm-page--team .avm-team .avm-member { flex: 0 0 167px; display: flex; flex-direction: column; align-items: center; min-height: 0; padding: 0; border: 0; border-radius: 10px; background: none; overflow: visible; scroll-snap-align: start; }
    .avm-page--team .avm-team .avm-member::before { inset: -2px -2px 50px; }
    .avm-page--team .avm-member__box { width: 100%; }
    .avm-page--team .avm-team .avm-member__more { width: 141px; height: 37px; margin: 15px auto 0; border-radius: 19px; font-size: 15px; }
    .avm-page--team .avm-team .avm-member__role:has(+ .avm-member__more) { margin-bottom: 0; }

    /* documents, jobs */
    .avm-table { border-radius: 10px; }
    .avm-docs__row, .avm-docs__row > a { min-height: 47px; padding: 8px 15px; gap: 15px; font-size: 15px; }
    .avm-docs__row:has(> a) { padding: 0; }
    .avm-docs__ico { flex-basis: 16px; width: 16px; height: 16px; border-radius: 4px; }
    .avm-docs__row:first-child::after { border-radius: 9px 9px 2px 2px; }
    .avm-docs__row:last-child::after { border-radius: 2px 2px 9px 9px; }

    /* news of the inner pages: date on top, the title at the bottom of the 96 px picture */
    .avm-page .avm-news { gap: 15px; }
    .avm-page .avm-news__link, .avm-page .avm-news__item:not(:has(> .avm-news__link)) { grid-template-rows: auto 1fr; min-height: 96px; }
    .avm-page .avm-news__img { border-radius: 10px; }
    .avm-page .avm-news__img::before { border-radius: 12px; }
    .avm-page .avm-news__date { margin: 0; font-size: 12px; line-height: 1.1; }
    .avm-page .avm-news__title { align-self: end; font-size: 15px; line-height: 1.1; font-weight: 400; }

    /* requisites: two columns, 12 px */
    .avm-req__row { grid-template-columns: 155px minmax(0, 1fr); gap: 10px; min-height: 56px; align-items: start; padding: 15px; font-size: 12px; line-height: 1.1; }
    .avm-req dt { padding: 0; font-size: 12px; color: var(--navy); }
    .avm-req dd { padding: 0; }

    /* project page */
    .avm-pp__hero { aspect-ratio: auto; height: 139px; border-radius: 10px; }
    .avm-pp__title { left: 15px; right: 15px; bottom: 15px; font-size: 24px; }
    .avm-pp__facts { grid-template-columns: minmax(0, 1fr) auto; gap: 20px 20px; margin-top: 20px; }
    .avm-pp__fact b { font-size: 15px; }
    .avm-pp__fact span { margin-top: 5px; font-size: 12px; }
    .avm-pp__list { min-height: 0; border-radius: 10px; }
    .avm-pp__list li { min-height: 47px; font-size: 15px; }
    .avm-pp__item { min-height: 47px; padding: 8px 15px; font-size: 15px; }
    .avm-pp__panes { border-radius: 10px; }
    .avm-pp__pane-text { padding: 15px; }
    .avm-pp__pane-title { font-size: 18px; }
    .avm-pp__pane-desc { font-size: 15px; line-height: 1.2; }
    .avm-pp__figure { min-height: 230px; border-radius: 10px; }
    .avm-slider--gallery { --per: 1.43; --gap: 15px; }
    .avm-slider--gallery .avm-slider__slide { height: 133px; aspect-ratio: auto; border-radius: 10px; }
    .avm-slider--gallery .avm-slider__view { border-radius: 0; }
    .avm-slider--gallery .avm-slider__btn, .avm-slider--gallery .avm-slider__dots { display: none; }
    .avm-gear { gap: 20px 16px; }
    .avm-gear__logo { height: 50px; padding: 5px 10px; border-width: 1px; border-radius: 10px; }
    .avm-gear__logo::before { inset: -1px; border-radius: 10px; }
    .avm-gear__logo img { height: calc(var(--h, 40px) * .56); }
    .avm-gear__logo span { font-size: 15px; }
    .avm-gear__cap { margin-top: 5px; font-size: 12px; }
    .avm-gear__cap span { display: block; } /* the brand on its own line */

    /* member page: "← Вся команда", the name 24 px, the photo 350 x 236, "Следующий" above "Предыдущий" */
    .avm-mp__head { gap: 8px 15px; margin-top: 20px; }
    .avm-mp__name { font-size: 24px; }
    .avm-mp .avm-person__tag { height: 28px; padding: 0 12px; font-size: 15px; }
    .avm-mp__content { grid-template-columns: 1fr; row-gap: 20px; margin-top: 20px; }
    .avm-mp__photo { width: 100%; max-width: none; height: 236px; border-width: 1px; border-radius: 10px; object-position: center top; }
    .avm-mp__content .avm-person__item { margin-top: 25px; }
    .avm-mp__content .avm-mp__col:first-of-type .avm-person__item:first-child { margin-top: 0; }
    .avm-mp .avm-person__label { margin-bottom: 15px; font-size: 18px; line-height: 1.1; }
    .avm-mp .avm-person__text { max-width: none; font-size: 15px; line-height: 1.1; }
    .avm-mp__rich { font-size: 15px; }
    .avm-mp__nav { flex-direction: column-reverse; align-items: flex-start; gap: 20px; margin-top: 30px; }

    /* Контакты: the form, the map, then the contact rows (open) */
    .avm-contacts { margin-top: var(--header-h); padding: 30px 0 20px; }
    .avm-contacts__head { gap: 20px; margin-bottom: 20px; }
    .avm-contacts__title { font-size: 24px; line-height: 1.1; }
    .avm-msg { height: 28px; padding: 0 24px; font-size: 18px; }
    .avm-contacts__lead { display: block; max-width: 290px; margin: 0 0 20px; font-size: 15px; line-height: 1.1; }
    .avm-contacts__grid { display: flex; flex-direction: column; gap: 30px; }
    .avm-contacts__side { display: contents; }
    .avm-contacts__side > .avm-form, .avm-contacts__side > form { order: 1; }
    .avm-contacts__map { order: 2; align-self: stretch; height: 230px; aspect-ratio: auto; border-radius: 10px; }
    .avm-contacts .avm-info__title { order: 3; margin: 0; font-size: 15px; }
    .avm-info { order: 4; margin-top: -15px; }
    .avm-contacts__text { order: 5; }
    .avm-info__row { grid-template-columns: 158px minmax(0, 1fr); gap: 0; padding: 15px 0; font-size: 16px; }
    .avm-info dt { font-size: 16px; }
    .avm-info dd { padding: 0; }

    /* footer: links 15 px */
    .avm-footer__nav { font-size: 15px; }
}

/* documents: the white document icon (Figma 1499:428, material-symbols-light:docs-outline) in every square */
.avm-docs__ico { position: relative; }
.avm-docs__ico::after { content: ''; position: absolute; inset: 0; margin: auto; width: 24px; height: 24px; background: var(--white);
    -webkit-mask: url("img/ico-doc.svg") center / contain no-repeat; mask: url("img/ico-doc.svg") center / contain no-repeat; }
.avm-docs__row.is-empty .avm-docs__ico::after { display: none; }
@media (max-width: 640px) { .avm-docs__ico::after { width: 13px; height: 13px; } }