/* Start:/medved/assets/medved.css?179094251716391*/
/* Раздел «Бурый медведь — наш сосед» — npsochi.ru/medved
   Пилот дизайн-направления: botanical-clinical (по системе Seed),
   адаптировано под фирменные цвета СНП.
   Принципы: тёплый off-white холст, глубокий лесной зелёный как ink и как
   поверхность, почти ахроматическая палитра, лайм — только пунктуация,
   ноль теней и градиентов, невесомые компоненты, whisper-light заголовки. */

.mv{
  --mv-forest:#004D40;      /* фирменный СНП — ink, тёмные секции, CTA */
  --mv-forest-soft:#0a6152;
  --mv-lime:#d3fa99;        /* пунктуация: бейджи, мягкие подсветки */
  --mv-eucalypt:#698e79;    /* спокойный акцент */
  --mv-snow:#fcfcf7;        /* тёплый холст, не чистый белый */
  --mv-stone:#eeeee9;       /* вторичная поверхность, тихий ритм секций */
  --mv-pewter:#666666;      /* вторичный текст */
  --mv-hair:#dcdcd6;        /* волосяная линия */
  --mv-alert:#e94b3d;       /* ТОЛЬКО экстренное: 112, сообщить о выходе */
  --mv-r-card:16px;
  --mv-sans:"Fira Sans","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  color:var(--mv-forest);
  font-family:var(--mv-sans);
  background:var(--mv-snow);

  /* Шапка сайта (.header-area) несёт bootstrap-класс mb-4 = 32px, из-за чего
     между хлебными крошками и первым блоком раздела появляется белая полоса.
     Глобально его трогать нельзя — правим только внутри своего раздела. */
  margin-top:-32px;
}
.mv *,.mv *::before,.mv *::after{box-sizing:border-box;}
.mv .mv-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.mv .mv-narrow{max-width:820px;}

/* ---------- HERO ---------- */
.mv-hero{position:relative;min-height:clamp(380px,50vw,620px);display:flex;align-items:flex-end;
  background:#12241f url("/medved/assets/hero-poster.jpg") center/cover no-repeat;overflow:hidden;}
/* Фон — фрагмент ролика проекта (сцена у берлоги, 8 с по кругу, без звука). Субтитры ролика
   срезаны при монтаже. Запуск и пауза — /medved/assets/hero-video.js */
.mv-hero__media{position:absolute;inset:0;}
.mv-hero__video{display:block;width:100%;height:100%;object-fit:cover;}
.mv-hero__toggle{position:absolute;right:20px;bottom:20px;z-index:3;width:40px;height:40px;padding:0;
  border:0;border-radius:50%;background:rgba(0,30,24,.45);cursor:pointer;transition:background .2s ease;}
.mv-hero__toggle:hover,.mv-hero__toggle:focus-visible{background:rgba(0,30,24,.75);}
.mv-hero__toggle:focus-visible{outline:2px solid var(--mv-lime);outline-offset:2px;}
.mv-hero__toggle::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:12px;
  transform:translate(-50%,-50%);border-left:3px solid var(--mv-snow);border-right:3px solid var(--mv-snow);box-sizing:border-box;}
.mv-hero__toggle.is-paused::before{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;
  border-color:transparent transparent transparent var(--mv-snow);margin-left:2px;}
.mv-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,25,20,.10) 0%,rgba(0,30,24,.22) 50%,rgba(0,40,32,.78) 100%);}
.mv-hero__inner{position:relative;z-index:2;width:100%;padding:56px 0 52px;}

/* ---------- Ролик в теле страницы (Rutube) ---------- */
.mv-video{margin-top:clamp(56px,7vw,96px);}
.mv-video__frame{max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#12241f;}
.mv-video__frame iframe{display:block;width:100%;height:100%;border:0;}
.mv-hero__kicker{display:inline-block;background:var(--mv-lime);color:#1d3a10;
  font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:lowercase;
  padding:7px 16px;border-radius:100px;margin-bottom:22px;}
.mv-hero__title{color:var(--mv-snow);font-weight:300;line-height:1.02;margin:0 0 18px;
  font-size:clamp(2.1rem,5.6vw,4rem);letter-spacing:-.02em;}
.mv-hero__sub{color:rgba(252,252,247,.88);font-size:clamp(1.02rem,1.7vw,1.3rem);font-weight:300;
  line-height:1.5;max-width:720px;margin:0;letter-spacing:-.005em;}

/* ---------- Секции: тихий ритм snow / stone / forest ---------- */
.mv-section{padding:clamp(48px,6vw,92px) 0;background:var(--mv-snow);}
.mv-section--tint{background:var(--mv-stone);}
.mv-h2,.mv-h1{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:300;color:var(--mv-forest);
  margin:0 0 10px;line-height:1.1;letter-spacing:-.02em;}
.mv-h2--center{text-align:center;}
.mv-h3{font-size:clamp(1.15rem,2.1vw,1.6rem);font-weight:400;color:var(--mv-forest);
  margin:52px 0 20px;letter-spacing:-.015em;}
.mv-lead{font-size:clamp(1.06rem,1.6vw,1.28rem);font-weight:300;line-height:1.6;
  color:var(--mv-forest);margin:0 0 20px;letter-spacing:-.005em;}
.mv-p{font-size:1.06rem;font-weight:400;line-height:1.72;margin:0 0 18px;color:var(--mv-pewter);}
.mv-rule{height:1px;width:100%;max-width:72px;background:var(--mv-forest);opacity:.25;border:0;margin:0 0 28px;}
.mv-h2--center + .mv-rule{margin-left:auto;margin-right:auto;}

/* ---------- Плитки навигации ---------- */
.mv-tiles{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:34px;}
.mv-tile{display:flex;flex-direction:column;gap:12px;padding:30px 26px;background:var(--mv-snow);
  border-radius:var(--mv-r-card);text-decoration:none;color:inherit;
  transition:background .2s ease,transform .2s ease;}
.mv-section--tint .mv-tile{background:var(--mv-snow);}
.mv-tile:hover{background:var(--mv-forest);transform:translateY(-2px);text-decoration:none;}
.mv-tile:hover .mv-tile__title,.mv-tile:hover .mv-tile__text{color:var(--mv-snow);}
.mv-tile:hover .mv-tile__icon{background:var(--mv-lime);color:#1d3a10;}
.mv-tile__icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-stone);color:var(--mv-forest);font-size:1.15rem;transition:background .2s ease,color .2s ease;}
.mv-section--tint .mv-tile__icon{background:var(--mv-stone);}
.mv-tile__title{font-weight:400;font-size:1.14rem;color:var(--mv-forest);line-height:1.3;letter-spacing:-.01em;
  transition:color .2s ease;}
.mv-tile__text{font-size:.96rem;font-weight:300;line-height:1.55;color:var(--mv-pewter);transition:color .2s ease;}

/* ---------- Списки правил ---------- */
.mv-list{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--mv-hair);
  border-radius:var(--mv-r-card);overflow:hidden;}
.mv-list--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));}
/* Не больше двух колонок: при чётном числе пунктов сетка 2×2 без пустой клетки */
.mv-list--pairs{grid-template-columns:repeat(auto-fit,minmax(max(340px,calc(50% - 1px)),1fr));}
.mv-item{display:flex;gap:18px;padding:24px 26px;background:var(--mv-snow);}
.mv-section--tint .mv-item{background:var(--mv-snow);}
.mv-item__icon{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-stone);color:var(--mv-eucalypt);font-size:1rem;}
.mv-item__body{min-width:0;}
.mv-item__title{font-weight:400;font-size:1.04rem;line-height:1.4;margin:0 0 6px;color:var(--mv-forest);
  letter-spacing:-.01em;}
.mv-item__text{font-size:.96rem;font-weight:300;line-height:1.6;color:var(--mv-pewter);margin:0;}

/* «Нельзя» — единственное место, где появляется тревожный цвет */
.mv-item--no .mv-item__icon{background:#fbe6e3;color:var(--mv-alert);}
.mv-item--no .mv-item__title{color:var(--mv-alert);}

/* Пиктограмма-картинка вместо шрифтовой иконки: круг уже нарисован в PNG, поэтому фон снимаем */
.mv-item .mv-item__icon--img{width:56px;height:56px;background:none;}
.mv-item__icon--img img{display:block;width:100%;height:100%;}
/* Фигура выходит за круг («Медвежьи факты»): холст 273 = круг 201 + поля по 36, круг по центру.
   Картинка крупнее ячейки ровно на поля, поэтому круг совпадает с остальными иконками */
.mv-item__icon--wide{display:block;}
.mv-item__icon--wide img{width:135.82%;height:135.82%;max-width:none;margin:-17.91%;}
.mv-list--2 > .mv-item--wide{grid-column:1/-1;}
/* В урезанном шрифте шаблона (193 глифа) нет значка PDF — рисуем его маской того же цвета и размера.
   Контур — Font Awesome Free 6.7.2 file-pdf, CC BY 4.0 */
.mv .fa-file-pdf:before{content:"";display:block;width:1em;height:1em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E") center/contain no-repeat;}
.mv-tile .mv-tile__icon--img,.mv-tile:hover .mv-tile__icon--img{width:56px;height:56px;background:none;}
.mv-tile__icon--img img{display:block;width:100%;height:100%;}

/* ---------- Сценарии ---------- */
.mv-scenario{border-radius:var(--mv-r-card);overflow:hidden;background:var(--mv-snow);margin-bottom:20px;}
.mv-scenario__head{background:var(--mv-forest);color:var(--mv-snow);padding:20px 26px;font-weight:400;
  font-size:1.08rem;display:flex;align-items:center;gap:14px;letter-spacing:-.01em;}
.mv-scenario__head i{opacity:.7;font-size:.95em;}
.mv-scenario__body{padding:24px 0 0;}
.mv-scenario__body .mv-h3{margin:26px 0 14px;font-size:1.02rem;font-weight:500;}

/* ---------- Контакты ---------- */
.mv-contacts{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin-top:30px;}
.mv-contact{display:flex;gap:18px;align-items:flex-start;padding:26px;border-radius:var(--mv-r-card);
  background:var(--mv-snow);text-decoration:none;color:inherit;transition:background .2s ease;}
.mv-contact:hover{background:var(--mv-stone);text-decoration:none;color:inherit;}
.mv-contact__icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-alert);color:var(--mv-snow);font-size:1.05rem;}
.mv-contact__value{font-weight:400;font-size:1.2rem;color:var(--mv-forest);line-height:1.25;
  letter-spacing:-.015em;word-break:break-word;display:block;}
.mv-contact__label{font-size:.92rem;font-weight:300;color:var(--mv-pewter);line-height:1.5;margin-top:5px;display:block;}
.mv-contacts--dark .mv-contact{background:rgba(252,252,247,.07);}
.mv-contacts--dark .mv-contact:hover{background:rgba(252,252,247,.12);}
.mv-contacts--dark .mv-contact__value{color:var(--mv-snow);}
.mv-contacts--dark .mv-contact__label{color:rgba(252,252,247,.68);}

.mv-emergency{background:var(--mv-forest);color:var(--mv-snow);}
.mv-emergency .mv-h2{color:var(--mv-snow);font-weight:300;}
.mv-emergency .mv-rule{background:var(--mv-lime);opacity:.9;}

/* ---------- Цифры ---------- */
.mv-facts{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:34px;
  background:var(--mv-hair);border-radius:var(--mv-r-card);overflow:hidden;}
.mv-fact{background:var(--mv-snow);padding:30px 22px;text-align:left;}
.mv-fact__num{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:300;color:var(--mv-forest);line-height:1;
  letter-spacing:-.03em;}
.mv-fact__label{font-size:.92rem;font-weight:300;color:var(--mv-pewter);margin-top:12px;line-height:1.5;}

/* ---------- Навигация назад ---------- */
.mv-back{display:inline-flex;align-items:center;gap:10px;color:var(--mv-pewter);font-weight:400;
  text-decoration:none;margin-bottom:26px;font-size:.94rem;transition:color .2s ease;}
.mv-back:hover{color:var(--mv-forest);text-decoration:none;}
.mv-back i{font-size:.85em;}

/* ---------- Врезка ---------- */
.mv-note{background:var(--mv-lime);color:#1d3a10;padding:22px 26px;border-radius:var(--mv-r-card);
  margin:28px 0;line-height:1.6;font-size:1rem;font-weight:400;}
.mv-note strong{font-weight:500;}
.mv-note a{color:#1d3a10;text-decoration:underline;}

.mv a{color:var(--mv-forest);}
.mv-item__title a{text-decoration:none;border-bottom:1px solid rgba(0,77,64,.3);}
.mv-item__title a:hover{border-bottom-color:var(--mv-forest);}

/* ---------- Мобильные ---------- */
/* На узком экране широкий кадр показывается целиком по вертикали, и медведи
   оказываются ровно под текстом. Поэтому здесь видео и текст не накладываются:
   отдельный кроп 5:4 (hero-mobile.mp4) блоком сверху, текст под ним на зелёном. */
@media (max-width:767px){
  .mv-hero{display:block;min-height:0;background:var(--mv-forest);}
  .mv-hero__media{position:relative;aspect-ratio:5/4;background:#12241f;}
  .mv-hero__video{object-position:60% center;}
  .mv-hero__toggle{right:14px;bottom:14px;}
  .mv-hero::after{display:none;}
  .mv-hero__inner{padding:26px 0 34px;}
  .mv-hero__kicker{margin-bottom:16px;font-size:.76rem;padding:6px 14px;}
  .mv-hero__title{font-size:clamp(1.8rem,8.4vw,2.5rem);margin-bottom:14px;}
  .mv-hero__sub{font-size:1rem;}
}

@media (max-width:575px){
  .mv-item{padding:20px;}
  .mv-item .mv-item__icon--img{width:48px;height:48px;}
  .mv .mv-wrap{padding:0 18px;}
  .mv-list--2{grid-template-columns:1fr;}
  .mv-facts{grid-template-columns:1fr 1fr;}
  .mv-fact{padding:24px 18px;}
  .mv-video__frame{border-radius:var(--mv-r-card);}
}

/* --- широкая плитка «Новости проекта» (5-й пункт «Разделов проекта») --- */
.mv-tile--wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px;padding:24px 26px;}
.mv-tile--wide .mv-tile__body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0;}
.mv-tile--wide .mv-tile__icon{flex:0 0 auto;}
.mv-tile__go{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-stone);color:var(--mv-forest);font-size:.95rem;
  transition:background .2s ease,color .2s ease;}
.mv-tile--wide:hover .mv-tile__go{background:var(--mv-lime);color:#1d3a10;}
@media (max-width:640px){
  .mv-tile--wide{flex-direction:column;align-items:flex-start;padding:30px 26px;}
  .mv-tile--wide .mv-tile__go{display:none;}
}

/* End */
/* /medved/assets/medved.css?179094251716391 */