/* Блок 04 «ФГОС и ФОП» — карточки с паттернами (вариант 3) и большая карточка со списком (вариант 4).
   Источник: _experiments/fgos-neeo-v8.html, варианты 3 и 4 (по мотивам Neeo). Все правила под #fgos, классы с префиксом fg-. */
#fgos{overflow:clip;isolation:isolate;background:#fff;color:var(--ink)}
#fgos .eyebrow{display:block;color:var(--terra)}
#fgos h2,#fgos h3{color:var(--ink)}
#fgos .sec-head{margin-bottom:clamp(28px,3.5vw,48px)}
#fgos .sec-head .desc{color:var(--brown)}
#fgos .num{color:transparent;-webkit-text-stroke:1px rgba(90,63,49,.25)}
/* описание под заголовком — ровно по ширине заголовка */
@media (min-width:761px){#fgos .sec-head{grid-template-columns:auto auto;justify-content:start}
#fgos .sec-head .desc{max-width:none;width:0;min-width:100%}}

#fgos h3{margin:0 0 10px;font-size:clamp(18px,1.6vw,22px);line-height:1.2;font-weight:700}
#fgos p{margin:0;font-size:15px;line-height:1.5}



/* большая карточка слева, список справа */
/* высота большой карточки = высоте списка */

/* Продолжение блока 04 — видео на всю ширину контейнера. Карточка как в блоке 02 (.nz9-card). */
#fgos-video{background:var(--sky);border-top:0}
#fgos-video .rt-pause{color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(46,33,26,.3)}
#fgos-video .rt-pause:hover{color:var(--terra);box-shadow:inset 0 0 0 1.5px var(--terra)}
#fgos-video .fg-vid-card{position:relative;aspect-ratio:780/488;border-radius:22px;overflow:hidden;background:var(--milk);box-shadow:0 0 0 1px rgba(46,33,26,.1),0 26px 50px -28px rgba(46,33,26,.35)}
#fgos-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;background:var(--milk)}
#fgos-video .fg-vid-note{display:flex;justify-content:center;margin-top:18px}
/* Видео целиком в окне (кнопка «Пауза» может уйти под край): высота ≤ экран − шапка (~72px) − поля (~28px), и ещё −5%,
   ширина — не больше контейнера. На ноутбуке карточка сужается и встаёт по центру, на большом мониторе — во всю ширину. */
@media (min-width:901px){#fgos-video .fg-vid-card{width:min(100%,calc((100vh - 100px) * .95 * 780 / 488),calc((100svh - 100px) * .95 * 780 / 488));min-width:min(100%,560px);margin-inline:auto}}