
/* SPECIAL PROJECTS — IDEAL EDITORIAL LAYOUT */



html body .special-projects-block.special-projects-mockup{

  display:block !important;

  padding:42px 48px !important;

}



html body .special-projects-head{

  margin-bottom:26px !important;

}



html body .special-projects-head .section-note{

  margin-top:8px !important;

  font-size:12px !important;

  letter-spacing:.13em !important;

  text-transform:uppercase !important;

  color:rgba(28,45,38,.45) !important;

}



/* точная разметка как в мокапе */

html body .special-projects-layout{

  display:grid !important;

  grid-template-columns:repeat(12,minmax(0,1fr)) !important;

  grid-template-rows:330px 205px 205px !important;

  gap:18px !important;

  align-items:stretch !important;

}



/* верх */

html body .sp-arctic{

  grid-column:1 / span 6 !important;

  grid-row:1 !important;

}



html body .sp-pain{

  grid-column:7 / span 3 !important;

  grid-row:1 !important;

}



html body .sp-digest{

  grid-column:10 / span 3 !important;

  grid-row:1 !important;

}



/* низ */

html body .sp-national{

  grid-column:1 / span 5 !important;

  grid-row:2 / span 2 !important;

}



html body .sp-conflict{

  grid-column:6 / span 3 !important;

  grid-row:2 !important;

}



html body .sp-history{

  grid-column:6 / span 3 !important;

  grid-row:3 !important;

}



html body .sp-baikal{

  grid-column:9 / span 4 !important;

  grid-row:2 / span 2 !important;

}



/* база карточек */

html body .special-projects-layout .special-direction-news-card{

  position:relative !important;

  display:flex !important;

  flex-direction:column !important;

  min-height:0 !important;

  height:100% !important;

  padding:24px !important;

  border-radius:18px !important;

  border:1px solid rgba(20,45,35,.08) !important;

  overflow:hidden !important;

  box-sizing:border-box !important;

  background:#f5f8f5 !important;

}



/* фото-карточки на весь блок */

html body .sp-arctic,

html body .sp-national,

html body .sp-baikal{

  color:#fff !important;

  background:

    linear-gradient(180deg,rgba(3,14,24,.08) 0%,rgba(3,14,24,.82) 100%),

    var(--special-bg) center / cover no-repeat,

    #0b2b42 !important;

}



html body .sp-national{

  background:

    linear-gradient(180deg,rgba(4,38,22,.10) 0%,rgba(4,38,22,.86) 100%),

    var(--special-bg) center / cover no-repeat,

    #06351f !important;

}



html body .sp-baikal{

  background:

    linear-gradient(180deg,rgba(3,14,24,.06) 0%,rgba(3,14,24,.78) 100%),

    var(--special-bg) center / cover no-repeat,

    #084760 !important;

}



html body .sp-arctic *,

html body .sp-national *,

html body .sp-baikal *{

  color:#fff !important;

}



/* обычные карточки */

html body .sp-pain{

  background:linear-gradient(180deg,#fbf4ef,#f3e8dc) !important;

}



html body .sp-digest{

  background:linear-gradient(180deg,#eff8f2,#e5f0ea) !important;

}



html body .sp-conflict{

  background:

    linear-gradient(180deg,rgba(248,242,233,.86),rgba(239,230,216,.94)),

    var(--special-bg) center / cover no-repeat,

    #f4eee4 !important;

}



html body .sp-history{

  background:

    linear-gradient(180deg,rgba(242,248,244,.88),rgba(231,240,234,.96)),

    var(--special-bg) center / cover no-repeat,

    #eef6f1 !important;

}



/* шапка карточек */

html body .special-direction-head{

  display:flex !important;

  align-items:center !important;

  gap:12px !important;

  margin-bottom:16px !important;

  text-decoration:none !important;

  position:relative !important;

  z-index:2 !important;

}



html body .special-direction-head strong{

  font-size:21px !important;

  line-height:1.08 !important;

  font-weight:700 !important;

  color:inherit !important;

}



html body .special-direction-icon{

  width:42px !important;

  height:42px !important;

  flex:0 0 42px !important;

  border-radius:12px !important;

  background:rgba(255,255,255,.82) !important;

  border:1px solid rgba(20,50,35,.09) !important;

}



html body .sp-arctic .special-direction-icon,

html body .sp-national .special-direction-icon,

html body .sp-baikal .special-direction-icon{

  background:rgba(255,255,255,.14) !important;

  border-color:rgba(255,255,255,.22) !important;

}



/* тело */

html body .special-direction-body{

  position:relative !important;

  z-index:2 !important;

  display:flex !important;

  flex-direction:column !important;

  flex:1 1 auto !important;

}



/* hero-карточки: заголовок вниз */

html body .sp-arctic .special-direction-body,

html body .sp-national .special-direction-body,

html body .sp-baikal .special-direction-body{

  justify-content:flex-end !important;

}



html body .special-lead-title{

  display:block !important;

  text-decoration:none !important;

  font-weight:750 !important;

}



html body .sp-arctic .special-lead-title,

html body .sp-national .special-lead-title,

html body .sp-baikal .special-lead-title,

html body .sp-baikal .special-lead-title--light{

  font-size:24px !important;

  line-height:1.14 !important;

  max-width:86% !important;

  text-shadow:0 2px 14px rgba(0,0,0,.38) !important;

}



/* Болевая / Заповедный — одна новость */

html body .sp-pain .special-direction-news-list li:nth-child(n+2),

html body .sp-conflict .special-direction-news-list li:nth-child(n+2),

html body .sp-history .special-direction-news-list li:nth-child(n+2){

  display:none !important;

}



/* Заповедный: картинка сверху */

html body .sp-digest .special-card-image{

  display:block !important;

  margin:2px -24px 18px !important;

  overflow:hidden !important;

}



html body .sp-digest .special-card-image img{

  display:block !important;

  width:100% !important;

  height:135px !important;

  object-fit:cover !important;

}

/* Accents: editorial magazine on wide screens, stable rail below 1280px. */
body .special-projects-block .special-projects-head{margin-bottom:clamp(24px,2.2vw,34px)!important}
body .special-projects-block .special-projects-head>div{display:flex;flex-direction:column}
body .special-projects-block .special-projects-head .section-note{order:-1;margin:0 0 12px!important}
body .special-projects-layout>.sp-history{display:flex!important}

@media (min-width:1280px){
  body .special-projects-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) minmax(0,1fr) minmax(0,.86fr)!important;
    grid-template-rows:repeat(4,clamp(142px,10.4vw,166px))!important;
    grid-template-areas:"arctic arctic baikal baikal" "arctic arctic baikal baikal" "arctic arctic pain digest" "national conflict history digest"!important;
    grid-auto-flow:row!important;grid-auto-rows:unset!important;gap:16px!important;overflow:visible!important
  }
  body .special-projects-layout>.sp-arctic{grid-area:arctic!important}
  body .special-projects-layout>.sp-baikal{grid-area:baikal!important}
  body .special-projects-layout>.sp-digest{grid-area:digest!important}
  body .special-projects-layout>.sp-pain{grid-area:pain!important}
  body .special-projects-layout>.sp-national{grid-area:national!important}
  body .special-projects-layout>.sp-conflict{grid-area:conflict!important}
  body .special-projects-layout>.sp-history{grid-area:history!important}
  body .special-projects-layout .special-direction-news-card{width:auto!important;min-width:0!important;min-height:0!important;height:100%!important;padding:clamp(18px,1.55vw,25px)!important;border-radius:clamp(18px,1.5vw,24px)!important}
  body .special-projects-layout .sp-arctic .special-lead-title{max-width:82%!important;font-size:clamp(26px,2.2vw,35px)!important;line-height:1.08!important}
  body .special-projects-layout .sp-baikal .special-card-image{margin:4px calc(clamp(18px,1.55vw,25px)*-1) 18px!important}
  body .special-projects-layout .sp-baikal .special-card-image img{height:clamp(145px,11vw,176px)!important}
  body .special-projects-layout .sp-baikal .special-lead-title--light{font-size:clamp(18px,1.45vw,23px)!important;line-height:1.18!important}
  body .special-projects-layout .sp-digest .special-card-image{margin:-18px calc(clamp(18px,1.55vw,25px)*-1) 14px!important}
  body .special-projects-layout .sp-digest .special-card-image img{height:clamp(116px,8.5vw,136px)!important}
  body .special-projects-layout :is(.sp-digest,.sp-pain,.sp-national,.sp-conflict,.sp-history) .special-direction-head strong{font-size:clamp(16px,1.18vw,19px)!important}
  body .special-projects-layout :is(.sp-pain,.sp-conflict,.sp-history,.sp-national) .special-direction-news-list li:nth-child(n+2){display:none!important}
  body .special-projects-layout :is(.sp-pain,.sp-conflict,.sp-history,.sp-national) .special-direction-news-list li{padding:4px 0 0!important;border:0!important}
  body .special-projects-layout :is(.sp-pain,.sp-conflict,.sp-history,.sp-national) .special-direction-news-list a{display:-webkit-box!important;overflow:hidden!important;font-size:clamp(13px,1vw,15px)!important;line-height:1.28!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  body .special-projects-layout :is(.sp-national,.sp-pain,.sp-conflict,.sp-history) .special-direction-body{justify-content:flex-end!important}
  body .special-projects-layout .sp-conflict{background:linear-gradient(155deg,#fbf5ec,#eadfce)!important}
  body .special-projects-layout .sp-history{background:linear-gradient(155deg,#f3faf6,#e1eee6)!important}
}

@media (max-width:1279px){
  body .special-projects-block{overflow:hidden!important}
  body .special-projects-layout{display:flex!important;align-items:stretch!important;gap:16px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 18px!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:0!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  body .special-projects-layout::-webkit-scrollbar{display:none}
  body .special-projects-layout>.special-direction-news-card{flex:0 0 clamp(320px,46vw,480px)!important;width:clamp(320px,46vw,480px)!important;min-width:clamp(320px,46vw,480px)!important;height:clamp(330px,40vw,410px)!important;min-height:0!important;grid-area:auto!important;scroll-snap-align:start!important;scroll-snap-stop:normal}
  body .special-projects-layout .sp-image-one .special-card-image img{height:clamp(145px,18vw,184px)!important}
}

@media (max-width:767px){
  body .special-projects-block{padding-inline:16px!important}
  body .special-projects-layout{gap:14px!important}
  body .special-projects-layout>.special-direction-news-card{flex-basis:86vw!important;width:86vw!important;min-width:86vw!important;height:clamp(330px,96vw,380px)!important;padding:20px!important}
  body .special-projects-layout .sp-arctic .special-lead-title{max-width:100%!important;font-size:23px!important}
  body .special-projects-layout .sp-image-one .special-card-image{margin:-20px -20px 14px!important}
  body .special-projects-layout .sp-image-one .special-card-image img{height:158px!important}
}



html body .sp-digest .special-lead-title--light{

  font-size:17px !important;

  line-height:1.23 !important;

  font-weight:700 !important;

  color:#14241c !important;

}



/* Байкал: картинку как отдельный img скрываем, фон уже на весь блок */

html body .sp-baikal .special-card-image{

  display:none !important;

}



/* списки */

html body .special-direction-news-list{

  list-style:none !important;

  margin:0 !important;

  padding:0 !important;

}



html body .special-direction-news-list li{

  padding:10px 0 !important;

  border-bottom:1px solid rgba(20,45,35,.10) !important;

}



html body .special-direction-news-list li:first-child{

  padding-top:0 !important;

}



html body .special-direction-news-list a{

  display:block !important;

  font-size:14px !important;

  line-height:1.34 !important;

  font-weight:650 !important;

  color:#14241c !important;

  text-decoration:none !important;

}



html body .sp-national .special-direction-news-list a{

  color:#fff !important;

}



html body .special-projects-layout time{

  display:block !important;

  margin-top:9px !important;

  font-size:11px !important;

  letter-spacing:.08em !important;

  color:rgba(20,40,30,.48) !important;

}



html body .sp-arctic time,

html body .sp-national time,

html body .sp-baikal time{

  color:rgba(255,255,255,.72) !important;

}



/* Нацпроект — оставить максимум две дополнительные новости */

html body .sp-national .special-direction-news-list{

  margin-top:24px !important;

}



html body .sp-national .special-direction-news-list li{

  border-bottom-color:rgba(255,255,255,.18) !important;

}



html body .sp-national .special-direction-news-list li:nth-child(n+3){

  display:none !important;

}



/* responsive */

@media (max-width:1100px){

  html body .special-projects-layout{

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    grid-template-rows:auto !important;

  }



  html body .special-projects-layout > *{

    grid-column:auto !important;

    grid-row:auto !important;

  }

}



@media (max-width:700px){

  html body .special-projects-block.special-projects-mockup{

    padding:24px !important;

  }



  html body .special-projects-layout{

    display:grid !important;

    grid-auto-flow:column !important;

    grid-auto-columns:86% !important;

    grid-template-columns:none !important;

    overflow-x:auto !important;

    gap:14px !important;

    scroll-snap-type:x mandatory !important;

  }



  html body .special-projects-layout > *{

    min-height:320px !important;

    scroll-snap-align:start !important;

  }

}




/* SPECIAL PROJECTS — ARCTIC / BAIKAL FULL ARTICLE IMAGE */



html body .special-projects-layout .sp-arctic,

html body .special-projects-layout .sp-baikal{

  background:

    linear-gradient(

      180deg,

      rgba(3,14,24,.04) 0%,

      rgba(3,14,24,.26) 42%,

      rgba(3,14,24,.86) 100%

    ),

    var(--special-bg) center / cover no-repeat,

    #0b2b42 !important;



  color:#fff !important;

}



html body .special-projects-layout .sp-arctic *,

html body .special-projects-layout .sp-baikal *{

  color:#fff !important;

}



html body .special-projects-layout .sp-arctic .special-direction-body,

html body .special-projects-layout .sp-baikal .special-direction-body{

  justify-content:flex-end !important;

}



html body .special-projects-layout .sp-arctic .special-lead-title,

html body .special-projects-layout .sp-baikal .special-lead-title,

html body .special-projects-layout .sp-baikal .special-lead-title--light{

  font-size:24px !important;

  line-height:1.14 !important;

  font-weight:750 !important;

  max-width:86% !important;

  text-shadow:0 2px 16px rgba(0,0,0,.45) !important;

}



html body .special-projects-layout .sp-arctic time,

html body .special-projects-layout .sp-baikal time{

  color:rgba(255,255,255,.72) !important;

}



html body .special-projects-layout .sp-baikal .special-card-image{

  display:none !important;

}






/* SPECIAL PROJECTS — BAIKAL HERO ALIGN FIX */



html body .special-projects-layout .sp-baikal{

  display:flex !important;

  flex-direction:column !important;

}



html body .special-projects-layout .sp-baikal .special-direction-body{

  display:flex !important;

  flex-direction:column !important;

  justify-content:flex-end !important;

  flex:1 1 auto !important;

}



html body .special-projects-layout .sp-baikal .special-lead-title,

html body .special-projects-layout .sp-baikal .special-lead-title--light{

  margin-top:auto !important;



  color:#fff !important;



  font-size:24px !important;

  line-height:1.14 !important;

  font-weight:750 !important;



  max-width:88% !important;



  text-shadow:0 2px 16px rgba(0,0,0,.45) !important;

}



html body .special-projects-layout .sp-baikal time{

  color:rgba(255,255,255,.72) !important;

}






/* SPECIAL PROJECTS — CLEANUP FINAL */



/* убрать линии */

html body .special-projects-layout .special-direction-news-list li{

  border-bottom:0 !important;

}



html body .special-projects-layout .special-direction-news-list{

  gap:14px !important;

}



/* Байкал — заголовок вниз */

html body .special-projects-layout .sp-baikal .special-direction-body{

  justify-content:flex-end !important;

  align-items:flex-start !important;

}



html body .special-projects-layout .sp-baikal .special-lead-title,

html body .special-projects-layout .sp-baikal .special-lead-title--light{

  margin-top:auto !important;

  margin-bottom:0 !important;



  align-self:flex-start !important;



  max-width:84% !important;

}



/* Нацпроект — убрать линии */

html body .special-projects-layout .sp-national .special-direction-news-list li{

  border-bottom:0 !important;

}



/* ЭкоКонфликт / ЭкоУроки — без линий */

html body .special-projects-layout .sp-conflict .special-direction-news-list li,

html body .special-projects-layout .sp-history .special-direction-news-list li,

html body .special-projects-layout .sp-pain .special-direction-news-list li{

  border-bottom:0 !important;

}






/* SPECIAL PROJECTS — MOCKUP POLISH */



/* убрать дубль подписи под заголовком */

html body .special-projects-head .section-note{

  display:none !important;

}



/* малые карточки: одна новость */

html body .sp-pain .special-direction-news-list li:nth-child(n+2),

html body .sp-conflict .special-direction-news-list li:nth-child(n+2),

html body .sp-history .special-direction-news-list li:nth-child(n+2){

  display:none !important;

}



/* Болевая точка — как карточка с постоянной иллюстративной подложкой */

html body .sp-pain{

  background:

    linear-gradient(180deg,rgba(255,250,244,.72),rgba(248,237,225,.96)),

    var(--special-bg) center / cover no-repeat,

    #f7efe7 !important;

}



/* ЭкоКонфликт */

html body .sp-conflict{

  background:

    linear-gradient(180deg,rgba(250,244,235,.78),rgba(239,230,216,.96)),

    var(--special-bg) center / cover no-repeat,

    #f4eee4 !important;

}



/* ЭкоУроки истории */

html body .sp-history{

  background:

    linear-gradient(180deg,rgba(244,250,246,.80),rgba(231,240,234,.96)),

    var(--special-bg) center / cover no-repeat,

    #eef6f1 !important;

}



/* малые карточки ближе к мокапу */

html body .sp-pain .special-direction-body,

html body .sp-conflict .special-direction-body,

html body .sp-history .special-direction-body{

  justify-content:flex-end !important;

}



html body .sp-pain .special-direction-news-list a,

html body .sp-conflict .special-direction-news-list a,

html body .sp-history .special-direction-news-list a{

  font-size:15px !important;

  line-height:1.32 !important;

  font-weight:700 !important;

}



/* Нацпроект — чуть ближе к мокапу */

html body .sp-national .special-lead-title{

  max-width:78% !important;

  font-size:23px !important;

}



html body .sp-national .special-direction-news-list{

  margin-top:26px !important;

  max-width:78% !important;

}



/* Байкал — заголовок строго вниз */

html body .sp-baikal .special-direction-body{

  justify-content:flex-end !important;

}



html body .sp-baikal .special-lead-title,

html body .sp-baikal .special-lead-title--light{

  margin-top:auto !important;

  color:#fff !important;

}



/* чуть более премиальный hover */

html body .special-projects-layout .special-direction-news-card{

  transition:transform .25s ease, box-shadow .25s ease !important;

}



html body .special-projects-layout .special-direction-news-card:hover{

  transform:translateY(-2px);

  box-shadow:0 18px 36px rgba(12,28,22,.10) !important;

}






/* SPECIAL PROJECTS — FINAL MOCKUP TUNE */



/* названия рубрик в светлых карточках сделать нормальными */

html body .special-projects-layout .sp-pain .special-direction-head strong,

html body .special-projects-layout .sp-conflict .special-direction-head strong,

html body .special-projects-layout .sp-history .special-direction-head strong,

html body .special-projects-layout .sp-digest .special-direction-head strong{

  color:#173127 !important;

  opacity:1 !important;

}



/* Заповедный: чтобы заголовок рубрики не налезал на фото */

html body .special-projects-layout .sp-digest .special-card-image{

  margin-top:16px !important;

}



html body .special-projects-layout .sp-digest .special-card-image img{

  height:125px !important;

}



/* Болевая точка: приблизить к мокапу, дать иллюстративный верх */

html body .special-projects-layout .sp-pain{

  background:

    linear-gradient(180deg,rgba(255,247,238,.66),rgba(248,239,229,.96)),

    var(--special-bg) center / cover no-repeat,

    #f7efe7 !important;

}



/* Нацпроект: меньше серости, больше контраста */

html body .special-projects-layout .sp-national{

  background:

    linear-gradient(180deg,rgba(4,38,22,.18) 0%,rgba(4,38,22,.88) 100%),

    var(--special-bg) center / cover no-repeat,

    #06351f !important;

}



html body .special-projects-layout .sp-national .special-lead-title,

html body .special-projects-layout .sp-national .special-direction-news-list a{

  color:#fff !important;

  text-shadow:0 2px 14px rgba(0,0,0,.35) !important;

}



html body .special-projects-layout .sp-national time{

  color:rgba(255,255,255,.72) !important;

}



/* Нацпроект: если две новости, пусть читаются как в мокапе */

html body .special-projects-layout .sp-national .special-direction-news-list{

  gap:18px !important;

}



html body .special-projects-layout .sp-national .special-direction-news-list li{

  padding:0 !important;

}



/* маленькие карточки — аккуратнее */

html body .special-projects-layout .sp-pain,

html body .special-projects-layout .sp-conflict,

html body .special-projects-layout .sp-history{

  padding:24px !important;

}



html body .special-projects-layout .sp-pain .special-direction-body,

html body .special-projects-layout .sp-conflict .special-direction-body,

html body .special-projects-layout .sp-history .special-direction-body{

  justify-content:flex-end !important;

}






/* SPECIAL PROJECTS — LAST POLISH */



/* Болевая точка: чуть сильнее картинка, текст ниже */

html body .special-projects-layout .sp-pain{

  background:

    linear-gradient(180deg,rgba(255,247,238,.48),rgba(248,239,229,.90)),

    var(--special-bg) center / cover no-repeat,

    #f7efe7 !important;

}



html body .special-projects-layout .sp-pain .special-direction-body{

  justify-content:flex-end !important;

}



/* Заповедный дайджест: ближе к мокапу */

html body .special-projects-layout .sp-digest .special-card-image{

  margin:6px -24px 18px !important;

}



html body .special-projects-layout .sp-digest .special-card-image img{

  height:150px !important;

  object-position:center !important;

}



html body .special-projects-layout .sp-digest .special-lead-title--light{

  font-size:17px !important;

  line-height:1.25 !important;

}



/* Нацпроект: немного больше картинки */

html body .special-projects-layout .sp-national{

  background:

    linear-gradient(180deg,rgba(4,38,22,.10) 0%,rgba(4,38,22,.80) 100%),

    var(--special-bg) center / cover no-repeat,

    #06351f !important;

}






/* SPECIAL PROJECTS — DESKTOP 100% SCALE FIX */



@media (min-width:1101px) and (max-width:1500px){



  html body .special-projects-block.special-projects-mockup{

    padding:36px 40px !important;

  }



  html body .special-projects-layout{

    grid-template-columns:repeat(12,minmax(0,1fr)) !important;

    grid-template-rows:300px 185px 185px !important;

    gap:16px !important;

  }



  html body .special-projects-layout .special-direction-news-card{

    padding:22px !important;

    border-radius:16px !important;

  }



  html body .sp-arctic .special-lead-title,

  html body .sp-national .special-lead-title,

  html body .sp-baikal .special-lead-title,

  html body .sp-baikal .special-lead-title--light{

    font-size:21px !important;

    line-height:1.13 !important;

    max-width:88% !important;

  }



  html body .sp-pain .special-direction-news-list a,

  html body .sp-conflict .special-direction-news-list a,

  html body .sp-history .special-direction-news-list a{

    font-size:14px !important;

    line-height:1.28 !important;

  }



  html body .special-direction-head strong{

    font-size:19px !important;

  }



  html body .special-direction-icon{

    width:38px !important;

    height:38px !important;

    flex-basis:38px !important;

  }



  html body .sp-digest .special-card-image img{

    height:118px !important;

  }

}






/* SPECIAL PROJECT ICONS FIX */



html body .special-direction-icon{

  position:relative !important;

}



html body .special-direction-icon::before{

  content:"";

  position:absolute;

  inset:0;



  margin:auto;



  width:20px;

  height:20px;



  background:currentColor;



  -webkit-mask-repeat:no-repeat;

  -webkit-mask-position:center;

  -webkit-mask-size:contain;



  mask-repeat:no-repeat;

  mask-position:center;

  mask-size:contain;



  opacity:.92;

}



/* Нацпроект */

html body .special-direction-icon--project::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v13H4zM7 4h10v3H7z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v13H4zM7 4h10v3H7z'/%3E%3C/svg%3E");

}



/* ЭкоКонфликт */

html body .special-direction-icon--conflict::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 4-2 2 4 4-2 2-4-4-2 2-4-4z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 4-2 2 4 4-2 2-4-4-2 2-4-4z'/%3E%3C/svg%3E");

}



/* ЭкоУроки истории */

html body .special-direction-icon--history::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v20H6zM9 6h6v2H9zm0 4h6v2H9z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v20H6zM9 6h6v2H9zm0 4h6v2H9z'/%3E%3C/svg%3E");

}






/* SPECIAL PROJECTS — MOCKUP POLISH */



/* убрать дубль подписи под заголовком */

html body .special-projects-head .section-note{

  display:none !important;

}



/* малые карточки: одна новость */

html body .sp-pain .special-direction-news-list li:nth-child(n+2),

html body .sp-conflict .special-direction-news-list li:nth-child(n+2),

html body .sp-history .special-direction-news-list li:nth-child(n+2){

  display:none !important;

}



/* Болевая точка — как карточка с постоянной иллюстративной подложкой */

html body .sp-pain{

  background:

    linear-gradient(180deg,rgba(255,250,244,.72),rgba(248,237,225,.96)),

    var(--special-bg) center / cover no-repeat,

    #f7efe7 !important;

}



/* ЭкоКонфликт */

html body .sp-conflict{

  background:

    linear-gradient(180deg,rgba(250,244,235,.78),rgba(239,230,216,.96)),

    var(--special-bg) center / cover no-repeat,

    #f4eee4 !important;

}



/* ЭкоУроки истории */

html body .sp-history{

  background:

    linear-gradient(180deg,rgba(244,250,246,.80),rgba(231,240,234,.96)),

    var(--special-bg) center / cover no-repeat,

    #eef6f1 !important;

}



/* малые карточки ближе к мокапу */

html body .sp-pain .special-direction-body,

html body .sp-conflict .special-direction-body,

html body .sp-history .special-direction-body{

  justify-content:flex-end !important;

}



html body .sp-pain .special-direction-news-list a,

html body .sp-conflict .special-direction-news-list a,

html body .sp-history .special-direction-news-list a{

  font-size:15px !important;

  line-height:1.32 !important;

  font-weight:700 !important;

}



/* Нацпроект — чуть ближе к мокапу */

html body .sp-national .special-lead-title{

  max-width:78% !important;

  font-size:23px !important;

}



html body .sp-national .special-direction-news-list{

  margin-top:26px !important;

  max-width:78% !important;

}



/* Байкал — заголовок строго вниз */

html body .sp-baikal .special-direction-body{

  justify-content:flex-end !important;

}



html body .sp-baikal .special-lead-title,

html body .sp-baikal .special-lead-title--light{

  margin-top:auto !important;

  color:#fff !important;

}



/* чуть более премиальный hover */

html body .special-projects-layout .special-direction-news-card{

  transition:transform .25s ease, box-shadow .25s ease !important;

}



html body .special-projects-layout .special-direction-news-card:hover{

  transform:translateY(-2px);

  box-shadow:0 18px 36px rgba(12,28,22,.10) !important;

}






/* SPECIAL PROJECT ICONS — SHARPER EDITORIAL SET */



html body .special-direction-icon::before{

  width:24px !important;

  height:24px !important;

  opacity:1 !important;

}



/* Нацпроект — щит / федеральная программа */

html body .special-direction-icon--project::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.4 3.4 9.9 8 11 4.6-1.1 8-5.6 8-11V5l-8-3Zm0 3.1 5 1.9v4c0 3.7-2 6.9-5 8-3-1.1-5-4.3-5-8V7l5-1.9Zm-2.6 6.1 1.8 1.8 3.8-4 1.4 1.4-5.2 5.4L8 12.6l1.4-1.4Z'/%3E%3C/svg%3E") !important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.4 3.4 9.9 8 11 4.6-1.1 8-5.6 8-11V5l-8-3Zm0 3.1 5 1.9v4c0 3.7-2 6.9-5 8-3-1.1-5-4.3-5-8V7l5-1.9Zm-2.6 6.1 1.8 1.8 3.8-4 1.4 1.4-5.2 5.4L8 12.6l1.4-1.4Z'/%3E%3C/svg%3E") !important;

}



/* ЭкоКонфликт — весы / спор */

html body .special-direction-icon--conflict::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v3h6v2h-2.2l3.2 6h-8l3.2-6H13v10h4v2H7v-2h4V8H8.8l3.2 6H4l3.2-6H5V6h6V3Zm-4 9h2l-1-2-1 2Zm8 0h2l-1-2-1 2Z'/%3E%3C/svg%3E") !important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v3h6v2h-2.2l3.2 6h-8l3.2-6H13v10h4v2H7v-2h4V8H8.8l3.2 6H4l3.2-6H5V6h6V3Zm-4 9h2l-1-2-1 2Zm8 0h2l-1-2-1 2Z'/%3E%3C/svg%3E") !important;

}



/* ЭкоУроки истории — колонна / архив */

html body .special-direction-icon--history::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 3 7v2h18V7l-9-4ZM5 10v8H3v2h18v-2h-2v-8h-2v8h-3v-8h-4v8H7v-8H5Zm7-4.8L16.8 7H7.2L12 5.2Z'/%3E%3C/svg%3E") !important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 3 7v2h18V7l-9-4ZM5 10v8H3v2h18v-2h-2v-8h-2v8h-3v-8h-4v8H7v-8H5Zm7-4.8L16.8 7H7.2L12 5.2Z'/%3E%3C/svg%3E") !important;

}






/* SPECIAL PROJECTS — DESKTOP 100% SCALE FIX */



@media (min-width:1101px) and (max-width:1500px){



  html body .special-projects-block.special-projects-mockup{

    padding:36px 40px !important;

  }



  html body .special-projects-layout{

    grid-template-columns:repeat(12,minmax(0,1fr)) !important;

    grid-template-rows:300px 185px 185px !important;

    gap:16px !important;

  }



  html body .special-projects-layout .special-direction-news-card{

    padding:22px !important;

    border-radius:16px !important;

  }



  html body .sp-arctic .special-lead-title,

  html body .sp-national .special-lead-title,

  html body .sp-baikal .special-lead-title,

  html body .sp-baikal .special-lead-title--light{

    font-size:21px !important;

    line-height:1.13 !important;

    max-width:88% !important;

  }



  html body .sp-pain .special-direction-news-list a,

  html body .sp-conflict .special-direction-news-list a,

  html body .sp-history .special-direction-news-list a{

    font-size:14px !important;

    line-height:1.28 !important;

  }



  html body .special-direction-head strong{

    font-size:19px !important;

  }



  html body .special-direction-icon{

    width:38px !important;

    height:38px !important;

    flex-basis:38px !important;

  }



  html body .sp-digest .special-card-image img{

    height:118px !important;

  }

}






/* SPECIAL PROJECT ICONS FIX */



html body .special-direction-icon{

  position:relative !important;

}



html body .special-direction-icon::before{

  content:"";

  position:absolute;

  inset:0;



  margin:auto;



  width:20px;

  height:20px;



  background:currentColor;



  -webkit-mask-repeat:no-repeat;

  -webkit-mask-position:center;

  -webkit-mask-size:contain;



  mask-repeat:no-repeat;

  mask-position:center;

  mask-size:contain;



  opacity:.92;

}



/* Нацпроект */

html body .special-direction-icon--project::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v13H4zM7 4h10v3H7z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v13H4zM7 4h10v3H7z'/%3E%3C/svg%3E");

}



/* ЭкоКонфликт */

html body .special-direction-icon--conflict::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 4-2 2 4 4-2 2-4-4-2 2-4-4z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4 4-2 2 4 4-2 2-4-4-2 2-4-4z'/%3E%3C/svg%3E");

}



/* ЭкоУроки истории */

html body .special-direction-icon--history::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v20H6zM9 6h6v2H9zm0 4h6v2H9z'/%3E%3C/svg%3E");

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v20H6zM9 6h6v2H9zm0 4h6v2H9z'/%3E%3C/svg%3E");

}






/* SPECIAL PROJECT ICONS — SHARPER EDITORIAL SET */



html body .special-direction-icon::before{

  width:24px !important;

  height:24px !important;

  opacity:1 !important;

}



/* Нацпроект — щит / федеральная программа */

html body .special-direction-icon--project::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.4 3.4 9.9 8 11 4.6-1.1 8-5.6 8-11V5l-8-3Zm0 3.1 5 1.9v4c0 3.7-2 6.9-5 8-3-1.1-5-4.3-5-8V7l5-1.9Zm-2.6 6.1 1.8 1.8 3.8-4 1.4 1.4-5.2 5.4L8 12.6l1.4-1.4Z'/%3E%3C/svg%3E") !important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.4 3.4 9.9 8 11 4.6-1.1 8-5.6 8-11V5l-8-3Zm0 3.1 5 1.9v4c0 3.7-2 6.9-5 8-3-1.1-5-4.3-5-8V7l5-1.9Zm-2.6 6.1 1.8 1.8 3.8-4 1.4 1.4-5.2 5.4L8 12.6l1.4-1.4Z'/%3E%3C/svg%3E") !important;

}



/* ЭкоКонфликт — весы / спор */

html body .special-direction-icon--conflict::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v3h6v2h-2.2l3.2 6h-8l3.2-6H13v10h4v2H7v-2h4V8H8.8l3.2 6H4l3.2-6H5V6h6V3Zm-4 9h2l-1-2-1 2Zm8 0h2l-1-2-1 2Z'/%3E%3C/svg%3E") !important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v3h6v2h-2.2l3.2 6h-8l3.2-6H13v10h4v2H7v-2h4V8H8.8l3.2 6H4l3.2-6H5V6h6V3Zm-4 9h2l-1-2-1 2Zm8 0h2l-1-2-1 2Z'/%3E%3C/svg%3E") !important;

}



/* ЭкоУроки истории — колонна / архив */

html body .special-direction-icon--history::before{

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 3 7v2h18V7l-9-4ZM5 10v8H3v2h18v-2h-2v-8h-2v8h-3v-8h-4v8H7v-8H5Zm7-4.8L16.8 7H7.2L12 5.2Z'/%3E%3C/svg%3E") !important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 3 7v2h18V7l-9-4ZM5 10v8H3v2h18v-2h-2v-8h-2v8h-3v-8h-4v8H7v-8H5Zm7-4.8L16.8 7H7.2L12 5.2Z'/%3E%3C/svg%3E") !important;

}






/* SPECIAL PROJECTS — NATIONAL PROJECT TYPOGRAPHY */



html body .special-projects-layout .sp-national .special-lead-title{

  font-size:34px !important;

  line-height:1.08 !important;

  font-weight:800 !important;



  max-width:82% !important;



  text-shadow:0 3px 18px rgba(0,0,0,.42) !important;

}



html body .special-projects-layout .sp-national .special-direction-news-list a{

  font-size:18px !important;

  line-height:1.28 !important;

  font-weight:650 !important;

}



html body .special-projects-layout .sp-national .special-direction-news-list{

  margin-top:28px !important;

  gap:20px !important;

}






/* SPECIAL PROJECTS — FINAL EDITORIAL POLISH */



/* Нацпроект */

html body .sp-national .special-direction-body{

  justify-content:flex-end !important;

}



html body .sp-national .special-lead-title{

  margin-bottom:18px !important;

}



html body .sp-national .special-direction-news-list a{

  opacity:.96 !important;

}



/* Болевая точка */

html body .sp-pain{

  background:

    linear-gradient(

      180deg,

      rgba(255,247,238,.60),

      rgba(248,239,229,.94)

    ),

    var(--special-bg) center / cover no-repeat,

    #f7efe7 !important;

}



/* ЭкоКонфликт */

html body .sp-conflict{

  background:

    linear-gradient(

      180deg,

      rgba(248,242,233,.82),

      rgba(239,230,216,.96)

    ),

    var(--special-bg) center right / cover no-repeat,

    #f4eee4 !important;

}



/* ЭкоУроки */

html body .sp-history{

  background:

    linear-gradient(

      180deg,

      rgba(244,250,246,.82),

      rgba(231,240,234,.96)

    ),

    var(--special-bg) center right / cover no-repeat,

    #eef6f1 !important;

}



/* Заповедный */

html body .sp-digest .special-card-image img{

  height:160px !important;

}


