/* МОО «ЕДИНСТВО» — dedicated mobile portal composition
 * Автор и правообладатель: Ланцет Семён Борисович
 * License: proprietary / all rights reserved
 */

@media (max-width:760px){
  html{scroll-padding-top:86px}
  .ep-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top" "brand nav";background:#fff}
  .ep-topbar{grid-area:top}
  .ep-topbar__inner{min-height:24px;font-size:10px}
  .ep-brandbar{grid-area:brand;width:auto;min-width:0;min-height:58px;margin:0 0 0 12px;padding:0;gap:5px;justify-content:flex-start}
  .ep-brand{flex:1 1 auto;gap:8px;min-width:0}
  .ep-brand__mark{width:38px;height:38px;flex:0 0 38px;border-radius:9px}
  .ep-brand__text{flex:1 1 auto;min-width:78px}
  .ep-brand__text b{max-width:none;overflow:visible;font-size:17px;line-height:.98;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:normal}
  .ep-brand__text small{display:none}
  .ep-account{display:none}
  .ep-navwrap{grid-area:nav;display:flex;align-items:center;margin-right:12px;border:0;background:#fff}
  .ep-navrow{width:auto;min-height:58px;margin:0;padding:0}
  .ep-compact-menu{width:auto}
  .site-menu-button{min-height:40px!important;padding:0 11px!important;flex:0 0 auto;white-space:nowrap}
  .site-menu-button:focus-visible,.ep-mobile-menu__close:focus-visible{outline:2px solid var(--ep-blue-3);outline-offset:2px}
  .ep-compact-menu .site-navigation{padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
  .ep-mobile-menu__head{padding-top:max(12px,env(safe-area-inset-top))}
  .ep-compact-menu .site-navigation a.is-current{background:var(--ep-blue-soft)!important;color:var(--ep-blue)!important;box-shadow:inset 3px 0 0 var(--ep-blue-3)}
  .ep-nav-submenu.has-current>summary{background:#f6f9fc;color:var(--ep-blue)!important}

  /* Mobile project slider is a card, not a shrunken desktop hero. */
  .ep-project-slider,.ep-project-slider__track,.ep-project-slide{min-height:560px}
  .ep-project-slide{justify-content:flex-start;background:#0d2742}
  .ep-project-slide__media{inset:0 0 auto;height:245px;background-color:#102b46}
  .ep-project-slide__shade{inset:0 0 auto;height:260px;background:linear-gradient(180deg,rgba(5,20,35,.05) 0%,rgba(7,28,48,.18) 55%,#0d2742 100%)}
  .ep-project-slide__content{display:block;padding-top:224px;padding-bottom:14px}
  .ep-project-slide__copy{max-width:none;padding-top:0}
  .ep-project-slide .ep-kicker{font-size:9px;letter-spacing:.11em}
  .ep-project-slide h1{max-width:none;margin:7px 0 9px;font-size:clamp(31px,9vw,39px);line-height:1.02;letter-spacing:-.025em}
  .ep-project-slide__copy>p{max-width:none;font-size:13.5px;line-height:1.4}
  .ep-project-slide .ep-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .ep-project-slide .ep-actions .ep-button{width:auto;min-height:42px;padding:0 10px;font-size:11px}
  .ep-project-slide__status{display:none}
  .ep-project-slide__facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding-bottom:26px;border-top:1px solid rgba(255,255,255,.14)}
  .ep-project-slide__facts div{min-width:0;padding:10px 8px;border-right:1px solid rgba(255,255,255,.12);border-bottom:0}
  .ep-project-slide__facts div:last-child{border-right:0}
  .ep-project-slide__facts b{overflow-wrap:anywhere;font-size:11px;line-height:1.18}
  .ep-project-slide__facts span{margin-top:3px;font-size:8px;line-height:1.15}
  .ep-project-slider__arrow{top:118px;bottom:auto;width:34px;height:42px;border-radius:9px;transform:translateY(-50%);background:rgba(7,30,52,.62)}
  .ep-project-slider__arrow--prev{left:8px}
  .ep-project-slider__arrow--next{right:8px}
  .ep-project-slider__dots{right:50%;bottom:10px;gap:6px;transform:translateX(50%)}
  .ep-project-slider__dots button{width:18px;height:4px}

  .ep-section{padding:34px 0}
  .ep-intro__grid{gap:12px}
  .ep-section h2,.ep-intro h2{font-size:clamp(28px,8vw,35px)}
  .ep-lead{font-size:14px;line-height:1.48}
  .ep-section__head{margin-bottom:16px}
}

@media (max-width:480px){
  html{scroll-padding-top:64px}
  .ep-topbar{display:none}
  .ep-brandbar,.ep-navrow{min-height:58px}
  .ep-brand__text{min-width:72px}
  .ep-brand__text b{font-size:16px;line-height:.96}
  .ep-project-slider,.ep-project-slider__track,.ep-project-slide{min-height:535px}
  .ep-project-slide__media{height:220px}
  .ep-project-slide__shade{height:235px}
  .ep-project-slide__content{padding-top:201px;padding-bottom:12px}
  .ep-project-slide h1{font-size:clamp(30px,9.2vw,36px)}
  .ep-project-slide__copy>p{font-size:13px}
  .ep-project-slide .ep-actions{margin-top:12px}
  .ep-project-slider__arrow{top:105px}
  .ep-project-slide__facts div{padding:9px 7px}
  .ep-project-slide__facts b{font-size:10.5px}
}

@media (max-width:350px){
  .ep-brandbar{margin-left:8px}
  .ep-navwrap{margin-right:8px}
  .ep-brand__mark{width:34px;height:34px;flex-basis:34px}
  .ep-brand__text{min-width:66px}
  .ep-brand__text b{font-size:14.5px;line-height:.94}
  .site-menu-button{gap:6px;padding-inline:7px!important}
  .ep-project-slider,.ep-project-slider__track,.ep-project-slide{min-height:575px}
  .ep-project-slide .ep-actions{grid-template-columns:1fr}
}

@media (max-width:330px){
  .ep-brand__mark{width:32px;height:32px;flex-basis:32px}
  .ep-brand__text{min-width:60px}
  .ep-brand__text b{font-size:13.5px}
  .site-menu-button{font-size:12px!important}
}

@media (prefers-reduced-motion:reduce){
  .ep-project-slide{transition:none}
}