/* Middle Community 0.3.75 — approved mockup geometry, adaptive desktop canvas */
:root{
  --mc-home-canvas:clamp(1180px,88vw,1760px);
  --mc-home-gap:16px;
  --mc-home-radius:18px;
}
body.home,body.front-page{background:#f5f8fc!important;color:#10213a}
.home .middle-site-header{position:relative!important;top:auto!important;z-index:90!important;padding:0!important;border-bottom:0!important;background:#fff!important;box-shadow:0 1px 0 rgba(18,42,75,.07)!important}
.home .middle-header-row,.home .middle-home-topnav,.home .middle-footer-row{
  width:min(var(--mc-home-canvas),calc(100% - 34px))!important;
  max-width:none!important;margin-left:auto!important;margin-right:auto!important;
}
.home .middle-header-row{min-height:72px!important;padding:0!important;gap:18px!important}
.home .middle-brand{flex:0 0 auto;min-width:245px;gap:10px}
.home .middle-brand .custom-logo,.home .middle-brand__mark--icon img{max-height:48px;width:auto}
.home .middle-brand__text{font-size:25px;font-weight:850;letter-spacing:-.035em;color:#0e2444}
.home .middle-home-header-search{display:flex!important;align-items:center;flex:1 1 520px;max-width:620px;min-width:300px;height:46px;margin-left:auto;padding:0 16px;border:1px solid #e1e8f1;border-radius:14px;background:#f3f7fb}
.home .middle-home-header-search svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:#7a91af;stroke-width:1.8}
.home .middle-home-header-search input{width:100%;height:100%;padding:0 0 0 10px;border:0!important;outline:0;background:transparent!important;color:#1c2d44;font-size:14px;box-shadow:none!important}
.home .middle-home-header-search input::placeholder{color:#9aacc0}
.home .middle-header-tools{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.home .middle-mobile-home-link,.home .middle-search-toggle,.home .middle-theme-toggle--desktop,.home .middle-messages-link,.home .middle-write-link{display:none!important}
.home .middle-header-weather{order:1;height:44px;min-width:112px;padding:0 9px;border:0;background:transparent;box-shadow:none}
.home .middle-header-weather__icon{font-size:24px}.home .middle-header-weather strong{font-size:18px;color:#11223d}
.home .middle-home-header-bell{order:2;position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e1e8f1;border-radius:13px;background:#fff;color:#203653}
.home .middle-home-header-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home .middle-home-header-bell b{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#ff4f57;color:#fff;font-size:9px;line-height:1}
.home .middle-account-link{order:3;min-width:104px;height:44px;border-radius:12px!important;font-size:13px;font-weight:750}
.home .middle-account-link--guest{border:1px solid #2481ff!important;background:#fff!important;color:#1474ee!important;box-shadow:none!important}
.home .middle-account-link svg{width:17px;height:17px}
.home .middle-header-dropdown--menu{order:4}
.home .middle-header-tools .middle-nav-toggle{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#142a46!important;box-shadow:none!important}
.home .middle-header-tools .middle-nav-toggle>svg,.home .middle-header-tools .middle-nav-toggle>span{display:none!important}
.home .middle-header-tools .middle-nav-toggle::before{content:"☰";font-size:25px;line-height:1;font-weight:500}
.home .middle-home-topnav{height:52px;padding:0!important;border-top:1px solid #f0f4f8}
.home .middle-home-topnav__scroll{display:flex;align-items:center;justify-content:flex-start;gap:4px;height:52px;overflow-x:auto;scrollbar-width:none}.home .middle-home-topnav__scroll::-webkit-scrollbar{display:none}
.home .middle-home-topnav a,.home .middle-home-topnav__more{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#14263f;font-size:12.5px;font-weight:720;white-space:nowrap;cursor:pointer}
.home .middle-home-topnav a:hover,.home .middle-home-topnav__more:hover{background:#f2f7fd;color:#1474ee}
.home .middle-home-topnav a span{display:grid;place-items:center;width:22px;height:22px}.home .middle-home-topnav a span img{width:20px;height:20px;object-fit:contain}.home .middle-home-topnav__more span{font-size:16px;letter-spacing:1px}

/* The wrapper must stay full-width. Only the content rows below are centered. */
.home .middle-layout--exact-home{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.home .middle-layout--exact-home>.middle-main,.home main.middle-exact-home{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 0 24px!important;color:#10213a}
.home .middle-exact-home *{box-sizing:border-box}.home .middle-exact-home a{text-decoration:none}

/* Full-bleed city hero like the approved mockup. */
.home .middle-exact-hero{position:relative;overflow:hidden;width:100%!important;height:330px;margin:0!important;border-radius:0;background-image:var(--middle-exact-hero);background-position:center 55%;background-size:cover;box-shadow:0 14px 34px rgba(34,71,110,.10)}
.home .middle-exact-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,28,51,.74) 0%,rgba(6,28,51,.48) 31%,rgba(6,28,51,.10) 69%,rgba(6,28,51,.17) 100%)}
.home .middle-exact-hero__copy{position:absolute;z-index:2;left:max(36px,calc((100vw - var(--mc-home-canvas))/2 + 36px));top:50px;max-width:620px;color:#fff}
.home .middle-exact-hero__city{display:inline-flex;margin-bottom:7px;font-size:13px;font-weight:700;opacity:.92}
.home .middle-exact-hero h1{margin:0;color:#fff;font-size:64px;line-height:.91;letter-spacing:-.05em;font-weight:800;text-shadow:0 3px 18px rgba(0,0,0,.26)}
.home .middle-exact-hero h1 em{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:.78em;font-style:normal;font-weight:700;letter-spacing:-.04em}
.home .middle-exact-hero__copy p{margin:16px 0 0;color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 11px rgba(0,0,0,.30)}
.home .middle-exact-hero__weather{position:absolute;z-index:3;right:max(36px,calc((100vw - var(--mc-home-canvas))/2 + 36px));bottom:66px;width:235px;min-height:100px;padding:15px 17px;border:1px solid rgba(255,255,255,.28);border-radius:17px;background:rgba(16,38,64,.68);color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.16);backdrop-filter:blur(11px)}
.home .middle-exact-hero__weather>span{display:block;font-size:13px;font-weight:800}.home .middle-exact-hero__weather>small{display:block;margin-top:3px;font-size:10px;opacity:.82}.home .middle-exact-hero__weather>div{margin-top:8px}.home .middle-exact-hero__weather .middle-header-weather{display:inline-flex!important;height:auto;min-width:0;padding:0!important;color:#fff!important;background:none!important;border:0!important;box-shadow:none!important}.home .middle-exact-hero__weather .middle-header-weather strong{color:#fff!important;font-size:20px}
.home .middle-exact-hero__hand{position:absolute;z-index:2;right:max(48px,calc((100vw - var(--mc-home-canvas))/2 + 48px));top:41px;color:#fff;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:16px;line-height:1.2;text-align:center;transform:rotate(-5deg);text-shadow:0 2px 11px rgba(0,0,0,.35)}

/* Everything after the hero follows one common portal width. */
.home .middle-exact-services,.home .middle-exact-topzone,.home .middle-exact-ads,.home .middle-exact-reader,.home .middle-exact-useful,.home .middle-exact-bottom{
  width:min(var(--mc-home-canvas),calc(100% - 34px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
}
.home .middle-exact-services{position:relative;z-index:5;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:-48px!important;margin-bottom:22px!important}
.home .middle-exact-service{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;height:78px;padding:10px 12px;border:1px solid #dfe7f1;border-radius:15px;background:#fff;color:#13243e;box-shadow:0 10px 24px rgba(31,60,92,.10);transition:transform .18s ease,box-shadow .18s ease}
.home .middle-exact-service:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(31,60,92,.14)}
.home .middle-exact-service__icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:#eef5ff}.home .middle-exact-service__icon img{width:36px;height:36px;object-fit:contain}
.home .middle-exact-service__copy{display:flex;flex-direction:column;min-width:0;gap:3px}.home .middle-exact-service__copy strong{font-size:12.5px;line-height:1.08;white-space:nowrap}.home .middle-exact-service__copy small{color:#7a8da5;font-size:10px;line-height:1.15;white-space:nowrap}
.home .middle-exact-service--yellow .middle-exact-service__icon{background:#fff7d9}.home .middle-exact-service--green .middle-exact-service__icon{background:#e8faf1}.home .middle-exact-service--red .middle-exact-service__icon{background:#fff0f0}.home .middle-exact-service--purple .middle-exact-service__icon{background:#f3edff}.home .middle-exact-service--pink .middle-exact-service__icon{background:#fff0fa}.home .middle-exact-service--orange .middle-exact-service__icon{background:#fff3e7}.home .middle-exact-service--amber .middle-exact-service__icon{background:#fff8e7}

.home .middle-exact-section{margin:0 0 22px}.home .middle-exact-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;margin-bottom:11px}.home .middle-exact-head>div{display:flex;align-items:center;gap:9px;min-width:0}.home .middle-exact-head img{flex:0 0 auto;width:27px;height:27px}.home .middle-exact-head h2{margin:0;color:#14233b;font-size:24px;line-height:1;font-weight:820;letter-spacing:-.025em}.home .middle-exact-head small{color:#8b9bb0;font-size:11px;white-space:nowrap}.home .middle-exact-head>a{flex:0 0 auto;color:#1674ec;font-size:11.5px;font-weight:750}.home .middle-exact-head--small h2{font-size:19px}.home .middle-exact-head--small img{width:23px;height:23px}

.home .middle-exact-topzone{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-bottom:22px!important}.home .middle-exact-topzone__main{min-width:0}.home .middle-exact-today__grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(350px,.86fr);gap:12px;min-width:0}
.home .middle-exact-featured{position:relative;overflow:hidden;height:390px;border-radius:17px;background:#dce7f3;box-shadow:0 8px 22px rgba(37,60,88,.09)}.home .middle-exact-featured__media{position:absolute;inset:0;display:block}.home .middle-exact-featured__media img{width:100%;height:100%;object-fit:cover;display:block}.home .middle-exact-featured__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,21,38,.02) 22%,rgba(5,21,38,.13) 45%,rgba(5,21,38,.86) 100%)}
.home .middle-exact-featured__copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.home .middle-exact-featured__copy>span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:8px;background:#2382f5;color:#fff;font-size:10.5px;font-weight:800}.home .middle-exact-featured__copy h3{max-width:680px;margin:10px 0 8px;font-size:26px;line-height:1.08}.home .middle-exact-featured__copy h3 a{color:#fff}.home .middle-exact-featured__copy p{max-width:650px;margin:0 0 11px;color:rgba(255,255,255,.90);font-size:13px;line-height:1.45}.home .middle-exact-featured__copy>div{display:flex;gap:18px;color:rgba(255,255,255,.84);font-size:10.5px}
.home .middle-exact-news-list{display:grid;grid-template-rows:repeat(4,1fr);gap:8px;height:390px}.home .middle-exact-news-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:7px;border:1px solid #e1e8f1;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(37,60,88,.045)}.home .middle-exact-news-row__media{display:block;overflow:hidden;height:78px;border-radius:10px;background:#e8eef5}.home .middle-exact-news-row__media img{width:100%;height:100%;object-fit:cover;display:block}.home .middle-exact-news-row__copy{min-width:0}.home .middle-exact-news-row__copy>span{display:inline-flex;padding:2px 6px;border-radius:6px;background:#edf5ff;color:#1974e8;font-size:8.5px;font-weight:800}.home .middle-exact-news-row h3{margin:5px 0 5px;font-size:12.5px;line-height:1.25}.home .middle-exact-news-row h3 a{color:#17273f}.home .middle-exact-news-row small{color:#8696a9;font-size:9px}

.home .middle-exact-aside{display:grid;grid-template-rows:auto auto 1fr;gap:12px;min-width:0}.home .middle-exact-weather,.home .middle-exact-bus,.home .middle-exact-submit{border:1px solid #e1e8f1;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(37,60,88,.055)}
.home .middle-exact-weather{display:block;padding:16px;color:#15253d}.home .middle-exact-weather__top{display:flex;align-items:center;gap:11px}.home .middle-exact-weather__sun{font-size:34px;line-height:1}.home .middle-exact-weather__top strong{display:block;font-size:14px}.home .middle-exact-weather__top small{display:block;margin-top:2px;color:#8697aa;font-size:9.5px}.home .middle-exact-weather__live{display:flex;align-items:center;min-height:54px;margin:9px 0;border-radius:12px;background:#f6f9fd;padding:0 10px}.home .middle-exact-weather__live .middle-header-weather{display:flex!important;height:auto!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.home .middle-exact-weather__live .middle-header-weather strong{font-size:20px}.home .middle-exact-weather__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px 0;color:#4d6b93}.home .middle-exact-weather__stats span{display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px}.home .middle-exact-weather__stats small{color:#8b9aae;font-size:8px}.home .middle-exact-weather__link{display:flex;align-items:center;justify-content:center;min-height:34px;margin-top:6px;border-radius:9px;background:#edf6ff;color:#1775e9;font-size:9.5px}
.home .middle-exact-bus{padding:14px}.home .middle-exact-bus header{display:flex;align-items:center;justify-content:space-between;gap:8px}.home .middle-exact-bus header>div{display:flex;align-items:center;gap:7px}.home .middle-exact-bus header>div>span{font-size:22px}.home .middle-exact-bus header strong{font-size:13.5px}.home .middle-exact-bus header>a{color:#1974e8;font-size:8.8px;font-weight:750}.home .middle-exact-bus>small{display:block;margin:4px 0 8px;color:#8a99aa;font-size:8.5px}.home .middle-exact-bus__row{display:grid;grid-template-columns:31px 1fr auto;gap:8px;align-items:center;min-height:37px;border-top:1px solid #edf1f5;color:#1c2b43;font-size:9.5px}.home .middle-exact-bus__row>b{display:grid;place-items:center;width:28px;height:22px;border-radius:7px;background:#35b86b;color:#fff;font-size:10px}.home .middle-exact-bus__row>b.route-2{background:#ef4d4d}.home .middle-exact-bus__row>b.route-5{background:#3ca9c7}.home .middle-exact-bus__row i{color:#7b8fa8;font-size:8px;font-style:normal}.home .middle-exact-bus__all{display:flex;align-items:center;justify-content:center;min-height:33px;margin-top:7px;border-radius:9px;background:#eef6ff;color:#1673e8;font-size:8.8px;font-weight:750}
.home .middle-exact-submit{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:140px;padding:18px;background:linear-gradient(135deg,#f5f9ff,#eaf4ff);color:#16304f}.home .middle-exact-submit__phone{position:absolute;right:5px;top:9px;font-size:58px;transform:rotate(-8deg);opacity:.85}.home .middle-exact-submit strong{position:relative;z-index:1;font-size:19px;line-height:1.07}.home .middle-exact-submit p{position:relative;z-index:1;max-width:175px;margin:8px 0 13px;color:#5f7897;font-size:10.5px;line-height:1.35}.home .middle-exact-submit>b{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border-radius:10px;background:#0d76eb;color:#fff;font-size:9.5px}

.home .middle-exact-discuss{margin-top:18px}.home .middle-exact-discuss__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.home .middle-exact-discuss-card{overflow:hidden;border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(37,60,88,.045)}.home .middle-exact-discuss-card__media{display:block;height:126px;background:#edf2f7}.home .middle-exact-discuss-card__media img{width:100%;height:100%;object-fit:cover;display:block}.home .middle-exact-discuss-card>div{padding:10px 11px 11px}.home .middle-exact-discuss-card h3{margin:0 0 7px;font-size:12px;line-height:1.22;font-weight:740}.home .middle-exact-discuss-card h3 a{color:#16253c}.home .middle-exact-discuss-card small{color:#8898aa;font-size:9px}

.home .middle-exact-ads{margin-bottom:22px!important}.home .middle-exact-ads__grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px}.home .middle-exact-ads__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.home .middle-exact-ad-card{overflow:hidden;border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(37,60,88,.05)}.home .middle-exact-ad-card__media{position:relative;display:block;height:150px;background:#edf2f7}.home .middle-exact-ad-card__media img{width:100%;height:100%;object-fit:cover;display:block}.home .middle-exact-ad-card__heart{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.94);color:#4d6584;font-size:16px;box-shadow:0 2px 8px rgba(0,0,0,.10)}.home .middle-exact-ad-card>div{padding:10px 11px 12px}.home .middle-exact-ad-card strong{display:block;margin-bottom:4px;color:#10264a;font-size:13px}.home .middle-exact-ad-card h3{margin:0 0 5px;font-size:11.5px;line-height:1.24}.home .middle-exact-ad-card h3 a{color:#17273f}.home .middle-exact-ad-card small{color:#899aae;font-size:8.8px}.home .middle-exact-ads__cta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px;border:1px solid #dce8f6;border-radius:16px;background:linear-gradient(135deg,#fff8ed,#fff);box-shadow:0 6px 18px rgba(37,60,88,.05)}.home .middle-exact-ads__cta>span{font-size:44px}.home .middle-exact-ads__cta h3{margin:8px 0 4px;font-size:17px}.home .middle-exact-ads__cta p{margin:0 0 12px;color:#7287a2;font-size:10.5px;line-height:1.4}.home .middle-exact-ads__cta .middle-btn{width:100%;min-height:38px;padding:0 9px;border-radius:10px;font-size:9.5px}

.home .middle-exact-reader{display:grid;grid-template-columns:290px 1fr;gap:13px;margin-bottom:22px!important;padding:17px 18px;border-radius:17px;background:linear-gradient(100deg,#28343f,#1a2732 58%,#2b3944);box-shadow:0 9px 24px rgba(20,31,42,.16);color:#fff}.home .middle-exact-reader__title{display:flex;align-items:flex-start;gap:10px;position:relative}.home .middle-exact-reader__title>img{width:44px;height:44px;flex:0 0 auto}.home .middle-exact-reader__title h2{margin:2px 0 4px;color:#fff;font-size:22px;line-height:1.05}.home .middle-exact-reader__title p{margin:0;color:rgba(255,255,255,.72);font-size:10px;line-height:1.35}.home .middle-exact-reader__title>a{position:absolute;left:54px;bottom:2px;color:#fff;font-size:9px;font-weight:700}.home .middle-exact-reader__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home .middle-exact-reader__grid article{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center;overflow:hidden;padding:7px;border-radius:10px;background:#fff;color:#14243b}.home .middle-exact-reader__media{display:block;height:70px;border-radius:8px;overflow:hidden;background:#dce4ed}.home .middle-exact-reader__media img{width:100%;height:100%;object-fit:cover;display:block}.home .middle-exact-reader__grid h3{margin:0 0 5px;font-size:10.5px;line-height:1.2}.home .middle-exact-reader__grid h3 a{color:#17263d}.home .middle-exact-reader__grid small{color:#8191a4;font-size:8px}

.home .middle-exact-useful{margin-bottom:22px!important}.home .middle-exact-useful__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.home .middle-exact-useful-card{display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:center;height:88px;padding:10px 12px;border:1px solid #e2eaf2;border-radius:14px;color:#17283f;box-shadow:0 5px 14px rgba(37,60,88,.04)}.home .middle-exact-useful-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.82);font-size:21px}.home .middle-exact-useful-card strong{font-size:11.5px;line-height:1.24}.home .middle-exact-useful-card b{color:#397be6;font-size:14px}.home .middle-exact-useful-card--mint{background:#eefbf5}.home .middle-exact-useful-card--rose{background:#fff1f7}.home .middle-exact-useful-card--sand{background:#fff5e9}.home .middle-exact-useful-card--green{background:#eefaf4}.home .middle-exact-useful-card--blue{background:#eef5ff}.home .middle-exact-useful-card--sky{background:#eef8ff}

.home .middle-exact-bottom{display:grid;grid-template-columns:1.03fr 1.12fr .86fr;gap:12px;margin-bottom:24px!important}.home .middle-exact-bottom-card{min-width:0;padding:14px 15px;border:1px solid #e2e9f2;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(37,60,88,.045)}.home .middle-exact-region__list{display:grid;gap:9px}.home .middle-exact-region__list article{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px;align-items:center}.home .middle-exact-region__media{display:block;height:60px;border-radius:8px;overflow:hidden;background:#edf2f7}.home .middle-exact-region__media img{width:100%;height:100%;object-fit:cover;display:block}.home .middle-exact-region h3{margin:0 0 4px;font-size:11px;line-height:1.23}.home .middle-exact-region h3 a{color:#16263e}.home .middle-exact-region small{color:#8999ac;font-size:8px}.home .middle-exact-photos__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:76px;gap:5px}.home .middle-exact-photos__grid a{position:relative;overflow:hidden;display:block;border-radius:8px;background:#edf2f7}.home .middle-exact-photos__grid a.is-featured{grid-column:span 2;grid-row:span 2}.home .middle-exact-photos__grid img{width:100%;height:100%;object-fit:cover;display:block}.home .middle-exact-photos__grid span{position:absolute;left:6px;right:6px;bottom:5px;z-index:2;color:#fff;font-size:8px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .middle-exact-photos__grid a::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,20,35,.62))}.home .middle-exact-attention ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.home .middle-exact-attention li{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center}.home .middle-exact-attention li>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e8f2ff;color:#2c6fe9;font-size:10px;font-weight:800}.home .middle-exact-attention li:first-child>span{background:#ffe9e8;color:#df5250}.home .middle-exact-attention li a{color:#1c2d45;font-size:10px;line-height:1.24}.home .middle-exact-empty{display:grid;place-items:center;height:100%;padding:20px;color:#7f90a5;text-align:center}

.home .middle-site-footer{margin-top:0;border-top:1px solid #e5ebf2;background:#fff}.home .middle-footer-row{min-height:88px;padding-top:16px!important;padding-bottom:16px!important}.home .middle-footer-main{font-size:12px}.home .middle-footer-main nav a{font-size:10.5px}.home .middle-footer-meta{font-size:9.5px}

@media(max-width:1500px){
  :root{--mc-home-canvas:clamp(1180px,92vw,1420px)}
  .home .middle-home-header-search{max-width:500px}.home .middle-exact-service__copy small{display:none}
  .home .middle-exact-topzone{grid-template-columns:minmax(0,1fr) 300px}.home .middle-exact-today__grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.9fr)}
  .home .middle-exact-featured,.home .middle-exact-news-list{height:350px}.home .middle-exact-news-row{grid-template-columns:112px minmax(0,1fr)}.home .middle-exact-news-row__media{height:70px}
}
@media(max-width:1220px){
  :root{--mc-home-canvas:calc(100vw - 28px)}
  .home .middle-home-header-search{max-width:430px}.home .middle-exact-service__copy small{display:none}.home .middle-exact-topzone{grid-template-columns:minmax(0,1fr) 270px}.home .middle-exact-today__grid{grid-template-columns:minmax(0,1.25fr) minmax(285px,.9fr)}.home .middle-exact-featured,.home .middle-exact-news-list{height:320px}.home .middle-exact-news-row{grid-template-columns:98px minmax(0,1fr);gap:8px}.home .middle-exact-news-row__media{height:63px}.home .middle-exact-ads__grid{grid-template-columns:minmax(0,1fr) 190px}.home .middle-exact-ad-card__media{height:128px}.home .middle-exact-reader{grid-template-columns:250px 1fr}.home .middle-exact-reader__grid article{grid-template-columns:78px 1fr}.home .middle-exact-reader__media{height:62px}
}
@media(max-width:980px){
  .home .middle-home-header-search{display:none!important}.home .middle-brand{min-width:0;flex:1}.home .middle-header-weather{margin-left:auto}.home .middle-exact-hero{height:280px}.home .middle-exact-hero__copy{left:28px;top:42px}.home .middle-exact-hero__weather{right:28px;bottom:54px}.home .middle-exact-hero__hand{right:38px;top:34px}.home .middle-exact-services{grid-template-columns:repeat(4,1fr);margin-top:-40px!important}.home .middle-exact-topzone{grid-template-columns:1fr}.home .middle-exact-aside{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.home .middle-exact-ads__cards{grid-template-columns:repeat(3,1fr)}.home .middle-exact-reader{grid-template-columns:1fr}.home .middle-exact-reader__title>a{left:auto;right:0;bottom:auto;top:8px}.home .middle-exact-bottom{grid-template-columns:1fr 1fr}.home .middle-exact-attention{grid-column:1/-1}
}
@media(max-width:720px){
  .home .middle-header-row,.home .middle-home-topnav,.home .middle-footer-row{width:calc(100% - 18px)!important}.home .middle-header-row{min-height:60px!important}.home .middle-header-weather,.home .middle-home-header-bell{display:none!important}.home .middle-account-link{min-width:80px}.home .middle-home-topnav a{padding:0 9px}.home .middle-exact-hero{height:235px}.home .middle-exact-hero__copy{left:17px;right:17px;top:28px}.home .middle-exact-hero h1{font-size:40px}.home .middle-exact-hero__copy p{font-size:13px}.home .middle-exact-hero__weather,.home .middle-exact-hero__hand{display:none}.home .middle-exact-services,.home .middle-exact-topzone,.home .middle-exact-ads,.home .middle-exact-reader,.home .middle-exact-useful,.home .middle-exact-bottom{width:calc(100% - 18px)!important}.home .middle-exact-services{grid-template-columns:repeat(2,1fr);margin-top:-25px!important;gap:7px}.home .middle-exact-service{height:62px;justify-content:flex-start}.home .middle-exact-service__copy small{display:block}.home .middle-exact-today__grid{grid-template-columns:1fr}.home .middle-exact-featured{height:300px}.home .middle-exact-news-list{height:auto;grid-template-rows:none;grid-template-columns:1fr 1fr}.home .middle-exact-news-row{grid-template-columns:82px minmax(0,1fr);min-height:82px}.home .middle-exact-news-row__media{height:66px}.home .middle-exact-aside{grid-template-columns:1fr}.home .middle-exact-discuss__grid{grid-template-columns:1fr 1fr}.home .middle-exact-ads__grid{grid-template-columns:1fr}.home .middle-exact-ads__cards{grid-template-columns:1fr 1fr}.home .middle-exact-reader__grid{grid-template-columns:1fr 1fr}.home .middle-exact-useful__grid{grid-template-columns:1fr 1fr}.home .middle-exact-bottom{grid-template-columns:1fr}.home .middle-exact-attention{grid-column:auto}
}
@media(max-width:470px){
  .home .middle-account-link span{display:none}.home .middle-account-link{min-width:40px;width:40px;padding:0!important}.home .middle-exact-hero{height:210px}.home .middle-exact-hero h1{font-size:35px}.home .middle-exact-news-list{grid-template-columns:1fr}.home .middle-exact-discuss__grid,.home .middle-exact-reader__grid,.home .middle-exact-useful__grid{grid-template-columns:1fr}.home .middle-exact-ads__cards{grid-template-columns:1fr 1fr}
}

/* ========================================================================== 
   Middle Community 0.3.76 — larger, animated and more useful homepage
   ========================================================================== */
:root{--mc-home-canvas:1540px;--mc-nav-offset:52px}

/* Keep the portal dense enough to read comfortably on wide desktop screens. */
.home .middle-header-row,.home .middle-home-topnav,.home .middle-footer-row,
.home .middle-exact-services,.home .middle-exact-topzone,.home .middle-exact-ads,
.home .middle-exact-reader,.home .middle-exact-opportunities,.home .middle-exact-useful,.home .middle-exact-bottom{
  width:min(var(--mc-home-canvas),calc(100% - 44px))!important;
}

/* Sticky two-row header. */
@media(min-width:721px){
  .home .middle-site-header{
    --mc-nav-offset:52px;
    position:sticky!important;top:0!important;z-index:1200!important;
    transition:box-shadow .28s ease,background .28s ease!important;
  }
  body.admin-bar.home .middle-site-header{top:32px!important}
  .home .middle-site-header.is-scrolled{box-shadow:0 12px 34px rgba(19,47,80,.10)!important}
  .home .middle-header-row{min-height:74px!important;transition:min-height .25s ease,margin-bottom .25s ease!important;margin-bottom:0!important}
  .home .middle-home-topnav{height:52px!important;transition:height .25s ease!important}
  .home .middle-home-topnav__scroll{height:52px!important;transition:height .25s ease!important}
  .home .middle-site-header.is-scrolled{--mc-nav-offset:46px}
  .home .middle-site-header.is-scrolled .middle-header-row{min-height:64px!important}
  .home .middle-site-header.is-scrolled .middle-home-topnav,
  .home .middle-site-header.is-scrolled .middle-home-topnav__scroll{height:46px!important}
  .home .middle-site-header.is-scrolled .middle-brand .custom-logo,
  .home .middle-site-header.is-scrolled .middle-brand__mark--icon img{max-height:42px!important}
  .home .middle-header-row.middle-header-row--nav-open{margin-bottom:0!important}

  /* Clean floating desktop menu: no white side ribbons and no header jump. */
  .home .middle-primary-nav.middle-top-sheet{
    position:absolute!important;
    top:calc(100% + var(--mc-nav-offset))!important;
    left:50%!important;right:auto!important;
    width:min(980px,calc(100vw - 48px))!important;max-width:none!important;
    margin:0!important;padding:16px!important;
    overflow:auto!important;max-height:min(72vh,690px)!important;
    border:1px solid #dce6f1!important;border-radius:24px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 26px 70px rgba(20,49,82,.20)!important;
    backdrop-filter:blur(22px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.08)!important;
    clip-path:none!important;filter:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateX(-50%) translateY(-12px) scale(.985)!important;
    transform-origin:top center!important;
    animation:none!important;
    transition:opacity .20s ease,visibility .20s ease,transform .28s cubic-bezier(.22,.8,.2,1)!important;
  }
  .home .middle-primary-nav.middle-top-sheet.is-open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateX(-50%) translateY(0) scale(1)!important;
    animation:none!important;
  }
  .home .middle-primary-nav.middle-top-sheet::after{display:none!important}
  .home .middle-primary-nav .middle-dropdown-panel__head{
    position:static!important;margin:-3px -3px 12px!important;padding:10px 12px 13px!important;
    border-bottom:1px solid #edf2f7!important;border-radius:18px 18px 0 0!important;background:transparent!important;
  }
  .home .middle-primary-nav .middle-combined-panel{gap:12px!important}
  .home .middle-primary-nav .middle-combined-panel__section{padding:15px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #e8eef5!important}
  .home .middle-primary-nav .middle-category-list a,
  .home .middle-primary-nav .middle-combined-panel__section--nav a{font-size:14px!important;min-height:54px!important}
}
@media(min-width:721px) and (max-width:782px){body.admin-bar.home .middle-site-header{top:46px!important}}

/* Hero: keep the real Kirovo-Chepetsk photograph visible instead of cropping it to a thin strip. */
.home .middle-exact-hero{
  position:relative;width:min(var(--mc-home-canvas),calc(100% - 44px))!important;height:410px!important;
  margin:14px auto 0!important;border-radius:26px!important;background:none!important;
  isolation:isolate;box-shadow:0 18px 48px rgba(25,58,91,.14)!important;
}
.home .middle-exact-hero::before{
  content:"";position:absolute;z-index:-2;inset:-2%;
  background-image:var(--middle-exact-hero);background-size:cover;
  background-position:center calc(50% + var(--mc-hero-y,0px));background-repeat:no-repeat;
  transform:scale(1.015);will-change:transform,background-position;
  animation:mcHeroBreath 18s ease-in-out infinite alternate;
}
.home .middle-exact-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(5,24,47,.69) 0%,rgba(5,24,47,.38) 36%,rgba(5,24,47,.06) 68%,rgba(5,24,47,.15) 100%)!important}
.home .middle-exact-hero__copy{left:44px!important;top:55px!important;max-width:650px!important}
.home .middle-exact-hero__city{font-size:14px!important}
.home .middle-exact-hero h1{font-size:68px!important;line-height:.92!important}
.home .middle-exact-hero__copy p{margin-top:18px!important;font-size:18px!important;line-height:1.35!important}
.home .middle-exact-hero__weather{right:30px!important;bottom:72px!important;width:255px!important;min-height:112px!important;padding:17px 18px!important;border-radius:20px!important}
.home .middle-exact-hero__weather>span{font-size:14px!important}.home .middle-exact-hero__weather>small{font-size:11px!important}
.home .middle-exact-hero__weather .middle-header-weather__icon{font-size:27px!important}.home .middle-exact-hero__weather .middle-header-weather strong{font-size:25px!important}
.home .middle-exact-hero__hand{right:36px!important;top:42px!important;font-size:18px!important}

/* Services — slightly larger and visibly interactive. */
.home .middle-exact-services{gap:12px!important;margin-top:-54px!important;margin-bottom:30px!important}
.home .middle-exact-service{height:90px!important;padding:12px 14px!important;border-radius:18px!important;justify-content:flex-start!important;box-shadow:0 12px 30px rgba(31,60,92,.11)!important}
.home .middle-exact-service__icon{width:50px!important;height:50px!important;border-radius:15px!important}.home .middle-exact-service__icon img{width:41px!important;height:41px!important}
.home .middle-exact-service__copy{gap:4px!important}.home .middle-exact-service__copy strong{font-size:14px!important}.home .middle-exact-service__copy small{display:block!important;font-size:11.2px!important;color:#71849d!important}
.home .middle-exact-service:hover{transform:translateY(-5px)!important;box-shadow:0 19px 38px rgba(31,60,92,.16)!important}

/* Larger typography and cards. */
.home .middle-exact-section{margin-bottom:28px!important}
.home .middle-exact-head{min-height:46px!important;margin-bottom:15px!important}.home .middle-exact-head h2{font-size:27px!important}.home .middle-exact-head small{font-size:12.5px!important}.home .middle-exact-head>a{font-size:12.5px!important}.home .middle-exact-head img{width:30px!important;height:30px!important}
.home .middle-exact-head--small h2{font-size:21px!important}
.home .middle-exact-topzone{grid-template-columns:minmax(0,1fr) 355px!important;gap:19px!important;margin-bottom:30px!important}
.home .middle-exact-today__grid{grid-template-columns:minmax(0,1.28fr) minmax(360px,.82fr)!important;gap:14px!important}
.home .middle-exact-featured,.home .middle-exact-news-list{height:430px!important}
.home .middle-exact-featured{border-radius:21px!important}.home .middle-exact-featured__copy{left:24px!important;right:24px!important;bottom:22px!important}.home .middle-exact-featured__copy>span{min-height:32px!important;font-size:11.5px!important}.home .middle-exact-featured__copy h3{font-size:30px!important;line-height:1.09!important}.home .middle-exact-featured__copy p{font-size:14.5px!important}.home .middle-exact-featured__copy>div{font-size:11.5px!important}
.home .middle-exact-news-list{gap:10px!important}.home .middle-exact-news-row{grid-template-columns:145px minmax(0,1fr)!important;gap:12px!important;padding:9px!important;border-radius:17px!important}.home .middle-exact-news-row__media{height:91px!important;border-radius:12px!important}.home .middle-exact-news-row__copy>span{font-size:9.5px!important}.home .middle-exact-news-row h3{font-size:14px!important;line-height:1.28!important}.home .middle-exact-news-row small{font-size:10.3px!important}

/* Weather: dedicated readable card; no invalid nested outer link. */
.home .middle-exact-aside{gap:14px!important}
.home .middle-exact-weather,.home .middle-exact-bus,.home .middle-exact-submit{border-radius:20px!important;box-shadow:0 8px 24px rgba(37,60,88,.07)!important}
.home .middle-exact-weather{padding:19px!important;background:linear-gradient(155deg,#fff 0%,#f6fbff 100%)!important;color:#15253d!important}
.home .middle-exact-weather__top{gap:13px!important}.home .middle-exact-weather__sun{font-size:42px!important}.home .middle-exact-weather__top strong{font-size:16px!important}.home .middle-exact-weather__top small{font-size:10.5px!important}
.home .middle-exact-weather__live{min-height:82px!important;margin:13px 0 10px!important;padding:10px 13px!important;border:1px solid #e9f0f7!important;border-radius:15px!important;background:#f3f8fd!important}
.home .middle-exact-weather__live .middle-header-weather{order:initial!important;width:100%!important;height:auto!important;min-height:60px!important;justify-content:flex-start!important;gap:14px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#10213a!important}
.home .middle-exact-weather__live .middle-header-weather__icon{font-size:38px!important}.home .middle-exact-weather__live .middle-header-weather strong{font-size:35px!important;line-height:1!important;color:#10213a!important}
.home .middle-exact-weather__city{display:flex;flex-direction:column;gap:3px;padding:4px 2px 10px}.home .middle-exact-weather__city strong{font-size:13px}.home .middle-exact-weather__city span{color:#8393a7;font-size:10.5px;line-height:1.4}
.home .middle-exact-weather__link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:42px!important;margin-top:2px!important;padding:0 13px!important;border-radius:12px!important;background:#eaf5ff!important;color:#1674e9!important;font-size:11px!important;font-weight:760!important}
.home .middle-exact-weather__link:hover{background:#dceeff!important;transform:translateX(2px)}

.home .middle-exact-bus{padding:17px!important}.home .middle-exact-bus header strong{font-size:15px!important}.home .middle-exact-bus header>a{font-size:10px!important}.home .middle-exact-bus>small{font-size:9.5px!important}.home .middle-exact-bus__row{min-height:42px!important;font-size:10.8px!important}.home .middle-exact-bus__row>b{width:31px!important;height:25px!important;font-size:11px!important}.home .middle-exact-bus__row i{font-size:9px!important}.home .middle-exact-bus__all{min-height:38px!important;font-size:10px!important}
.home .middle-exact-submit{min-height:165px!important;padding:21px!important}.home .middle-exact-submit__phone{font-size:66px!important}.home .middle-exact-submit strong{font-size:21px!important}.home .middle-exact-submit p{max-width:195px!important;font-size:11.5px!important}.home .middle-exact-submit>b{min-height:40px!important;font-size:10.5px!important}

.home .middle-exact-discuss{margin-top:24px!important}.home .middle-exact-discuss__grid{gap:13px!important}.home .middle-exact-discuss-card{border-radius:17px!important}.home .middle-exact-discuss-card__media{height:150px!important}.home .middle-exact-discuss-card>div{padding:12px 13px 14px!important}.home .middle-exact-discuss-card h3{font-size:13.5px!important;line-height:1.28!important}.home .middle-exact-discuss-card small{font-size:10px!important}

.home .middle-exact-ads{margin-bottom:28px!important}.home .middle-exact-ads__grid{grid-template-columns:minmax(0,1fr) 245px!important;gap:14px!important}.home .middle-exact-ads__cards{gap:12px!important}.home .middle-exact-ad-card{border-radius:17px!important}.home .middle-exact-ad-card__media{height:174px!important}.home .middle-exact-ad-card>div{padding:12px 13px 14px!important}.home .middle-exact-ad-card strong{font-size:15px!important}.home .middle-exact-ad-card h3{font-size:13px!important}.home .middle-exact-ad-card small{font-size:10px!important}.home .middle-exact-ads__cta{padding:22px!important;border-radius:19px!important}.home .middle-exact-ads__cta>span{font-size:50px!important}.home .middle-exact-ads__cta h3{font-size:19px!important}.home .middle-exact-ads__cta p{font-size:11.5px!important}.home .middle-exact-ads__cta .middle-btn{min-height:42px!important;font-size:10.5px!important}

.home .middle-exact-reader{grid-template-columns:315px 1fr!important;gap:15px!important;margin-bottom:28px!important;padding:20px 21px!important;border-radius:20px!important}.home .middle-exact-reader__title>img{width:50px!important;height:50px!important}.home .middle-exact-reader__title h2{font-size:25px!important}.home .middle-exact-reader__title p{font-size:11.5px!important}.home .middle-exact-reader__title>a{left:60px!important;font-size:10.5px!important}.home .middle-exact-reader__grid{gap:10px!important}.home .middle-exact-reader__grid article{grid-template-columns:106px 1fr!important;padding:8px!important;border-radius:12px!important}.home .middle-exact-reader__media{height:78px!important}.home .middle-exact-reader__grid h3{font-size:12px!important;line-height:1.25!important}.home .middle-exact-reader__grid small{font-size:9px!important}

/* New block before “Полезное”: jobs, real estate, auto and organizations. */
.home .middle-exact-opportunities{margin-bottom:28px!important}
.home .middle-exact-head--opportunities>div{align-items:center!important}.home .middle-exact-head--opportunities>div>div{display:flex;flex-direction:column;gap:4px}.home .middle-exact-head__emoji{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef5ff;font-size:18px}
.home .middle-exact-opportunities__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home .middle-exact-opportunity-card{position:relative;isolation:isolate;overflow:hidden;height:225px;border-radius:20px;background:#12233a;box-shadow:0 10px 26px rgba(28,55,86,.10);transition:transform .28s ease,box-shadow .28s ease}
.home .middle-exact-opportunity-card__media{position:absolute;z-index:-3;inset:0;display:block;background:#dfe8f2}.home .middle-exact-opportunity-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.home .middle-exact-opportunity-card__media--empty{display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#dcecff)}.home .middle-exact-opportunity-card__media--empty img{width:100px;height:100px;object-fit:contain;opacity:.64}
.home .middle-exact-opportunity-card__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(9,25,45,.12) 0%,rgba(9,25,45,.30) 40%,rgba(9,25,45,.91) 100%)}
.home .middle-exact-opportunity-card--work .middle-exact-opportunity-card__shade{background:linear-gradient(180deg,rgba(96,38,38,.08),rgba(76,26,32,.88))}.home .middle-exact-opportunity-card--realestate .middle-exact-opportunity-card__shade{background:linear-gradient(180deg,rgba(67,45,107,.07),rgba(53,31,88,.90))}.home .middle-exact-opportunity-card--auto .middle-exact-opportunity-card__shade{background:linear-gradient(180deg,rgba(17,70,116,.07),rgba(13,52,89,.90))}.home .middle-exact-opportunity-card--organizations .middle-exact-opportunity-card__shade{background:linear-gradient(180deg,rgba(13,88,70,.06),rgba(9,67,55,.90))}
.home .middle-exact-opportunity-card__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;padding:17px;color:#fff}.home .middle-exact-opportunity-card__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:auto;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(0,0,0,.10)}.home .middle-exact-opportunity-card__icon img{width:38px;height:38px;object-fit:contain}.home .middle-exact-opportunity-card__kicker{margin-bottom:3px;color:rgba(255,255,255,.75);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.home .middle-exact-opportunity-card h3{margin:0 0 5px;color:#fff;font-size:24px;line-height:1}.home .middle-exact-opportunity-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:94%;margin:0 0 12px;color:rgba(255,255,255,.88);font-size:11.5px;line-height:1.35}.home .middle-exact-opportunity-card__button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:10px;background:rgba(255,255,255,.94);color:#142742!important;font-size:10px;font-weight:780;transition:transform .18s ease,background .18s ease}.home .middle-exact-opportunity-card__button:hover{transform:translateX(3px);background:#fff}
.home .middle-exact-opportunity-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(28,55,86,.18)}.home .middle-exact-opportunity-card:hover .middle-exact-opportunity-card__media img{transform:scale(1.06)}

.home .middle-exact-useful{margin-bottom:28px!important}.home .middle-exact-useful__grid{gap:12px!important}.home .middle-exact-useful-card{height:102px!important;padding:12px 14px!important;border-radius:17px!important}.home .middle-exact-useful-card>span{width:50px!important;height:50px!important;font-size:24px!important}.home .middle-exact-useful-card strong{font-size:13px!important}.home .middle-exact-useful-card b{font-size:16px!important}
.home .middle-exact-bottom{gap:14px!important;margin-bottom:30px!important}.home .middle-exact-bottom-card{padding:17px 18px!important;border-radius:18px!important}.home .middle-exact-region__list{gap:11px!important}.home .middle-exact-region__list article{grid-template-columns:105px minmax(0,1fr)!important;gap:11px!important}.home .middle-exact-region__media{height:69px!important}.home .middle-exact-region h3{font-size:12.5px!important}.home .middle-exact-region small{font-size:9.5px!important}.home .middle-exact-photos__grid{grid-auto-rows:88px!important;gap:6px!important}.home .middle-exact-photos__grid span{font-size:9px!important}.home .middle-exact-attention li{grid-template-columns:36px 1fr!important;gap:10px!important}.home .middle-exact-attention li>span{width:36px!important;height:36px!important;font-size:11px!important}.home .middle-exact-attention li a{font-size:11.5px!important;line-height:1.3!important}

/* Entrance motion + lively micro-interactions. The extra class is added by home-exact.js so content stays visible if JS ever fails. */
.home.middle-home-motion [data-middle-reveal]{opacity:0;transform:translateY(24px) scale(.995);transition:opacity .62s ease,transform .68s cubic-bezier(.2,.8,.2,1)}
.home.middle-home-motion [data-middle-reveal].is-visible{opacity:1;transform:none}
.home.middle-home-motion [data-middle-reveal] .middle-home-motion-item{opacity:0;transform:translateY(16px) scale(.985)}
.home.middle-home-motion [data-middle-reveal].is-visible .middle-home-motion-item{animation:mcHomeCardIn .64s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--mc-stagger,0ms)}
.home .middle-exact-service__icon img{animation:mcIconFloat 4.8s ease-in-out infinite}.home .middle-exact-service:nth-child(2n) .middle-exact-service__icon img{animation-delay:-1.1s}.home .middle-exact-service:nth-child(3n) .middle-exact-service__icon img{animation-delay:-2.2s}
.home .middle-exact-news-row,.home .middle-exact-discuss-card,.home .middle-exact-ad-card,.home .middle-exact-reader__grid article,.home .middle-exact-useful-card,.home .middle-exact-bottom-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.home .middle-exact-news-row:hover,.home .middle-exact-discuss-card:hover,.home .middle-exact-ad-card:hover,.home .middle-exact-reader__grid article:hover,.home .middle-exact-useful-card:hover,.home .middle-exact-bottom-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(30,57,89,.12);border-color:#d2e1f2}
.home .middle-exact-featured__media img,.home .middle-exact-news-row__media img,.home .middle-exact-discuss-card__media img,.home .middle-exact-ad-card__media img,.home .middle-exact-reader__media img,.home .middle-exact-region__media img,.home .middle-exact-photos__grid img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.home .middle-exact-featured:hover .middle-exact-featured__media img,.home .middle-exact-news-row:hover .middle-exact-news-row__media img,.home .middle-exact-discuss-card:hover .middle-exact-discuss-card__media img,.home .middle-exact-ad-card:hover .middle-exact-ad-card__media img,.home .middle-exact-reader__grid article:hover .middle-exact-reader__media img,.home .middle-exact-region__list article:hover .middle-exact-region__media img,.home .middle-exact-photos__grid a:hover img{transform:scale(1.045)}

@keyframes mcHomeCardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes mcIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mcHeroBreath{0%{transform:scale(1.015)}100%{transform:scale(1.035)}}

@media(max-width:1500px){
  :root{--mc-home-canvas:1380px}
  .home .middle-exact-hero{height:380px!important}
  .home .middle-exact-hero h1{font-size:61px!important}
  .home .middle-exact-service__copy small{display:block!important}
  .home .middle-exact-topzone{grid-template-columns:minmax(0,1fr) 330px!important}
  .home .middle-exact-today__grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.86fr)!important}
  .home .middle-exact-featured,.home .middle-exact-news-list{height:405px!important}
  .home .middle-exact-news-row{grid-template-columns:125px minmax(0,1fr)!important}
  .home .middle-exact-news-row__media{height:84px!important}
  .home .middle-exact-opportunity-card{height:210px}
}
@media(max-width:1180px){
  :root{--mc-home-canvas:calc(100vw - 30px)}
  .home .middle-exact-opportunities__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home .middle-exact-opportunity-card{height:220px}
  .home .middle-exact-service__copy small{display:none!important}
}
@media(max-width:980px){
  .home .middle-exact-hero{width:calc(100% - 26px)!important;height:330px!important;border-radius:22px!important}
  .home .middle-exact-hero__copy{left:30px!important;top:42px!important}.home .middle-exact-hero h1{font-size:52px!important}.home .middle-exact-hero__copy p{font-size:15px!important}
  .home .middle-exact-services{grid-template-columns:repeat(4,1fr)!important;margin-top:-42px!important}
  .home .middle-exact-topzone{grid-template-columns:1fr!important}.home .middle-exact-aside{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:auto!important}
  .home .middle-exact-ads__cards{grid-template-columns:repeat(3,1fr)!important}.home .middle-exact-reader{grid-template-columns:1fr!important}.home .middle-exact-reader__title>a{left:auto!important;right:0!important;top:8px!important;bottom:auto!important}
  .home .middle-exact-useful__grid{grid-template-columns:repeat(3,1fr)!important}.home .middle-exact-bottom{grid-template-columns:1fr 1fr!important}.home .middle-exact-attention{grid-column:1/-1}
}
@media(max-width:720px){
  .home .middle-exact-hero{width:calc(100% - 18px)!important;height:250px!important;margin-top:8px!important;border-radius:18px!important}.home .middle-exact-hero__copy{left:18px!important;top:29px!important}.home .middle-exact-hero h1{font-size:40px!important}.home .middle-exact-hero__copy p{font-size:13px!important}.home .middle-exact-hero__weather,.home .middle-exact-hero__hand{display:none!important}
  .home .middle-exact-services,.home .middle-exact-topzone,.home .middle-exact-ads,.home .middle-exact-reader,.home .middle-exact-opportunities,.home .middle-exact-useful,.home .middle-exact-bottom{width:calc(100% - 18px)!important}
  .home .middle-exact-services{grid-template-columns:repeat(2,1fr)!important;margin-top:-24px!important}.home .middle-exact-service{height:68px!important}.home .middle-exact-service__copy small{display:block!important;font-size:10px!important}
  .home .middle-exact-head h2{font-size:22px!important}.home .middle-exact-today__grid{grid-template-columns:1fr!important}.home .middle-exact-featured{height:310px!important}.home .middle-exact-news-list{height:auto!important;grid-template-columns:1fr 1fr!important;grid-template-rows:none!important}.home .middle-exact-news-row{grid-template-columns:86px minmax(0,1fr)!important;min-height:90px}.home .middle-exact-news-row__media{height:70px!important}.home .middle-exact-news-row h3{font-size:12px!important}
  .home .middle-exact-aside{grid-template-columns:1fr!important}.home .middle-exact-discuss__grid{grid-template-columns:1fr 1fr!important}.home .middle-exact-discuss-card__media{height:125px!important}.home .middle-exact-ads__grid{grid-template-columns:1fr!important}.home .middle-exact-ads__cards{grid-template-columns:1fr 1fr!important}.home .middle-exact-ad-card__media{height:145px!important}.home .middle-exact-reader__grid{grid-template-columns:1fr 1fr!important}.home .middle-exact-opportunities__grid{grid-template-columns:1fr!important}.home .middle-exact-opportunity-card{height:205px}.home .middle-exact-useful__grid{grid-template-columns:1fr 1fr!important}.home .middle-exact-bottom{grid-template-columns:1fr!important}.home .middle-exact-attention{grid-column:auto}
}
@media(max-width:470px){
  .home .middle-exact-news-list,.home .middle-exact-discuss__grid,.home .middle-exact-reader__grid,.home .middle-exact-useful__grid{grid-template-columns:1fr!important}.home .middle-exact-ads__cards{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .home.middle-home-motion [data-middle-reveal],.home.middle-home-motion [data-middle-reveal] .middle-home-motion-item{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
  .home .middle-exact-hero::before,.home .middle-exact-service__icon img{animation:none!important;transform:none!important}
  .home .middle-exact-featured__media img,.home .middle-exact-news-row__media img,.home .middle-exact-discuss-card__media img,.home .middle-exact-ad-card__media img,.home .middle-exact-reader__media img,.home .middle-exact-region__media img,.home .middle-exact-photos__grid img{transition:none!important}
}

/* ========================================================================== 
   Middle Community 0.3.77 — hero full-frame, stable news grid, reader showcase,
   full-size regional news and polished homepage footer
   ========================================================================== */
:root{--mc-home-canvas:1540px}

/* Keep every major block on the same centered portal grid. */
.home .middle-exact-opportunities,
.home .middle-exact-region-showcase{
  width:min(var(--mc-home-canvas),calc(100% - 44px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* 1. Hero: the selected panorama is shown at its real aspect ratio, without
   throwing away the city letters, heart sculpture or bench. */
.home .middle-exact-hero{
  width:min(var(--mc-home-canvas),calc(100% - 44px))!important;
  height:auto!important;
  aspect-ratio:1448 / 480!important;
  margin:16px auto 0!important;
  border-radius:28px!important;
  background:none!important;
}
.home .middle-exact-hero::before{
  inset:0!important;
  background-image:var(--middle-exact-hero)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  transform:none!important;
  animation:none!important;
}
.home .middle-exact-hero__shade{
  background:linear-gradient(90deg,rgba(5,24,47,.62) 0%,rgba(5,24,47,.32) 34%,rgba(5,24,47,.02) 68%,rgba(5,24,47,.13) 100%)!important;
}
.home .middle-exact-hero__copy{top:52px!important}

/* 2. The main-news geometry no longer moves as a whole when revealed. Cards
   can animate independently, but the grid itself is always anchored. */
.home.middle-home-motion .middle-exact-topzone[data-middle-reveal]{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.home .middle-exact-topzone{position:relative!important;z-index:2!important;align-items:start!important;overflow:visible!important}
.home .middle-exact-topzone__main{position:relative!important;z-index:2!important;min-width:0!important;overflow:visible!important}
.home .middle-exact-today{position:relative!important;z-index:3!important;isolation:isolate!important}
.home .middle-exact-today__grid{align-items:stretch!important}
.home .middle-exact-featured,.home .middle-exact-news-list{position:relative!important;z-index:1!important}

/* 3. A calm, modern no-photo state for “Сейчас обсуждают”. */
.home .middle-exact-discuss-card__placeholder{
  position:relative;
  width:100%;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 24%,rgba(75,142,247,.20),transparent 26%),
    radial-gradient(circle at 84% 72%,rgba(97,207,170,.18),transparent 27%),
    linear-gradient(135deg,#eef5ff 0%,#f8fbff 50%,#edf9f5 100%);
  color:#4f698c;
}
.home .middle-exact-discuss-card__placeholder::before,
.home .middle-exact-discuss-card__placeholder::after{
  content:"";position:absolute;border-radius:999px;border:1px solid rgba(71,126,206,.14)
}
.home .middle-exact-discuss-card__placeholder::before{width:115px;height:115px;left:-38px;top:-50px}
.home .middle-exact-discuss-card__placeholder::after{width:88px;height:88px;right:-28px;bottom:-38px}
.home .middle-exact-discuss-card__placeholder-icon{
  position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;
  border-radius:19px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(50,92,145,.12);font-size:27px
}
.home .middle-exact-discuss-card__placeholder small{position:relative;z-index:1;font-size:11px!important;font-weight:750;color:#6d82a1!important}

/* 4. “Чепецк без прикрас” becomes a real signature block again. */
.home .middle-exact-reader{
  position:relative!important;isolation:isolate!important;display:block!important;
  min-height:330px!important;margin-bottom:34px!important;padding:30px 30px 28px!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:30px!important;
  background:
    radial-gradient(circle at 4% 12%,rgba(231,57,57,.22),transparent 25%),
    radial-gradient(circle at 91% 110%,rgba(39,91,148,.20),transparent 36%),
    linear-gradient(135deg,#182330 0%,#101820 52%,#142235 100%)!important;
  box-shadow:0 22px 52px rgba(12,25,40,.20)!important;color:#fff!important;overflow:hidden!important;
}
.home .middle-exact-reader::before{
  content:"";position:absolute;z-index:-1;inset:0;opacity:.22;
  background:linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.035) 48% 49%,transparent 50% 100%);
  background-size:34px 34px;
}
.home .middle-exact-reader__title{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:24px!important;margin-bottom:22px!important;min-height:98px!important;color:#fff!important
}
.home .middle-exact-reader__brand{display:flex;align-items:center;gap:20px;min-width:0}
.home .middle-exact-reader__eye-orb{
  position:relative;flex:0 0 auto;display:grid;place-items:center;width:84px;height:84px;border-radius:28px;
  background:radial-gradient(circle at 50% 45%,rgba(255,99,79,.26),rgba(126,30,37,.24) 48%,rgba(255,255,255,.035) 70%);
  box-shadow:0 0 0 1px rgba(255,111,87,.20),0 0 38px rgba(232,56,51,.28),inset 0 0 24px rgba(255,115,82,.08)
}
.home .middle-exact-reader__eye-orb>img{width:62px!important;height:62px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.home .middle-exact-reader__eye-orb>i{
  position:absolute;right:-10px;top:-12px;display:grid;place-items:center;width:38px;height:38px;border-radius:14px;
  background:linear-gradient(145deg,#ff4d39,#ff8d3e);box-shadow:0 8px 23px rgba(255,73,46,.38);font-size:20px;font-style:normal;
  animation:mcReaderFire 2.5s ease-in-out infinite
}
.home .middle-exact-reader__kicker{display:block;margin-bottom:5px;color:#ff8f7a;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.home .middle-exact-reader__title h2{margin:0 0 7px!important;color:#fff!important;font-size:31px!important;line-height:1!important;letter-spacing:-.035em}
.home .middle-exact-reader__title p{max-width:680px!important;margin:0!important;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.5!important}
.home .middle-exact-reader__title>a{
  position:static!important;display:inline-flex!important;align-items:center;gap:8px;flex:0 0 auto;
  min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;
  background:rgba(255,255,255,.07);color:#fff!important;font-size:11.5px!important;font-weight:760!important;
  transition:background .2s ease,transform .2s ease
}
.home .middle-exact-reader__title>a:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.home .middle-exact-reader__grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.home .middle-exact-reader__grid article{
  display:block!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;
  background:rgba(255,255,255,.065)!important;box-shadow:none!important;backdrop-filter:blur(7px)
}
.home .middle-exact-reader__media{display:block!important;height:122px!important;border-radius:0!important;background:#1b2939!important;overflow:hidden!important}
.home .middle-exact-reader__media img{width:100%;height:100%;object-fit:cover;display:block}
.home .middle-exact-reader__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:linear-gradient(135deg,#24374a,#162433);color:#fff}
.home .middle-exact-reader__placeholder img{width:58px!important;height:58px!important;object-fit:contain!important;opacity:.86}.home .middle-exact-reader__placeholder small{color:rgba(255,255,255,.56)!important;font-size:9px!important}
.home .middle-exact-reader__grid article>div{padding:13px 14px 15px!important}
.home .middle-exact-reader__grid h3{margin:0 0 9px!important;font-size:13.5px!important;line-height:1.32!important}.home .middle-exact-reader__grid h3 a{color:#fff!important}
.home .middle-exact-reader__grid small{color:rgba(255,255,255,.54)!important;font-size:9.8px!important}
@keyframes mcReaderFire{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(4deg)}}

/* 5. Opportunities: center it explicitly and prevent the 4-card grid from
   inheriting full-viewport width. */
.home .middle-exact-opportunities{margin-top:4px!important;margin-bottom:34px!important}
.home .middle-exact-opportunities__grid{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.home .middle-exact-opportunity-card{min-width:0!important}

/* 6. Regional news now has the same visual weight as the city-news section. */
.home .middle-exact-region-showcase{
  margin-top:2px!important;margin-bottom:34px!important;padding:24px!important;border:1px solid #e0e9f3!important;border-radius:28px!important;
  background:linear-gradient(145deg,#fafdff 0%,#f2f8ff 100%)!important;box-shadow:0 14px 38px rgba(29,62,98,.06)!important
}
.home .middle-exact-region-showcase__head{margin-bottom:17px!important}.home .middle-exact-region-showcase__head>div>div{display:flex;flex-direction:column;gap:4px}.home .middle-exact-region-showcase__head h2{font-size:28px!important}.home .middle-exact-region-showcase__head small{font-size:12px!important;color:#7890aa!important}
.home .middle-exact-region-showcase__grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.82fr);gap:15px;align-items:stretch}
.home .middle-exact-region-featured{position:relative;isolation:isolate;overflow:hidden;height:430px;border-radius:22px;background:#dfe8f2;box-shadow:0 12px 30px rgba(37,66,98,.09)}
.home .middle-exact-region-featured__media{position:absolute;z-index:-3;inset:0;display:block}.home .middle-exact-region-featured__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.home .middle-exact-region-featured__shade{position:absolute;z-index:-2;inset:28% 0 0;background:linear-gradient(180deg,transparent,rgba(9,31,55,.92))}
.home .middle-exact-region-featured__copy{position:absolute;left:24px;right:24px;bottom:22px;color:#fff}.home .middle-exact-region-featured__copy>span{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border-radius:999px;background:#2d7fe6;color:#fff;font-size:10px;font-weight:800}
.home .middle-exact-region-featured__copy h3{margin:10px 0 7px;font-size:29px;line-height:1.08}.home .middle-exact-region-featured__copy h3 a{color:#fff!important}.home .middle-exact-region-featured__copy p{margin:0 0 10px;color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.45}.home .middle-exact-region-featured__copy>div{display:flex;gap:16px;color:rgba(255,255,255,.70);font-size:10.5px}
.home .middle-exact-region-featured:hover .middle-exact-region-featured__media img{transform:scale(1.035)}
.home .middle-exact-region-showcase__list{display:grid;height:430px;grid-template-rows:repeat(4,1fr);gap:10px;min-width:0}
.home .middle-exact-region-story{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;min-height:0;padding:9px;border:1px solid #dfe8f2;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(31,57,87,.045);transition:transform .23s ease,box-shadow .23s ease}
.home .middle-exact-region-story:hover{transform:translateY(-3px);box-shadow:0 13px 27px rgba(31,57,87,.09)}
.home .middle-exact-region-story__media{display:block;height:91px;overflow:hidden;border-radius:12px;background:#edf2f7}.home .middle-exact-region-story__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.home .middle-exact-region-story:hover .middle-exact-region-story__media img{transform:scale(1.04)}
.home .middle-exact-region-story>div{display:flex;min-width:0;flex-direction:column;justify-content:center}.home .middle-exact-region-story>div>span{color:#2479dc;font-size:9.5px;font-weight:800;text-transform:uppercase}.home .middle-exact-region-story h3{margin:4px 0 6px;font-size:14px;line-height:1.28}.home .middle-exact-region-story h3 a{color:#14243b}.home .middle-exact-region-story small{color:#7b8da3;font-size:10px}

/* Bottom is now a cleaner two-column visual finish. */
.home .middle-exact-bottom{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)!important;gap:18px!important;margin-bottom:0!important}
.home .middle-exact-bottom-card{min-height:330px!important;padding:21px!important;border-radius:24px!important;box-shadow:0 12px 32px rgba(31,60,94,.06)!important}
.home .middle-exact-photos__grid{grid-auto-rows:118px!important;gap:8px!important}.home .middle-exact-photos__grid a.is-featured{grid-row:span 2!important}.home .middle-exact-photos__grid span{font-size:10.5px!important}
.home .middle-exact-attention li{min-height:48px!important;align-items:center!important}.home .middle-exact-attention li a{font-size:13px!important;line-height:1.34!important}.home .middle-exact-attention li>span{width:40px!important;height:40px!important;font-size:12px!important}

/* 7. Homepage footer: spacious, aligned to the same canvas and visually
   separated from the content instead of looking like a compressed afterthought. */
.home .middle-site-footer--home{margin-top:34px!important;padding:0!important;border-top:0!important;background:transparent!important}
.home .middle-footer-home{width:min(var(--mc-home-canvas),calc(100% - 44px));margin:0 auto 18px;overflow:hidden;border:1px solid #dfe8f2;border-radius:30px;background:#fff;box-shadow:0 16px 42px rgba(29,57,89,.08)}
.home .middle-footer-home__top{display:grid;grid-template-columns:1.45fr .85fr 1.05fr .8fr;gap:30px;padding:34px 34px 30px}
.home .middle-footer-home__brand-link{display:flex;align-items:center;gap:13px;color:#13243d}.home .middle-footer-home__logo{width:54px!important;height:54px!important;object-fit:contain!important;border-radius:15px}.home .middle-footer-home__brand-link span{display:flex;flex-direction:column;gap:3px}.home .middle-footer-home__brand-link strong{font-size:20px;line-height:1.05}.home .middle-footer-home__brand-link small{color:#71859d;font-size:10.5px}
.home .middle-footer-home__brand>p{max-width:430px;margin:15px 0 0;color:#718298;font-size:12.5px;line-height:1.6}
.home .middle-footer-home__nav,.home .middle-footer-home__legal,.home .middle-footer-home__actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.home .middle-footer-home__nav>strong,.home .middle-footer-home__legal>strong,.home .middle-footer-home__actions>strong{margin-bottom:4px;color:#14243b;font-size:13px}.home .middle-footer-home__nav ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.home .middle-footer-home__nav a,.home .middle-footer-home__legal a,.home .middle-footer-home__legal button{padding:0;border:0;background:none;color:#64788f;font:inherit;font-size:11.5px;line-height:1.4;text-align:left;cursor:pointer}.home .middle-footer-home__nav a:hover,.home .middle-footer-home__legal a:hover,.home .middle-footer-home__legal button:hover{color:#1779eb}
.home .middle-footer-home__actions p{margin:0;color:#74869b;font-size:11.5px;line-height:1.55}.home .middle-footer-home__top-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin-top:6px;padding:0 15px;border:1px solid #d9e6f5;border-radius:13px;background:#f3f8ff;color:#176fd9;font-weight:760;cursor:pointer;transition:transform .2s ease,background .2s ease}.home .middle-footer-home__top-button:hover{transform:translateY(-2px);background:#eaf4ff}
.home .middle-footer-home__bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:12px 34px;border-top:1px solid #edf2f7;background:#f8fafc;color:#8090a4;font-size:10.5px}.home .middle-footer-home__bottom .middle-footer-credit{margin-left:auto;color:#73849a;font-size:10.5px}.home .middle-footer-home__metrika{display:inline-flex;align-items:center}

@media(max-width:1500px){
  .home .middle-exact-hero{aspect-ratio:1448/480!important;height:auto!important}
  .home .middle-exact-region-showcase__grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.84fr)}
  .home .middle-exact-region-featured,.home .middle-exact-region-showcase__list{height:405px}
  .home .middle-exact-region-story{grid-template-columns:125px minmax(0,1fr)}.home .middle-exact-region-story__media{height:84px}
  .home .middle-footer-home__top{grid-template-columns:1.3fr .8fr 1fr .8fr;gap:24px;padding-left:28px;padding-right:28px}
}
@media(max-width:1180px){
  .home .middle-exact-opportunities__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home .middle-exact-region-showcase__grid{grid-template-columns:1fr!important}.home .middle-exact-region-showcase__list{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important}.home .middle-exact-region-story{min-height:105px}
  .home .middle-footer-home__top{grid-template-columns:1.35fr 1fr 1fr}.home .middle-footer-home__actions{grid-column:1/-1;flex-direction:row;align-items:center}.home .middle-footer-home__actions p{max-width:520px}.home .middle-footer-home__top-button{margin-left:auto}
}
@media(max-width:980px){
  .home .middle-exact-hero{width:calc(100% - 26px)!important;aspect-ratio:1448/480!important;height:auto!important}
  .home .middle-exact-reader__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home .middle-exact-reader__title{align-items:flex-start!important}.home .middle-exact-reader__brand{align-items:flex-start}.home .middle-exact-reader__title>a{margin-left:auto}
  .home .middle-exact-region-showcase{width:calc(100% - 26px)!important}
  .home .middle-exact-bottom{grid-template-columns:1fr!important}
  .home .middle-footer-home{width:calc(100% - 26px)}.home .middle-footer-home__top{grid-template-columns:1fr 1fr}.home .middle-footer-home__brand{grid-column:1/-1}.home .middle-footer-home__actions{grid-column:1/-1}
}
@media(max-width:720px){
  .home .middle-exact-hero{width:calc(100% - 18px)!important;height:250px!important;aspect-ratio:auto!important;background-image:var(--middle-exact-hero)!important;background-size:cover!important;background-position:center!important}.home .middle-exact-hero::before{display:none!important}
  .home .middle-exact-opportunities,.home .middle-exact-region-showcase{width:calc(100% - 18px)!important}
  .home .middle-exact-reader{padding:22px!important;border-radius:24px!important}.home .middle-exact-reader__title{display:block!important}.home .middle-exact-reader__brand{gap:14px}.home .middle-exact-reader__eye-orb{width:68px;height:68px;border-radius:22px}.home .middle-exact-reader__eye-orb>img{width:50px!important;height:50px!important}.home .middle-exact-reader__title h2{font-size:25px!important}.home .middle-exact-reader__title>a{margin-top:15px!important}.home .middle-exact-reader__grid{grid-template-columns:1fr 1fr!important}.home .middle-exact-reader__media{height:110px!important}
  .home .middle-exact-region-showcase{padding:18px!important;border-radius:22px!important}.home .middle-exact-region-featured{height:315px!important}.home .middle-exact-region-featured__copy h3{font-size:23px}.home .middle-exact-region-showcase__list{grid-template-columns:1fr!important}.home .middle-exact-region-story{grid-template-columns:100px minmax(0,1fr)}.home .middle-exact-region-story__media{height:74px}
  .home .middle-footer-home{width:calc(100% - 18px);border-radius:22px}.home .middle-footer-home__top{grid-template-columns:1fr;padding:24px 22px}.home .middle-footer-home__brand,.home .middle-footer-home__actions{grid-column:auto}.home .middle-footer-home__actions{display:flex;flex-direction:column;align-items:flex-start}.home .middle-footer-home__top-button{margin-left:0}.home .middle-footer-home__bottom{align-items:flex-start;flex-direction:column;padding:16px 22px}.home .middle-footer-home__bottom .middle-footer-credit{margin-left:0}
}
@media(max-width:470px){
  .home .middle-exact-reader__grid{grid-template-columns:1fr!important}
  .home .middle-exact-region-showcase__head>div{align-items:flex-start!important}.home .middle-exact-region-showcase__head h2{font-size:23px!important}
}
@media(prefers-reduced-motion:reduce){.home .middle-exact-reader__eye-orb>i{animation:none!important}}
@media(min-width:981px){
  .home .middle-exact-hero__weather{top:165px!important;bottom:auto!important}
}

/* ========================================================================== 
   Middle Community 0.3.78 — hero/photo rail, stable news grid, attention card
   ========================================================================== */

/* 1. Panorama + three real photographic city cards. The photo itself is no
   longer covered by the service row, so the “КИРОВО ЧЕПЕЦК” installation
   remains visible. */
.home .middle-exact-hero-zone{
  width:min(var(--mc-home-canvas),calc(100% - 44px));
  margin:8px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:12px;
  align-items:stretch;
}
.home .middle-exact-hero-zone>.middle-exact-hero{
  width:100%!important;
  margin:0!important;
  height:auto!important;
  aspect-ratio:1448/480!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:none!important;
  box-shadow:0 17px 42px rgba(25,58,91,.13)!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero::before{
  inset:0!important;
  background-image:var(--middle-exact-hero)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  animation:none!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__shade{
  background:
    linear-gradient(90deg,rgba(6,27,50,.48) 0%,rgba(6,27,50,.22) 32%,rgba(6,27,50,0) 60%),
    linear-gradient(180deg,rgba(6,27,50,.14) 0%,rgba(6,27,50,0) 45%)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy{
  left:28px!important;
  top:25px!important;
  max-width:580px!important;
  padding:0!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__city{
  margin-bottom:6px!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.home .middle-exact-hero-zone .middle-exact-hero h1{
  max-width:560px!important;
  margin:0!important;
  font-size:46px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  text-shadow:0 4px 18px rgba(0,0,0,.24)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero h1 em{
  font-size:.86em!important;
  white-space:nowrap;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy p{
  margin-top:10px!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.home .middle-exact-hero-minis{
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:10px;
  min-height:0;
}
.home .middle-exact-hero-mini{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:0;
  border-radius:20px;
  background:#dfe8f2;
  box-shadow:0 9px 24px rgba(26,57,91,.10);
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease;
}
.home .middle-exact-hero-mini::after{
  content:"";
  position:absolute;
  z-index:3;
  top:-35%;bottom:-35%;left:-55%;
  width:35%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:skewX(-18deg);
  transition:left .55s cubic-bezier(.22,.8,.2,1);
  pointer-events:none;
}
.home .middle-exact-hero-mini:hover{
  transform:translateX(6px);
  box-shadow:0 15px 32px rgba(26,57,91,.16);
}
.home .middle-exact-hero-mini:hover::after{left:125%}
.home .middle-exact-hero-mini__media{position:absolute;z-index:-3;inset:0;display:block}
.home .middle-exact-hero-mini__media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.home .middle-exact-hero-mini:hover .middle-exact-hero-mini__media img{transform:scale(1.085) translateX(-2px)}
.home .middle-exact-hero-mini__shade{position:absolute;z-index:-2;inset:20% 0 0;background:linear-gradient(180deg,transparent,rgba(8,27,48,.86))}
.home .middle-exact-hero-mini__copy{position:absolute;z-index:2;left:15px;right:13px;bottom:12px;display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:end;color:#fff}
.home .middle-exact-hero-mini__copy small{grid-column:1;display:block;color:rgba(255,255,255,.76);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.home .middle-exact-hero-mini__copy strong{grid-column:1;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;font-size:12.5px;line-height:1.2}
.home .middle-exact-hero-mini__copy i{grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-style:normal;backdrop-filter:blur(8px)}

/* Services start below the panorama instead of hiding the letters on it. */
.home .middle-exact-services{
  margin-top:13px!important;
  margin-bottom:30px!important;
}
.home .middle-exact-service{
  overflow:hidden!important;
  height:88px!important;
  transition:box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
}
.home .middle-exact-service:hover{
  transform:none!important;
  border-color:#c9dcf4!important;
  background:linear-gradient(145deg,#fff,#f6faff)!important;
  box-shadow:0 15px 34px rgba(31,60,92,.14)!important;
}
.home .middle-exact-service:hover .middle-exact-service__icon{
  transform:rotate(-5deg) scale(1.07);
}
.home .middle-exact-service__icon{transition:transform .32s cubic-bezier(.2,.8,.2,1)!important}
.home .middle-exact-service__copy{min-width:0!important;overflow:hidden!important;gap:3px!important}
.home .middle-exact-service__copy strong,
.home .middle-exact-service__copy small{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;
}
.home .middle-exact-service__copy strong{-webkit-line-clamp:2!important;font-size:13.5px!important;line-height:1.12!important}
.home .middle-exact-service__copy small{-webkit-line-clamp:2!important;font-size:10.4px!important;line-height:1.2!important}

/* 2. Five city news items are locked into a stable 1 + 4 composition. Long
   headlines are clamped instead of making the fifth card overlap neighbours. */
.home .middle-exact-today__grid{
  align-items:stretch!important;
  grid-template-columns:minmax(0,1.28fr) minmax(365px,.82fr)!important;
  gap:14px!important;
}
.home .middle-exact-featured,
.home .middle-exact-news-list{
  height:455px!important;
  min-height:455px!important;
  max-height:455px!important;
}
.home .middle-exact-news-list{
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:hidden!important;
}
.home .middle-exact-news-row{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  grid-template-columns:138px minmax(0,1fr)!important;
  gap:11px!important;
  padding:8px!important;
}
.home .middle-exact-news-row__media{
  height:100%!important;
  min-height:0!important;
  max-height:90px!important;
  align-self:center!important;
}
.home .middle-exact-news-row__copy{min-width:0!important;overflow:hidden!important}
.home .middle-exact-news-row h3{
  display:-webkit-box!important;
  overflow:hidden!important;
  margin:4px 0 5px!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  font-size:13.5px!important;
  line-height:1.24!important;
}
.home .middle-exact-news-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* “Полезное для жизни” also keeps its labels inside the card. */
.home .middle-exact-useful-card{min-width:0!important;overflow:hidden!important}
.home .middle-exact-useful-card strong{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.22!important}
.home .middle-exact-useful-card b{flex:0 0 auto!important}

/* 3. A magazine-like “В центре внимания” instead of the old numbered list. */
.home .middle-exact-attention{padding:20px!important;background:linear-gradient(145deg,#fff,#f7faff)!important}
.home .middle-exact-attention .middle-exact-head>div>div{display:flex;flex-direction:column;gap:3px}
.home .middle-exact-attention .middle-exact-head small{color:#8091a7!important;font-size:10.5px!important;font-weight:560!important}
.home .middle-exact-attention-featured{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:14px;
  overflow:hidden;
  min-height:132px;
  margin-bottom:12px;
  padding:9px;
  border:1px solid #dfE8f3;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 24px rgba(27,56,88,.065);
}
.home .middle-exact-attention-featured__media{display:block;overflow:hidden;height:112px;border-radius:15px;background:#edf3fa}
.home .middle-exact-attention-featured__media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.home .middle-exact-attention-featured:hover .middle-exact-attention-featured__media>img{transform:scale(1.045)}
.home .middle-exact-attention-featured__placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:radial-gradient(circle at 30% 20%,#fff3dc,transparent 42%),linear-gradient(135deg,#fff7e9,#eef5ff)}
.home .middle-exact-attention-featured__placeholder img{width:44px;height:44px}.home .middle-exact-attention-featured__placeholder small{color:#be7646!important;font-size:9px!important;font-weight:800!important}
.home .middle-exact-attention-featured__copy{display:flex;min-width:0;flex-direction:column;justify-content:center}
.home .middle-exact-attention-featured__copy>span{color:#ed6648;font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.home .middle-exact-attention-featured__copy h3{display:-webkit-box;overflow:hidden;margin:6px 0 8px;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.22}
.home .middle-exact-attention-featured__copy h3 a{color:#14263e}
.home .middle-exact-attention-featured__copy>small{color:#8091a5!important;font-size:9.5px!important}
.home .middle-exact-attention-list{display:grid;gap:8px}
.home .middle-exact-attention-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 25px;
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:8px 9px;
  border:1px solid #e5ecf4;
  border-radius:15px;
  background:#fff;
  color:#182a42;
  transition:background .22s ease,border-color .22s ease,transform .22s ease;
}
.home .middle-exact-attention-item:hover{transform:translateX(3px);border-color:#cfe0f3;background:#fafdff}
.home .middle-exact-attention-item__index{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf4ff;color:#2e70de;font-size:12px;font-weight:850}
.home .middle-exact-attention-item__copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.home .middle-exact-attention-item__copy strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.25}
.home .middle-exact-attention-item__copy small{color:#8a98a9!important;font-size:8.8px!important}
.home .middle-exact-attention-item>i{color:#83a1c9;font-style:normal;font-size:15px}

/* 4. Footer navigation is now a real set of portal links even if the admin has
   not assigned a WordPress footer menu. */
.home .middle-footer-home__section-list{display:grid!important;gap:6px!important;width:100%;margin:0!important;padding:0!important;list-style:none!important}
.home .middle-footer-home__section-list li{margin:0!important;padding:0!important}
.home .middle-footer-home__section-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:30px!important;width:100%!important;padding:0 2px!important;color:#64788f!important;font-size:11.5px!important}
.home .middle-footer-home__section-list a i{color:#9bb0c9;font-style:normal;transition:transform .2s ease}
.home .middle-footer-home__section-list a:hover{color:#1779eb!important}.home .middle-footer-home__section-list a:hover i{transform:translateX(3px)}

@media(max-width:1180px){
  .home .middle-exact-hero-zone{grid-template-columns:minmax(0,1fr) 280px}
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:40px!important}
  .home .middle-exact-hero-mini__copy strong{font-size:11.5px}
  .home .middle-exact-today__grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important}
  .home .middle-exact-news-row{grid-template-columns:120px minmax(0,1fr)!important}
}
@media(max-width:980px){
  .home .middle-exact-hero-zone{width:calc(100% - 26px)!important;grid-template-columns:1fr;gap:10px}
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1448/480!important}
  .home .middle-exact-hero-minis{grid-template-columns:repeat(3,1fr);grid-template-rows:none;height:135px}
  .home .middle-exact-hero-mini:hover{transform:translateY(-3px)}
  .home .middle-exact-services{margin-top:12px!important}
  .home .middle-exact-today__grid{grid-template-columns:1fr!important}
  .home .middle-exact-featured{height:380px!important;min-height:380px!important;max-height:380px!important}
  .home .middle-exact-news-list{height:auto!important;min-height:0!important;max-height:none!important;grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;overflow:visible!important}
  .home .middle-exact-news-row{min-height:105px!important;grid-template-columns:105px minmax(0,1fr)!important}
  .home .middle-exact-news-row__media{height:86px!important;max-height:none!important}
}
@media(max-width:720px){
  .home .middle-exact-hero-zone{width:calc(100% - 18px)!important;margin-top:7px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{height:auto!important;aspect-ratio:1.72/1!important;background:none!important}
  .home .middle-exact-hero-zone>.middle-exact-hero::before{display:block!important;background-size:cover!important;background-position:center!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy{left:16px!important;top:18px!important;right:16px!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:34px!important}.home .middle-exact-hero-zone .middle-exact-hero h1 em{white-space:normal}
  .home .middle-exact-hero-zone .middle-exact-hero__copy p{font-size:12px!important}
  .home .middle-exact-hero-minis{height:auto;grid-template-columns:1fr 1fr;grid-auto-rows:115px}.home .middle-exact-hero-mini:first-child{grid-column:1/-1}
  .home .middle-exact-service{height:78px!important}.home .middle-exact-service__copy strong{font-size:12.5px!important}.home .middle-exact-service__copy small{font-size:9.8px!important}
  .home .middle-exact-featured{height:320px!important;min-height:320px!important;max-height:320px!important}
  .home .middle-exact-news-list{grid-template-columns:1fr!important}
  .home .middle-exact-attention-featured{grid-template-columns:112px minmax(0,1fr)}.home .middle-exact-attention-featured__media{height:100px}.home .middle-exact-attention-featured__copy h3{font-size:14px}
}
@media(max-width:470px){
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1.45/1!important}.home .middle-exact-hero-zone .middle-exact-hero h1{font-size:30px!important}
  .home .middle-exact-hero-minis{grid-template-columns:1fr;grid-auto-rows:112px}.home .middle-exact-hero-mini:first-child{grid-column:auto}
  .home .middle-exact-attention-featured{grid-template-columns:1fr}.home .middle-exact-attention-featured__media{height:135px}
}

/* ========================================================================== 
   Middle Community 0.3.79 — full panorama + mobile-first refinement
   ========================================================================== */

/* The hero is now the actual image, not a cropped CSS background. This keeps
   the complete “КИРОВО ЧЕПЕЦК” installation visible at every desktop width. */
.home .middle-exact-hero-zone{
  display:block!important;
  width:min(var(--mc-home-canvas),calc(100% - 44px))!important;
  margin:-1px auto 0!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:none!important;
  box-shadow:0 17px 42px rgba(25,58,91,.13)!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero::before{display:none!important}
.home .middle-exact-hero__image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1448/480!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#dceaf3;
}
.home .middle-exact-hero-zone .middle-exact-hero__shade{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(5,25,49,.42) 0%,rgba(5,25,49,.18) 30%,rgba(5,25,49,0) 57%)!important;
  pointer-events:none!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy{
  left:30px!important;
  top:25px!important;
  max-width:570px!important;
}
.home .middle-exact-hero-zone .middle-exact-hero h1{font-size:46px!important}
.home .middle-exact-services{margin-top:14px!important}

/* Never break a Russian word in the middle just to fill a service card. */
.home .middle-exact-service__copy strong,
.home .middle-exact-service__copy small{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.home .middle-exact-service--purple .middle-exact-service__copy strong{
  display:block!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12.6px!important;
  letter-spacing:-.018em!important;
}

/* Tablet: retain the complete panorama; no auxiliary photo rail. */
@media(max-width:980px){
  .home .middle-exact-hero-zone{width:calc(100% - 26px)!important;margin-top:0!important}
  .home .middle-exact-hero__image{aspect-ratio:1448/480!important;object-fit:contain!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy{left:22px!important;top:20px!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:36px!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy p{margin-top:8px!important;font-size:12.5px!important}
  .home .middle-exact-services{margin-top:12px!important}
}

/* Mobile homepage: deliberate phone layout rather than a squeezed desktop. */
@media(max-width:720px){
  body.home,body.front-page{overflow-x:hidden!important;background:#f5f8fc!important}
  .home .middle-layout--exact-home,.home main.middle-exact-home{overflow:visible!important}
  .home .middle-home-topnav{display:none!important}

  .home .middle-exact-hero-zone,
  .home .middle-exact-services,.home .middle-exact-topzone,.home .middle-exact-ads,
  .home .middle-exact-reader,.home .middle-exact-opportunities,.home .middle-exact-region-showcase,
  .home .middle-exact-useful,.home .middle-exact-bottom{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .home .middle-exact-hero-zone{margin-top:8px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(25,58,91,.12)!important;
  }
  .home .middle-exact-hero__image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1448/480!important;
    object-fit:contain!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__shade{
    background:linear-gradient(90deg,rgba(5,25,49,.40),rgba(5,25,49,.08) 52%,transparent 72%)!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:14px!important;top:12px!important;right:auto!important;max-width:58%!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{font-size:8.5px!important;margin-bottom:3px!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:22px!important;line-height:.96!important;letter-spacing:-.04em!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1 em{display:block!important;font-size:.82em!important;white-space:normal!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy p{display:none!important}

  .home .middle-exact-services{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;margin-top:10px!important;margin-bottom:22px!important;
  }
  .home .middle-exact-service{
    height:70px!important;min-height:70px!important;padding:9px 10px!important;
    justify-content:flex-start!important;border-radius:16px!important;gap:8px!important;
  }
  .home .middle-exact-service__icon{width:38px!important;height:38px!important;border-radius:12px!important}
  .home .middle-exact-service__icon img{width:31px!important;height:31px!important}
  .home .middle-exact-service__copy strong{font-size:12px!important;line-height:1.12!important}
  .home .middle-exact-service__copy small{display:block!important;font-size:9px!important;line-height:1.15!important}
  .home .middle-exact-service--purple .middle-exact-service__copy strong{font-size:11.3px!important;letter-spacing:-.025em!important}

  .home .middle-exact-head{align-items:flex-start!important;min-height:0!important;margin-bottom:12px!important}
  .home .middle-exact-head>div{align-items:center!important;flex-wrap:wrap!important;gap:7px!important}
  .home .middle-exact-head h2{font-size:21px!important;line-height:1.08!important}
  .home .middle-exact-head>div>small{flex:0 0 100%;padding-left:34px!important;font-size:9px!important}
  .home .middle-exact-head>a{font-size:10px!important;white-space:nowrap!important}

  .home .middle-exact-topzone{display:block!important}
  .home .middle-exact-today__grid{grid-template-columns:1fr!important;gap:10px!important}
  .home .middle-exact-featured{height:270px!important;min-height:270px!important;max-height:270px!important;border-radius:20px!important}
  .home .middle-exact-featured__copy{padding:18px!important}
  .home .middle-exact-featured__copy h3{font-size:21px!important;line-height:1.08!important}
  .home .middle-exact-featured__copy p{display:none!important}
  .home .middle-exact-news-list{height:auto!important;max-height:none!important;overflow:visible!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:8px!important}
  .home .middle-exact-news-row{min-height:92px!important;grid-template-columns:106px minmax(0,1fr)!important;padding:7px!important;border-radius:16px!important}
  .home .middle-exact-news-row__media{height:76px!important;max-height:76px!important;border-radius:12px!important}
  .home .middle-exact-news-row h3{font-size:12.5px!important;line-height:1.23!important;-webkit-line-clamp:3!important}

  .home .middle-exact-aside{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .home .middle-exact-weather,.home .middle-exact-buses,.home .middle-exact-publish{border-radius:20px!important}

  /* Horizontal swipe rows feel much better than tiny two-column cards. */
  .home .middle-exact-discuss__grid{
    display:flex!important;grid-template-columns:none!important;gap:10px!important;
    overflow-x:auto!important;scroll-snap-type:x mandatory;padding:0 2px 7px!important;scrollbar-width:none!important;
  }
  .home .middle-exact-discuss__grid::-webkit-scrollbar{display:none!important}
  .home .middle-exact-discuss-card{flex:0 0 78%!important;scroll-snap-align:start;border-radius:18px!important}
  .home .middle-exact-discuss-card__media{height:150px!important}

  .home .middle-exact-ads__grid{grid-template-columns:1fr!important;gap:10px!important}
  .home .middle-exact-ads__cards{
    display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;
    scroll-snap-type:x mandatory;padding:0 2px 7px!important;scrollbar-width:none!important;
  }
  .home .middle-exact-ads__cards::-webkit-scrollbar{display:none!important}
  .home .middle-exact-ad-card{flex:0 0 72%!important;scroll-snap-align:start;border-radius:18px!important}
  .home .middle-exact-ad-card__media{height:185px!important}
  .home .middle-exact-ads__cta{min-height:150px!important;border-radius:20px!important}

  .home .middle-exact-reader{padding:19px!important;border-radius:22px!important}
  .home .middle-exact-reader__title{display:block!important}
  .home .middle-exact-reader__brand{align-items:flex-start!important;gap:12px!important}
  .home .middle-exact-reader__eye-orb{width:60px!important;height:60px!important;flex:0 0 60px!important;border-radius:20px!important}
  .home .middle-exact-reader__eye-orb>img{width:46px!important;height:46px!important}
  .home .middle-exact-reader__title h2{font-size:24px!important}
  .home .middle-exact-reader__title p{font-size:11.5px!important;line-height:1.45!important}
  .home .middle-exact-reader__title>a{position:static!important;display:inline-flex!important;margin-top:13px!important}
  .home .middle-exact-reader__grid{
    display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;
    scroll-snap-type:x mandatory;padding:2px 0 6px!important;scrollbar-width:none!important;
  }
  .home .middle-exact-reader__grid::-webkit-scrollbar{display:none!important}
  .home .middle-exact-reader__grid article{flex:0 0 78%!important;scroll-snap-align:start;border-radius:17px!important}
  .home .middle-exact-reader__media{height:135px!important}

  .home .middle-exact-opportunities__grid{grid-template-columns:1fr!important;gap:10px!important}
  .home .middle-exact-opportunity-card{height:190px!important;border-radius:20px!important}

  .home .middle-exact-region-showcase{padding:17px!important;border-radius:22px!important}
  .home .middle-exact-region-showcase__grid{grid-template-columns:1fr!important;gap:10px!important}
  .home .middle-exact-region-featured{height:280px!important;border-radius:18px!important}
  .home .middle-exact-region-featured__copy h3{font-size:21px!important}
  .home .middle-exact-region-showcase__list{height:auto!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:8px!important}
  .home .middle-exact-region-story{min-height:92px!important;grid-template-columns:100px minmax(0,1fr)!important;border-radius:15px!important}
  .home .middle-exact-region-story__media{height:74px!important}

  .home .middle-exact-useful__grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .home .middle-exact-useful-card{min-height:82px!important;padding:10px!important;border-radius:16px!important}
  .home .middle-exact-useful-card strong{font-size:10.5px!important}

  .home .middle-exact-bottom{grid-template-columns:1fr!important;gap:12px!important}
  .home .middle-exact-bottom-card{min-height:0!important;padding:16px!important;border-radius:20px!important}
  .home .middle-exact-photos__grid{grid-auto-rows:95px!important}
  .home .middle-exact-attention{grid-column:auto!important}

  .home .middle-site-footer{margin-top:12px!important}
  .home .middle-footer-row{width:calc(100% - 20px)!important;padding:14px 0!important}
}

@media(max-width:420px){
  .home .middle-exact-service__copy strong{font-size:11.4px!important}
  .home .middle-exact-service--purple .middle-exact-service__copy strong{font-size:10.8px!important}
  .home .middle-exact-head h2{font-size:19.5px!important}
  .home .middle-exact-featured{height:245px!important;min-height:245px!important;max-height:245px!important}
  .home .middle-exact-featured__copy h3{font-size:19px!important}
  .home .middle-exact-discuss-card,.home .middle-exact-reader__grid article{flex-basis:84%!important}
  .home .middle-exact-ad-card{flex-basis:78%!important}
}

/* 0.3.79 — homepage mobile actions must override the desktop-only hiding rule. */
@media(max-width:720px){
  .home .middle-mobile-home-link,
  .home .middle-header-tools>.middle-search-toggle,
  .home .middle-header-tools>.middle-write-link,
  .home .middle-header-tools>.middle-messages-link{display:flex!important}
  .home .middle-header-dropdown--menu{display:block!important}
  .home .middle-header-tools>.middle-account-link{display:flex!important}
  .home .middle-header-tools>.middle-profile-link{display:none!important}
  .home .middle-home-header-bell{display:none!important}
}

/* ========================================================================== 
   Middle Community 0.3.80 — hero lift, overlapping services, 5-card reader
   ========================================================================== */

/* Move the PHOTO itself upward: less empty sky, installation sits higher and
   the source lettering remains visible. */
.home .middle-exact-hero-zone{
  margin:-10px auto 0!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero{
  aspect-ratio:1448/438!important;
  min-height:0!important;
  overflow:hidden!important;
}
.home .middle-exact-hero__image{
  width:100%!important;
  height:calc(100% + 32px)!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center bottom!important;
  transform:translateY(-32px)!important;
  will-change:transform;
}
.home .middle-exact-hero-zone .middle-exact-hero__shade{
  background:
    linear-gradient(90deg,rgba(5,25,49,.58) 0%,rgba(5,25,49,.27) 30%,rgba(5,25,49,.02) 58%,rgba(5,25,49,0) 76%),
    linear-gradient(180deg,rgba(3,18,36,.10),rgba(3,18,36,0) 54%)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy{
  left:32px!important;
  top:25px!important;
  max-width:520px!important;
  padding:14px 16px 15px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,28,49,.42),rgba(8,28,49,.14))!important;
  box-shadow:0 12px 34px rgba(4,20,39,.11)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__city{
  color:#fff!important;
  opacity:.96!important;
  text-shadow:0 2px 10px rgba(0,0,0,.35)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero h1{
  color:#fff!important;
  text-shadow:0 4px 20px rgba(0,0,0,.42)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy p{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.38)!important;
}

/* Return the pleasant overlap between the hero and the service row. */
.home .middle-exact-services{
  position:relative!important;
  z-index:7!important;
  margin-top:-31px!important;
}
.home .middle-exact-service{
  box-shadow:0 13px 28px rgba(25,58,91,.12)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease!important;
}
.home .middle-exact-service:hover{
  transform:translateY(-5px) scale(1.015)!important;
  box-shadow:0 18px 34px rgba(25,58,91,.17)!important;
}

/* Five resident stories make the dark block feel less like four long strips.
   Cards are vertical on desktop so they read as compact story tiles. */
.home .middle-exact-reader{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:16px!important;
  padding:22px!important;
  border-radius:27px!important;
}
.home .middle-exact-reader__grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.home .middle-exact-reader__grid article{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:7px!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  box-shadow:0 8px 20px rgba(3,12,23,.12)!important;
}
.home .middle-exact-reader__media{
  width:100%!important;
  height:108px!important;
  border-radius:13px!important;
}
.home .middle-exact-reader__grid article>div{
  min-width:0!important;
  padding:9px 5px 5px!important;
}
.home .middle-exact-reader__grid h3{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  min-height:42px!important;
  margin:0 0 7px!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.home .middle-exact-reader__grid small{font-size:9px!important}

@media(max-width:1220px) and (min-width:721px){
  .home .middle-exact-reader{grid-template-columns:250px minmax(0,1fr)!important}
  .home .middle-exact-reader__grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
  .home .middle-exact-reader__media{height:92px!important}
  .home .middle-exact-reader__grid h3{font-size:10.8px!important}
}

@media(max-width:980px) and (min-width:721px){
  .home .middle-exact-hero-zone{margin-top:-5px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1448/455!important}
  .home .middle-exact-hero__image{height:calc(100% + 22px)!important;transform:translateY(-22px)!important}
  .home .middle-exact-services{margin-top:-25px!important}
  .home .middle-exact-reader{grid-template-columns:1fr!important}
  .home .middle-exact-reader__grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

@media(max-width:720px){
  .home .middle-exact-hero-zone{margin-top:-3px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{
    aspect-ratio:1.92/1!important;
    border-radius:19px!important;
  }
  .home .middle-exact-hero__image{
    height:calc(100% + 18px)!important;
    transform:translateY(-18px)!important;
    object-fit:cover!important;
    object-position:center bottom!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:12px!important;top:11px!important;max-width:62%!important;
    padding:8px 9px 9px!important;border-radius:13px!important;
    background:rgba(7,26,47,.42)!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:20px!important}
  .home .middle-exact-hero-zone .middle-exact-hero__city{font-size:7.7px!important}
  .home .middle-exact-services{margin-top:-17px!important}

  .home .middle-exact-reader__grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:2px 1px 7px!important;
    scrollbar-width:none!important;
  }
  .home .middle-exact-reader__grid::-webkit-scrollbar{display:none!important}
  .home .middle-exact-reader__grid article{
    flex:0 0 72%!important;
    scroll-snap-align:start!important;
  }
  .home .middle-exact-reader__media{height:145px!important}
  .home .middle-exact-reader__grid h3{font-size:13px!important;min-height:46px!important}
}

/* 0.3.80 — native-app-style bottom tabs. Edge-to-edge tab bar + floating FAB. */
@media(max-width:720px){
  :root{
    --middle-mobile-nav-height:76px;
    --middle-mobile-nav-bottom:0px;
  }
  .middle-header-tools{
    position:fixed!important;
    z-index:320!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:calc(76px + env(safe-area-inset-bottom))!important;
    min-height:76px!important;
    padding:7px 8px max(7px,env(safe-area-inset-bottom))!important;
    gap:0!important;
    border:0!important;border-top:1px solid rgba(213,222,233,.94)!important;
    border-radius:22px 22px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -10px 30px rgba(22,48,78,.12)!important;
    backdrop-filter:blur(22px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
    align-items:flex-end!important;
  }
  :root[data-middle-theme="dark"] .middle-header-tools{
    background:rgba(29,33,40,.985)!important;
    border-top-color:#414852!important;
  }
  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link,
  .middle-header-dropdown--menu{
    flex:1 1 20%!important;
    width:20%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link,
  .middle-header-dropdown--menu>.middle-nav-toggle{
    height:58px!important;min-height:58px!important;
    padding:7px 2px 4px!important;
    gap:5px!important;
    border:0!important;border-radius:14px!important;
    background:transparent!important;
    color:#718195!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .middle-mobile-home-link:hover,
  .middle-header-tools>.middle-search-toggle:hover,
  .middle-header-tools>.middle-messages-link:hover,
  .middle-header-tools>.middle-account-link:hover,
  .middle-header-dropdown--menu>.middle-nav-toggle:hover,
  .middle-header-tools>[aria-expanded="true"],
  .middle-header-dropdown--menu>.middle-nav-toggle[aria-expanded="true"]{
    background:transparent!important;
    color:#2276df!important;
  }
  .middle-header-tools svg,
  .middle-header-dropdown--menu>.middle-nav-toggle>svg:first-child{
    width:22px!important;height:22px!important;flex-basis:22px!important;
    stroke-width:1.9!important;
  }
  .middle-mobile-home-link__brand{
    width:24px!important;height:24px!important;min-width:24px!important;
  }
  .middle-mobile-home-link>span,.middle-mobile-nav-label,
  .middle-header-tools>.middle-account-link>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{
    display:block!important;
    font-size:9.5px!important;line-height:1!important;font-weight:650!important;
    color:inherit!important;
  }
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-chevron{display:none!important}

  /* Floating central action, like current native city/service apps. */
  .middle-header-tools>.middle-write-link{
    position:relative!important;
    align-self:flex-start!important;
    top:-17px!important;
    height:72px!important;min-height:72px!important;
    padding:0!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
    gap:4px!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#64758b!important;
  }
  .middle-header-tools>.middle-write-link svg{
    display:grid!important;
    width:54px!important;height:54px!important;
    padding:15px!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,#2d91ff,#176bdc)!important;
    color:#fff!important;stroke:#fff!important;
    box-shadow:0 10px 24px rgba(27,112,223,.32)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
  }
  .middle-header-tools>.middle-write-link:active svg{
    transform:scale(.94)!important;
    box-shadow:0 6px 14px rgba(27,112,223,.25)!important;
  }
  .middle-header-tools>.middle-write-link>span{
    display:block!important;
    margin-top:0!important;
    color:#53667e!important;
    font-size:9.4px!important;line-height:1!important;font-weight:700!important;
    white-space:nowrap!important;
  }
  :root[data-middle-theme="dark"] .middle-header-tools>.middle-write-link>span{color:#cbd4df!important}
  .middle-messages-link__badge{
    top:5px!important;right:calc(50% - 22px)!important;
    min-width:17px!important;height:17px!important;padding:0 4px!important;
    border:2px solid #fff!important;
    font-size:8px!important;
  }

  .middle-primary-nav.middle-top-sheet,
  .middle-header-search.middle-top-sheet{
    left:0!important;right:0!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:100%!important;max-width:none!important;
    border-left:0!important;border-right:0!important;border-bottom:0!important;
    border-radius:24px 24px 0 0!important;
    box-shadow:0 -14px 38px rgba(21,45,73,.14)!important;
  }
  .middle-layout{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  .middle-site-footer{
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:380px){
  .middle-mobile-home-link>span,.middle-mobile-nav-label,
  .middle-header-tools>.middle-account-link>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span,
  .middle-header-tools>.middle-write-link>span{font-size:8.7px!important}
  .middle-header-tools>.middle-write-link svg{width:50px!important;height:50px!important;padding:14px!important;border-radius:17px!important}
}

/* ========================================================================== 
   Middle Community 0.3.81 — full panorama, rebuilt reader, aligned app tabs
   ========================================================================== */

/* 1) Keep the whole source panorama visible. Move the HERO BLOCK closer to
   the header instead of shifting/cropping the actual photo. This preserves
   the large source lettering "КИРОВО ЧЕПЕЦК" near the bottom of the image. */
.home .middle-exact-hero-zone{
  margin:-20px auto 0!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1448/480!important;
  overflow:hidden!important;
}
.home .middle-exact-hero__image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  will-change:auto!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__shade{
  background:
    linear-gradient(90deg,rgba(5,25,49,.54) 0%,rgba(5,25,49,.25) 29%,rgba(5,25,49,.035) 57%,rgba(5,25,49,0) 78%),
    linear-gradient(180deg,rgba(3,18,36,.06),rgba(3,18,36,0) 58%)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy{
  top:24px!important;
}
.home .middle-exact-services{
  margin-top:-38px!important;
}

/* 2) Rebuild "Чепецк без прикрас" as one strong editorial feature instead of
   five squeezed white cards. The first story is larger; the remaining four
   form a balanced two-by-two group. */
.home .middle-exact-reader{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 4% 18%,rgba(235,60,52,.22),transparent 28%),
    radial-gradient(circle at 96% 100%,rgba(50,104,157,.18),transparent 34%),
    linear-gradient(135deg,#202d3b 0%,#121b26 56%,#182738 100%)!important;
  box-shadow:0 20px 48px rgba(15,26,39,.22)!important;
  color:#fff!important;
}
.home .middle-exact-reader::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 34%,rgba(255,255,255,.02))!important;
}
.home .middle-exact-reader__title{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 20px!important;
}
.home .middle-exact-reader__brand{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
}
.home .middle-exact-reader__eye-orb{
  flex:0 0 78px!important;
  width:78px!important;
  height:78px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  border:1px solid rgba(255,104,91,.30)!important;
  border-radius:25px!important;
  background:radial-gradient(circle at 40% 36%,rgba(255,104,91,.31),rgba(173,37,31,.17) 48%,rgba(13,23,35,.70) 100%)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.20),0 0 28px rgba(228,58,47,.16)!important;
}
.home .middle-exact-reader__eye-orb>img{
  width:58px!important;
  height:58px!important;
  filter:drop-shadow(0 8px 15px rgba(0,0,0,.25))!important;
}
.home .middle-exact-reader__eye-orb>i{
  position:absolute!important;
  right:-8px!important;
  top:-10px!important;
  display:grid!important;
  place-items:center!important;
  width:31px!important;
  height:31px!important;
  border-radius:12px!important;
  background:#f25143!important;
  box-shadow:0 8px 18px rgba(242,81,67,.34)!important;
  font-size:16px!important;
}
.home .middle-exact-reader__kicker{
  margin-bottom:5px!important;
  color:#ff8e7d!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.home .middle-exact-reader__title h2{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.home .middle-exact-reader__title p{
  max-width:760px!important;
  margin:0!important;
  color:rgba(255,255,255,.70)!important;
  font-size:13px!important;
  line-height:1.48!important;
}
.home .middle-exact-reader__title>a{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:750!important;
  transition:background .2s ease,transform .2s ease!important;
}
.home .middle-exact-reader__title>a:hover{
  background:rgba(255,255,255,.13)!important;
  transform:translateY(-2px)!important;
}
.home .middle-exact-reader__grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,156px)!important;
  gap:12px!important;
  overflow:visible!important;
  padding:0!important;
}
.home .middle-exact-reader__grid article{
  display:grid!important;
  grid-template-columns:124px minmax(0,1fr)!important;
  min-width:0!important;
  min-height:0!important;
  padding:7px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  transition:transform .24s ease,background .24s ease,border-color .24s ease!important;
}
.home .middle-exact-reader__grid article:hover{
  transform:translateY(-3px)!important;
  background:rgba(255,255,255,.105)!important;
  border-color:rgba(255,255,255,.15)!important;
}
.home .middle-exact-reader__grid article:first-child{
  grid-row:1 / 3!important;
  display:flex!important;
  flex-direction:column!important;
  padding:8px!important;
}
.home .middle-exact-reader__media{
  display:block!important;
  width:124px!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#1b2939!important;
}
.home .middle-exact-reader__grid article:first-child .middle-exact-reader__media{
  width:100%!important;
  height:196px!important;
  flex:0 0 196px!important;
  border-radius:15px!important;
}
.home .middle-exact-reader__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .45s cubic-bezier(.2,.8,.2,1)!important;
}
.home .middle-exact-reader__grid article:hover .middle-exact-reader__media img{transform:scale(1.045)!important}
.home .middle-exact-reader__placeholder{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:7px!important;
  background:
    radial-gradient(circle at 50% 25%,rgba(222,67,56,.18),transparent 42%),
    linear-gradient(135deg,#27384a,#182636)!important;
}
.home .middle-exact-reader__placeholder img{width:52px!important;height:52px!important;object-fit:contain!important;opacity:.82!important}
.home .middle-exact-reader__placeholder small{color:rgba(255,255,255,.54)!important;font-size:9px!important}
.home .middle-exact-reader__grid article>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:10px 12px!important;
}
.home .middle-exact-reader__grid article:first-child>div{
  justify-content:flex-start!important;
  padding:13px 8px 5px!important;
}
.home .middle-exact-reader__grid h3{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  min-height:0!important;
  margin:0 0 9px!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1.28!important;
}
.home .middle-exact-reader__grid article:first-child h3{
  font-size:15px!important;
  line-height:1.26!important;
  -webkit-line-clamp:2!important;
}
.home .middle-exact-reader__grid h3 a{color:#fff!important}
.home .middle-exact-reader__grid small{color:rgba(255,255,255,.52)!important;font-size:9.5px!important}

@media(max-width:1180px) and (min-width:721px){
  .home .middle-exact-reader__grid{
    grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,145px)!important;
  }
  .home .middle-exact-reader__grid article{grid-template-columns:100px minmax(0,1fr)!important}
  .home .middle-exact-reader__media{width:100px!important}
  .home .middle-exact-reader__grid article:first-child .middle-exact-reader__media{height:174px!important;flex-basis:174px!important}
}

@media(max-width:720px){
  .home .middle-exact-hero-zone{margin-top:-12px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1.62/1!important}
  .home .middle-exact-hero__image{
    object-fit:cover!important;
    object-position:center 58%!important;
    transform:none!important;
  }
  .home .middle-exact-services{margin-top:-20px!important}

  .home .middle-exact-reader{padding:19px!important;border-radius:24px!important}
  .home .middle-exact-reader__title{display:block!important;margin-bottom:16px!important}
  .home .middle-exact-reader__brand{align-items:flex-start!important;gap:12px!important}
  .home .middle-exact-reader__eye-orb{width:62px!important;height:62px!important;flex-basis:62px!important;border-radius:20px!important}
  .home .middle-exact-reader__eye-orb>img{width:45px!important;height:45px!important}
  .home .middle-exact-reader__eye-orb>i{width:26px!important;height:26px!important;right:-6px!important;top:-7px!important;font-size:13px!important}
  .home .middle-exact-reader__title h2{font-size:25px!important}
  .home .middle-exact-reader__title p{font-size:11.5px!important;line-height:1.45!important}
  .home .middle-exact-reader__title>a{margin-top:14px!important;min-height:38px!important}
  .home .middle-exact-reader__grid{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:1px 1px 8px!important;
    scrollbar-width:none!important;
  }
  .home .middle-exact-reader__grid::-webkit-scrollbar{display:none!important}
  .home .middle-exact-reader__grid article,
  .home .middle-exact-reader__grid article:first-child{
    flex:0 0 82%!important;
    display:flex!important;
    flex-direction:column!important;
    scroll-snap-align:start!important;
    min-height:255px!important;
    padding:7px!important;
  }
  .home .middle-exact-reader__media,
  .home .middle-exact-reader__grid article:first-child .middle-exact-reader__media{
    width:100%!important;
    height:148px!important;
    flex:0 0 148px!important;
  }
  .home .middle-exact-reader__grid article>div,
  .home .middle-exact-reader__grid article:first-child>div{
    display:block!important;
    padding:12px 8px 7px!important;
  }
  .home .middle-exact-reader__grid h3,
  .home .middle-exact-reader__grid article:first-child h3{
    min-height:45px!important;
    font-size:13px!important;
    -webkit-line-clamp:2!important;
  }

  /* 4) App-style bottom navigation, but with all five items aligned on the
     same baseline. "Написать" is highlighted by its icon, not by floating
     higher than the neighboring tabs. */
  :root{--middle-mobile-nav-height:72px;--middle-mobile-nav-bottom:0px}
  .middle-header-tools{
    height:calc(72px + env(safe-area-inset-bottom))!important;
    min-height:72px!important;
    padding:6px 8px max(6px,env(safe-area-inset-bottom))!important;
    align-items:center!important;
    border-radius:20px 20px 0 0!important;
  }
  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link,
  .middle-header-dropdown--menu>.middle-nav-toggle{
    position:relative!important;
    top:auto!important;
    height:58px!important;
    min-height:58px!important;
    padding:5px 2px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .middle-header-tools>.middle-write-link{
    align-self:center!important;
    color:#2576d9!important;
  }
  .middle-header-tools>.middle-write-link svg{
    box-sizing:border-box!important;
    width:42px!important;
    height:42px!important;
    padding:10px!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#2f91f9,#1b72dd)!important;
    color:#fff!important;
    stroke:#fff!important;
    box-shadow:0 7px 15px rgba(29,111,219,.24)!important;
  }
  .middle-header-tools>.middle-write-link>span{
    margin:0!important;
    color:#2576d9!important;
    font-size:9.3px!important;
    line-height:1!important;
    font-weight:750!important;
  }
  .middle-mobile-home-link svg,
  .middle-header-tools>.middle-search-toggle svg,
  .middle-header-tools>.middle-messages-link svg,
  .middle-header-tools>.middle-account-link svg,
  .middle-header-dropdown--menu>.middle-nav-toggle>svg:first-child{
    width:22px!important;
    height:22px!important;
  }
  .middle-mobile-home-link>span,.middle-mobile-nav-label,
  .middle-header-tools>.middle-account-link>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{
    font-size:9.3px!important;
    line-height:1!important;
    font-weight:650!important;
  }
  .middle-primary-nav.middle-top-sheet,
  .middle-header-search.middle-top-sheet{
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  .middle-layout{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
  .middle-site-footer{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
}

@media(max-width:380px){
  .middle-header-tools>.middle-write-link svg{width:40px!important;height:40px!important;padding:10px!important;border-radius:14px!important}
  .middle-header-tools>.middle-write-link>span,
  .middle-mobile-home-link>span,.middle-mobile-nav-label,
  .middle-header-tools>.middle-account-link>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{font-size:8.6px!important}
}

/* ========================================================================== 
   Middle Community 0.3.82 — hero sign focus + refined mobile app nav
   ========================================================================== */

/* 1) Move the visible crop down so the big "КИРОВО ЧЕПЕЦК" lettering on the
   source photo lands in the lower-left / center area requested by the user.
   Also pull the whole hero a little closer to the header while keeping the
   service cards slightly overlapping the photo. */
.home .middle-exact-hero-zone{
  margin:-30px auto 0!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero{
  aspect-ratio:1448/500!important;
}
.home .middle-exact-hero__image{
  object-fit:cover!important;
  object-position:center 74%!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy{
  left:42px!important;
  top:26px!important;
  max-width:460px!important;
  padding:14px 18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(64,154,227,.18),rgba(12,47,84,.22))!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero h1{
  font-size:52px!important;
  line-height:.95!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy p{
  font-size:14px!important;
}
.home .middle-exact-services{
  margin-top:-34px!important;
}
.home .middle-exact-service__copy strong{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* 2) Stronger desktop/mobile reader cards, in case five items are present. */
.home .middle-exact-reader__grid{
  grid-template-columns:minmax(0,1.42fr) repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,168px)!important;
}
.home .middle-exact-reader__grid article{
  border-radius:20px!important;
}
.home .middle-exact-reader__grid article:first-child .middle-exact-reader__media{
  height:208px!important;
  flex-basis:208px!important;
}

/* 3) Mobile: build a cleaner native-app style bottom bar. Every tab has an
   equal column, equal icon box, equal label spacing. The publish tab gets a
   proper compose icon appearance instead of a plain plus. */
@media(max-width:720px){
  .home .middle-exact-hero-zone{margin-top:-14px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1.58/1!important}
  .home .middle-exact-hero__image{object-position:44% 74%!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:14px!important;right:14px!important;top:14px!important;max-width:225px!important;
    padding:10px 12px!important;border-radius:18px!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{font-size:8.5px!important;margin-bottom:2px!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:22px!important;line-height:.98!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1 em{display:block!important;font-size:.84em!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy p{display:block!important;margin-top:6px!important;font-size:10px!important;line-height:1.25!important}
  .home .middle-exact-services{margin-top:-18px!important}

  :root{--middle-mobile-nav-height:74px;--middle-mobile-nav-bottom:0px}
  .middle-header-tools{
    left:0!important;right:0!important;bottom:0!important;
    height:calc(74px + env(safe-area-inset-bottom))!important;
    min-height:74px!important;
    padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;
    gap:0!important;
    border-top:1px solid rgba(209,220,234,.98)!important;
    border-left:0!important;border-right:0!important;border-bottom:0!important;
    border-radius:22px 22px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -10px 30px rgba(22,45,74,.12)!important;
  }
  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link,
  .middle-header-dropdown--menu,
  .middle-header-dropdown--menu>.middle-nav-toggle{
    flex:1 1 20%!important;min-width:0!important;max-width:none!important;
  }
  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link,
  .middle-header-dropdown--menu>.middle-nav-toggle{
    height:58px!important;min-height:58px!important;
    padding:4px 1px!important;
    gap:5px!important;
    border-radius:16px!important;
    align-self:center!important;
  }
  .middle-mobile-home-link__brand,
  .middle-header-tools>.middle-search-toggle svg,
  .middle-header-tools>.middle-messages-link svg,
  .middle-header-tools>.middle-account-link svg,
  .middle-header-dropdown--menu>.middle-nav-toggle>svg:first-child,
  .middle-header-tools>.middle-write-link svg{
    width:22px!important;height:22px!important;flex:0 0 22px!important;
  }
  .middle-mobile-home-link__brand{
    display:grid!important;place-items:center!important;
  }
  .middle-header-tools>.middle-write-link{
    color:#1d74df!important;background:transparent!important;box-shadow:none!important;
  }
  .middle-header-tools>.middle-write-link svg{
    width:24px!important;height:24px!important;padding:0!important;border-radius:0!important;
    background:none!important;box-shadow:none!important;stroke:#1d74df!important;color:#1d74df!important;
  }
  .middle-mobile-home-link>span,.middle-mobile-nav-label,.middle-header-tools>.middle-account-link>span,
  .middle-header-tools>.middle-write-link>span,.middle-header-dropdown--menu>.middle-nav-toggle>span{
    display:block!important;max-width:100%!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font-size:9.6px!important;line-height:1.05!important;font-weight:700!important;
    letter-spacing:0!important;text-align:center!important;margin:0!important;
  }
  .middle-messages-link__badge{right:calc(50% - 18px)!important;top:2px!important}
  .middle-layout{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .middle-site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
}

@media(max-width:390px){
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1.45/1!important}
  .home .middle-exact-hero__image{object-position:43% 75%!important}
  .middle-header-tools{height:calc(72px + env(safe-area-inset-bottom))!important;min-height:72px!important;padding:7px 5px max(7px,env(safe-area-inset-bottom))!important}
  .middle-mobile-home-link>span,.middle-mobile-nav-label,.middle-header-tools>.middle-account-link>span,
  .middle-header-tools>.middle-write-link>span,.middle-header-dropdown--menu>.middle-nav-toggle>span{font-size:8.6px!important}
}

/* ========================================================================== 
   Middle Community 0.3.83 — new panoramic hero + centered mobile tabs
   ========================================================================== */

/* Use the provided panoramic photo directly after the header and preserve its
   composition, especially the large "КИРОВО ЧЕПЕЦК" letters. */
.home .middle-exact-hero-zone{
  margin:-18px auto 0!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1460/424!important;
  border-radius:0 0 30px 30px!important;
  overflow:hidden!important;
}
.home .middle-exact-hero__image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__shade{
  background:linear-gradient(90deg,rgba(7,31,56,.58) 0%,rgba(7,31,56,.24) 35%,rgba(7,31,56,.04) 62%,rgba(7,31,56,.08) 100%)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy{
  left:36px!important;
  top:18px!important;
  max-width:470px!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(39,136,220,.14),rgba(13,43,76,.22))!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__city{font-size:12px!important}
.home .middle-exact-hero-zone .middle-exact-hero h1{font-size:50px!important;line-height:.95!important}
.home .middle-exact-hero-zone .middle-exact-hero__copy p{margin-top:10px!important;font-size:14px!important}
.home .middle-exact-services{margin-top:-28px!important}

@media(max-width:720px){
  .home .middle-exact-hero-zone{margin-top:-8px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1.7/1!important;border-radius:0 0 22px 22px!important}
  .home .middle-exact-hero__image{object-position:39% center!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:12px!important;top:12px!important;right:auto!important;max-width:220px!important;
    padding:10px 12px!important;border-radius:18px!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{font-size:8px!important;margin-bottom:2px!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:22px!important;line-height:.98!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1 em{display:block!important;font-size:.84em!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy p{display:block!important;font-size:10px!important;line-height:1.25!important}
  .home .middle-exact-services{margin-top:-16px!important}
}

/* ========================================================================== 
   Middle Community 0.3.84 — crisp mobile panorama and photo entry instead of afisha
   ========================================================================== */

/* Mobile panorama: keep the real photo sharp and avoid extra zoom/blur. */
@media(max-width:720px){
  .home .middle-exact-hero-zone{width:calc(100% - 16px)!important;margin-top:-4px!important}
  .home .middle-exact-hero-zone>.middle-exact-hero{
    aspect-ratio:1460/424!important;
    min-height:auto!important;
    background:#d8ebf8!important;
    border-radius:0 0 18px 18px!important;
  }
  .home .middle-exact-hero__image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    image-rendering:auto!important;
    transform:none!important;
    filter:none!important;
    background:#d8ebf8!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__shade{
    background:linear-gradient(180deg,rgba(7,31,56,.22) 0%,rgba(7,31,56,.12) 28%,rgba(7,31,56,0) 62%)!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:12px!important;
    top:10px!important;
    right:auto!important;
    max-width:210px!important;
    padding:10px 11px!important;
    background:linear-gradient(180deg,rgba(26,103,178,.18),rgba(6,27,51,.18))!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:20px!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy p{display:block!important;font-size:9.5px!important;line-height:1.18!important}
}
@media(max-width:420px){
  .home .middle-exact-hero-zone>.middle-exact-hero{aspect-ratio:1460/424!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy{max-width:195px!important}
}

/* ========================================================================== 
   Middle Community 0.3.85 — mobile-first polish after live-site review
   ========================================================================== */

/* Desktop hero: show the supplied panorama cleanly instead of visually
   stretching/cropping it. Keep the overlay compact so the city lettering
   remains the visual focus. */
.home .middle-exact-hero-zone{
  margin:-6px auto 0!important;
}
.home .middle-exact-hero-zone>.middle-exact-hero{
  width:100%!important;
  aspect-ratio:1460/424!important;
  height:auto!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#d8ebf8!important;
}
.home .middle-exact-hero__picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.home .middle-exact-hero__image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__shade{
  background:linear-gradient(90deg,rgba(7,31,56,.44) 0%,rgba(7,31,56,.20) 30%,rgba(7,31,56,.02) 55%,rgba(7,31,56,0) 100%)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__copy{
  left:26px!important;
  top:20px!important;
  max-width:390px!important;
  padding:12px 15px!important;
  border-radius:18px!important;
  background:rgba(10,42,75,.22)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.home .middle-exact-hero-zone .middle-exact-hero__city{font-size:10px!important;margin-bottom:4px!important}
.home .middle-exact-hero-zone .middle-exact-hero h1{font-size:38px!important;line-height:.97!important}
.home .middle-exact-hero-zone .middle-exact-hero__copy p{margin-top:8px!important;font-size:12px!important}
.home .middle-exact-services{margin-top:-30px!important}

/* Mobile uses a dedicated crop from the same original image. This avoids the
   impossible choice between a tiny full panorama and a blurry enlarged one. */
@media(max-width:720px){
  .home .middle-exact-hero-zone{
    width:calc(100% - 16px)!important;
    margin:-2px auto 0!important;
  }
  .home .middle-exact-hero-zone>.middle-exact-hero{
    aspect-ratio:920/424!important;
    min-height:0!important;
    border-radius:18px!important;
  }
  .home .middle-exact-hero__image{
    object-fit:cover!important;
    object-position:center!important;
    image-rendering:auto!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__shade{
    background:linear-gradient(180deg,rgba(7,31,56,.22) 0%,rgba(7,31,56,.08) 38%,rgba(7,31,56,0) 68%)!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:10px!important;
    top:9px!important;
    right:auto!important;
    max-width:180px!important;
    padding:8px 9px!important;
    border-radius:14px!important;
    background:rgba(8,38,69,.24)!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{font-size:7px!important;margin-bottom:2px!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1{font-size:17px!important;line-height:1!important}
  .home .middle-exact-hero-zone .middle-exact-hero h1 em{display:block!important;font-size:.82em!important}
  .home .middle-exact-hero-zone .middle-exact-hero__copy p{display:none!important}
  .home .middle-exact-services{margin-top:-14px!important}
}

/* IMPORTANT: home-exact.css is enqueued after main.css, therefore the final
   mobile navigation rules must live here. This fixes the labels that were
   being hidden/overridden by older homepage rules. */
@media(max-width:720px){
  :root{--middle-mobile-nav-height:76px!important;--middle-mobile-nav-bottom:0px!important}
  .middle-header-tools{
    position:fixed!important;
    z-index:300!important;
    left:0!important;right:0!important;bottom:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:stretch!important;
    height:calc(76px + env(safe-area-inset-bottom))!important;
    min-height:76px!important;
    padding:7px 5px max(7px,env(safe-area-inset-bottom))!important;
    gap:0!important;
    border:0!important;
    border-top:1px solid rgba(211,222,235,.95)!important;
    border-radius:22px 22px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -8px 26px rgba(25,48,76,.12)!important;
    backdrop-filter:blur(20px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
    overflow:visible!important;
  }
  .middle-mobile-home-link{grid-column:1!important;order:1!important}
  .middle-header-tools>.middle-search-toggle{grid-column:2!important;order:2!important}
  .middle-header-tools>.middle-write-link{grid-column:3!important;order:3!important}
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link{grid-column:4!important;order:4!important}
  .middle-header-dropdown--menu{grid-column:5!important;order:5!important;position:static!important}
  .middle-header-tools>.middle-profile-link{display:none!important}
  .middle-header-tools>.middle-theme-toggle--desktop,.middle-header-tools>.middle-header-weather{display:none!important}

  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link,
  .middle-header-dropdown--menu>.middle-nav-toggle{
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 1px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#51637b!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  .middle-mobile-home-link__brand,
  .middle-header-tools>.middle-search-toggle svg,
  .middle-header-tools>.middle-messages-link svg,
  .middle-header-tools>.middle-account-link svg,
  .middle-header-dropdown--menu>.middle-nav-toggle>svg:first-child{
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
    flex:0 0 22px!important;margin:0 auto!important;
    color:currentColor!important;stroke:currentColor!important;
  }
  .middle-header-tools>.middle-write-link svg{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    flex:0 0 34px!important;margin:0 auto!important;padding:7px!important;
    border-radius:11px!important;
    background:linear-gradient(145deg,#2b8ff5,#1f72de)!important;
    color:#fff!important;stroke:#fff!important;
    box-shadow:0 6px 14px rgba(31,114,222,.22)!important;
  }
  .middle-mobile-home-link>span,
  .middle-header-tools .middle-mobile-nav-label,
  .middle-header-tools>.middle-write-link>span,
  .middle-header-tools>.middle-account-link>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:10px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    color:#51637b!important;
    font-size:9.4px!important;
    line-height:1.05!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
  }
  .middle-header-tools>.middle-write-link>span{color:#1f72de!important}
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-chevron{display:none!important}
  .middle-messages-link__badge{top:1px!important;right:calc(50% - 18px)!important}
  .middle-primary-nav.middle-top-sheet,
  .middle-header-search.middle-top-sheet{
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  .middle-layout{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .middle-site-footer{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
}
@media(max-width:375px){
  .middle-mobile-home-link>span,
  .middle-header-tools .middle-mobile-nav-label,
  .middle-header-tools>.middle-write-link>span,
  .middle-header-tools>.middle-account-link>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{font-size:8.6px!important}
}

/* ========================================================================== 
   Middle Community 0.3.86 — full mobile panorama, no crop
   ========================================================================== */
@media(max-width:720px){
  .home .middle-exact-hero-zone{
    width:calc(100% - 14px)!important;
    margin:0 auto!important;
  }
  .home .middle-exact-hero-zone>.middle-exact-hero{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:#dbeefa!important;
  }
  .home .middle-exact-hero__picture{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  .home .middle-exact-hero__image{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
    image-rendering:auto!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__shade,
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    display:none!important;
  }
  .home .middle-exact-services{
    margin-top:-10px!important;
  }
}

/* ========================================================================== 
   Middle Community 0.3.87 — mobile bottom navigation, selected variant #2
   ========================================================================== */
@media(max-width:720px){
  :root{
    --middle-mobile-nav-height:76px;
    --middle-mobile-nav-bottom:0px;
  }

  /* Native app bar: five equal columns, no drifting or uneven spacing. */
  .middle-header-tools{
    position:fixed!important;
    z-index:260!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    align-items:end!important;
    justify-items:stretch!important;
    width:100%!important;
    height:calc(76px + env(safe-area-inset-bottom))!important;
    min-height:76px!important;
    margin:0!important;
    padding:6px 6px max(7px,env(safe-area-inset-bottom))!important;
    column-gap:0!important;
    border:0!important;
    border-top:1px solid rgba(211,221,234,.94)!important;
    border-radius:22px 22px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -10px 32px rgba(28,48,77,.12)!important;
    backdrop-filter:blur(20px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.12)!important;
  }
  :root[data-middle-theme="dark"] .middle-header-tools{
    background:rgba(28,32,38,.985)!important;
    border-top-color:#414851!important;
  }

  /* Explicit slots keep all buttons at exactly the same distance. */
  .middle-mobile-home-link{grid-column:1!important;grid-row:1!important;order:unset!important}
  .middle-header-tools>.middle-search-toggle{grid-column:2!important;grid-row:1!important;order:unset!important}
  .middle-header-tools>.middle-write-link{grid-column:3!important;grid-row:1!important;order:unset!important}
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link){grid-column:4!important;grid-row:1!important;order:unset!important}
  .middle-header-dropdown--menu{grid-column:5!important;grid-row:1!important;order:unset!important}

  .middle-header-tools>.middle-profile-link,
  .middle-header-tools>.middle-theme-toggle--desktop,
  .middle-header-tools>.middle-header-weather{display:none!important}

  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link),
  .middle-header-dropdown--menu,
  .middle-header-dropdown--menu>.middle-nav-toggle{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:62px!important;
    min-height:62px!important;
    margin:0!important;
    padding:4px 2px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    color:#53647b!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:center!important;
    overflow:visible!important;
  }
  .middle-header-dropdown--menu{justify-content:flex-end!important}
  .middle-header-dropdown--menu>.middle-nav-toggle{justify-content:flex-end!important}

  /* Home uses the real site mark, never a generic house. */
  .middle-mobile-home-link__brand{
    display:grid!important;
    place-items:center!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    flex:0 0 27px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .middle-mobile-home-link__brand img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    border-radius:7px!important;
  }
  .middle-mobile-home-link__brand--fallback{
    background:linear-gradient(145deg,#31b989,#2b7de9)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  /* Regular icons are visually identical in size. */
  .middle-header-tools>.middle-search-toggle svg,
  .middle-header-tools>.middle-messages-link svg,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link) svg,
  .middle-header-dropdown--menu>.middle-nav-toggle>svg:first-child{
    display:block!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    flex:0 0 25px!important;
    margin:0 auto!important;
    padding:0!important;
    color:#17212f!important;
    stroke:currentColor!important;
    fill:none!important;
  }

  /* Selected variant #2: one large blue compose circle in the center. */
  .middle-header-tools>.middle-write-link{
    justify-content:flex-end!important;
    color:#2379e8!important;
  }
  .middle-header-tools>.middle-write-link svg{
    display:block!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    flex:0 0 48px!important;
    margin:-8px auto 0!important;
    padding:12px!important;
    border:3px solid #fff!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#2e96ff,#1473eb)!important;
    color:#fff!important;
    stroke:#fff!important;
    fill:none!important;
    box-shadow:0 8px 20px rgba(26,118,235,.30)!important;
  }
  :root[data-middle-theme="dark"] .middle-header-tools>.middle-write-link svg{border-color:#1c2026!important}

  /* Labels stay visible and perfectly centered. */
  .middle-mobile-home-link>span,
  .middle-header-tools .middle-mobile-nav-label,
  .middle-header-tools>.middle-write-link>span,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link)>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    min-height:11px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#53647b!important;
    font-size:9.2px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:0!important;
    text-align:center!important;
  }
  .middle-mobile-home-link>span,
  .middle-header-tools>.middle-write-link>span{color:#1f78e5!important;font-weight:750!important}
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-chevron{display:none!important}

  .middle-header-tools>.middle-search-toggle:hover,
  .middle-header-tools>.middle-messages-link:hover,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link):hover,
  .middle-header-dropdown--menu>.middle-nav-toggle:hover,
  .middle-header-tools>[aria-expanded="true"]{
    background:transparent!important;
    color:#1f78e5!important;
  }

  .middle-messages-link__badge{
    top:1px!important;
    right:calc(50% - 21px)!important;
    border:2px solid #fff!important;
  }
  :root[data-middle-theme="dark"] .middle-messages-link__badge{border-color:#1c2026!important}

  .middle-primary-nav.middle-top-sheet,
  .middle-header-search.middle-top-sheet{
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
  .middle-layout{padding-bottom:calc(98px + env(safe-area-inset-bottom))!important}
  .middle-site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
}

@media(max-width:380px){
  .middle-mobile-home-link>span,
  .middle-header-tools .middle-mobile-nav-label,
  .middle-header-tools>.middle-write-link>span,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link)>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{font-size:8.4px!important}
  .middle-header-tools>.middle-write-link svg{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
}


/* ==========================================================================
   Middle Community 0.3.88 — mobile nav variant 2 icon cleanup
   ========================================================================== */
@media(max-width:720px){
  /* Menu uses four clean dots; no hamburger/three-line decoration. */
  .middle-header-dropdown--menu>.middle-nav-toggle::before,
  .middle-header-dropdown--menu>.middle-nav-toggle::after{
    content:none!important;
    display:none!important;
  }
  .middle-header-dropdown--menu>.middle-nav-toggle .middle-menu-dots-icon{
    display:block!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    margin:0 auto!important;
    fill:currentColor!important;
    stroke:none!important;
  }

  /* Central action: simple, clear plus as in variant #2. */
  .middle-header-tools>.middle-write-link .middle-publish-plus-icon{
    display:block!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    flex:0 0 48px!important;
    margin:-8px auto 0!important;
    padding:12px!important;
    border:3px solid #fff!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#2e96ff,#1473eb)!important;
    color:#fff!important;
    stroke:#fff!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    fill:none!important;
    box-shadow:0 8px 20px rgba(26,118,235,.30)!important;
  }
  :root[data-middle-theme="dark"] .middle-header-tools>.middle-write-link .middle-publish-plus-icon{
    border-color:#1c2026!important;
  }
}

/* ========================================================================== 
   Middle Community 0.3.90 — mobile nav hard alignment, no duplicate bar
   ========================================================================== */
@media(max-width:720px){
  :root{--middle-mobile-nav-height:76px;--middle-mobile-nav-bottom:0px}

  /* Keep the original header-tools only. Five visible controls are positioned
     at exact 20% viewport slots, so no hidden header child can push them. */
  .middle-header-tools{
    position:fixed!important;
    z-index:260!important;
    left:0!important;right:0!important;bottom:0!important;
    display:block!important;
    width:100vw!important;max-width:100vw!important;
    height:calc(76px + env(safe-area-inset-bottom))!important;
    min-height:76px!important;
    margin:0!important;
    padding:0 0 env(safe-area-inset-bottom)!important;
    overflow:visible!important;
    border:0!important;
    border-top:1px solid rgba(211,221,234,.96)!important;
    border-radius:22px 22px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -10px 32px rgba(24,48,76,.13)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
    box-sizing:border-box!important;
  }
  :root[data-middle-theme="dark"] .middle-header-tools{
    background:rgba(27,30,35,.985)!important;
    border-top-color:#3c434d!important;
  }

  /* Remove every non-bottom-nav header control on mobile. */
  .middle-header-tools>.middle-header-weather,
  .middle-header-tools>.middle-theme-toggle--desktop,
  .middle-header-tools>.middle-home-header-bell,
  .middle-header-tools>.middle-profile-link{display:none!important}

  /* Guest publish must exist; logged-in publish already exists. */
  .middle-mobile-write-guest{display:flex!important}

  /* Exact horizontal centers: 10%, 30%, 50%, 70%, 90%. */
  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link),
  .middle-header-dropdown--menu{
    position:absolute!important;
    top:6px!important;
    bottom:auto!important;
    width:20vw!important;
    min-width:0!important;
    max-width:20vw!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .middle-mobile-home-link{left:0!important}
  .middle-header-tools>.middle-search-toggle{left:20vw!important}
  .middle-header-tools>.middle-write-link{left:40vw!important}
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link){left:60vw!important}
  .middle-header-dropdown--menu{left:80vw!important;right:auto!important}

  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link),
  .middle-header-dropdown--menu>.middle-nav-toggle{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:4px 1px 5px!important;
    border:0!important;
    border-radius:15px!important;
    background:transparent!important;
    color:#52647b!important;
    box-shadow:none!important;
    text-align:center!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .middle-header-dropdown--menu>.middle-nav-toggle{position:relative!important;inset:auto!important}

  /* Site logo on Home. */
  .middle-mobile-home-link__brand{
    display:grid!important;place-items:center!important;
    width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;
    margin:0 auto!important;padding:0!important;overflow:hidden!important;
    border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;
  }
  .middle-mobile-home-link__brand img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border-radius:7px!important}

  /* Regular icons. */
  .middle-header-tools>.middle-search-toggle svg,
  .middle-header-tools>.middle-messages-link svg,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link) svg,
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-menu-dots-icon{
    width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
    margin:0 auto!important;padding:0!important;flex:0 0 25px!important;
  }
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-menu-dots-icon{fill:currentColor!important;stroke:none!important}
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-chevron{display:none!important}

  /* Selected variant #2: central blue plus. */
  .middle-header-tools>.middle-write-link .middle-publish-plus-icon{
    display:block!important;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    flex:0 0 48px!important;margin:-8px auto 0!important;padding:12px!important;
    border:3px solid #fff!important;border-radius:50%!important;
    background:linear-gradient(145deg,#2e96ff,#1473eb)!important;
    color:#fff!important;stroke:#fff!important;fill:none!important;
    stroke-width:2.2!important;stroke-linecap:round!important;
    box-shadow:0 8px 20px rgba(26,118,235,.30)!important;
    box-sizing:border-box!important;
  }
  :root[data-middle-theme="dark"] .middle-header-tools>.middle-write-link .middle-publish-plus-icon{border-color:#1c2026!important}

  /* Labels are always centered and visible. */
  .middle-mobile-home-link>span,
  .middle-header-tools .middle-mobile-nav-label,
  .middle-header-tools>.middle-write-link>span,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link)>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{
    display:block!important;visibility:visible!important;opacity:1!important;
    width:100%!important;max-width:100%!important;min-height:11px!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
    color:#52647b!important;font-size:9.2px!important;line-height:1!important;font-weight:650!important;
    letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  }
  .middle-mobile-home-link>span,
  .middle-header-tools>.middle-write-link>span{color:#1f78e5!important;font-weight:750!important}

  .middle-messages-link__badge{top:0!important;right:calc(50% - 22px)!important;border:2px solid #fff!important}

  /* Menu/search sheets stay above the bar. */
  .middle-primary-nav.middle-top-sheet,
  .middle-header-search.middle-top-sheet{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .middle-layout{padding-bottom:calc(98px + env(safe-area-inset-bottom))!important}
  .middle-site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
}
@media(max-width:380px){
  .middle-mobile-home-link>span,
  .middle-header-tools .middle-mobile-nav-label,
  .middle-header-tools>.middle-write-link>span,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link)>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{font-size:8.4px!important}
  .middle-header-tools>.middle-write-link .middle-publish-plus-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
}

/* ========================================================================== 
   Middle Community 0.3.91 — true five-column mobile bottom navigation
   ========================================================================== */
@media(max-width:720px){
  :root{--middle-mobile-nav-height:76px;--middle-mobile-nav-bottom:0px}

  /* One real grid. No vw offsets and no absolute-positioned tab wrappers. */
  .middle-header-tools{
    position:fixed!important;
    z-index:260!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    height:calc(76px + env(safe-area-inset-bottom))!important;
    min-height:76px!important;
    margin:0!important;
    padding:5px 6px max(5px,env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:66px!important;
    column-gap:0!important;
    row-gap:0!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    border:0!important;
    border-top:1px solid rgba(211,221,234,.96)!important;
    border-radius:22px 22px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -10px 32px rgba(24,48,76,.13)!important;
  }

  /* Hide every header-only control from this mobile nav grid. */
  .middle-header-tools>.middle-header-weather,
  .middle-header-tools>.middle-theme-toggle--desktop,
  .middle-header-tools>.middle-home-header-bell,
  .middle-header-tools>.middle-profile-link{display:none!important}
  .middle-mobile-write-guest{display:flex!important}

  /* Explicit grid slots. */
  .middle-mobile-home-link{grid-column:1!important;grid-row:1!important}
  .middle-header-tools>.middle-search-toggle{grid-column:2!important;grid-row:1!important}
  .middle-header-tools>.middle-write-link{grid-column:3!important;grid-row:1!important}
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link){grid-column:4!important;grid-row:1!important}
  .middle-header-dropdown--menu{grid-column:5!important;grid-row:1!important}

  /* Reset old absolute/flex rules that were pulling the right Menu tab. */
  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link),
  .middle-header-dropdown--menu{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  .middle-header-dropdown--menu{
    display:block!important;
    overflow:visible!important;
    justify-content:initial!important;
    align-items:initial!important;
  }

  .middle-mobile-home-link,
  .middle-header-tools>.middle-search-toggle,
  .middle-header-tools>.middle-write-link,
  .middle-header-tools>.middle-messages-link,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link),
  .middle-header-dropdown--menu>.middle-nav-toggle{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:4px 2px 6px!important;
    border:0!important;
    border-radius:15px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  .middle-header-dropdown--menu>.middle-nav-toggle{
    justify-content:flex-end!important;
  }

  /* Equal visual centers in all five tabs. */
  .middle-mobile-home-link__brand,
  .middle-header-tools>.middle-search-toggle svg,
  .middle-header-tools>.middle-messages-link svg,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link) svg,
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-menu-dots-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    flex:0 0 25px!important;
    margin:0 auto!important;
  }
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-menu-dots-icon{fill:currentColor!important;stroke:none!important}
  .middle-header-dropdown--menu>.middle-nav-toggle>.middle-chevron{display:none!important}

  .middle-header-tools>.middle-write-link .middle-publish-plus-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    flex:0 0 48px!important;
    margin:-8px auto 0!important;
  }

  .middle-mobile-home-link>span,
  .middle-header-tools .middle-mobile-nav-label,
  .middle-header-tools>.middle-write-link>span,
  .middle-header-tools>.middle-account-link:not(.middle-profile-link)>span,
  .middle-header-dropdown--menu>.middle-nav-toggle>span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 1px!important;
    overflow:hidden!important;
    color:#52647b!important;
    font-size:9.2px!important;
    line-height:1!important;
    font-weight:650!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    opacity:1!important;
    visibility:visible!important;
    box-sizing:border-box!important;
  }
  .middle-mobile-home-link>span,
  .middle-header-tools>.middle-write-link>span{color:#1f78e5!important;font-weight:750!important}

  .middle-messages-link__badge{top:1px!important;right:calc(50% - 22px)!important}
  .middle-primary-nav.middle-top-sheet,
  .middle-header-search.middle-top-sheet{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .middle-layout{padding-bottom:calc(98px + env(safe-area-inset-bottom))!important}
  .middle-site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
}


/* ==========================================================================
   Middle Community 0.3.92 — final mobile Menu tab alignment fix
   Root cause: desktop homepage rules had higher selector specificity and
   forced the Menu button back to a 42–44px icon-only control.
   ========================================================================== */
@media(max-width:720px){
  /* Keep exactly five equal tracks. */
  .home .middle-header-tools{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  /* Fifth grid cell must behave exactly like the other four. */
  .home .middle-header-tools .middle-header-dropdown--menu{
    grid-column:5!important;
    grid-row:1!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  /* Override the old .home ... width:42px / display:grid rules. */
  .home .middle-header-tools .middle-header-dropdown--menu>.middle-nav-toggle{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:4px 1px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    border:0!important;
    border-radius:15px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    color:#52647b!important;
    text-align:center!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  /* Four-dot icon is centered in the same 25px icon slot as the others. */
  .home .middle-header-tools .middle-header-dropdown--menu>.middle-nav-toggle>.middle-menu-dots-icon{
    display:block!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    flex:0 0 25px!important;
    margin:0 auto!important;
    padding:0!important;
    fill:currentColor!important;
    stroke:none!important;
  }

  /* Restore the Menu label that the desktop homepage CSS hides. */
  .home .middle-header-tools .middle-header-dropdown--menu>.middle-nav-toggle>span{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    min-height:11px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#52647b!important;
    font-size:9.2px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .home .middle-header-tools .middle-header-dropdown--menu>.middle-nav-toggle>.middle-chevron{
    display:none!important;
  }
}
@media(max-width:380px){
  .home .middle-header-tools .middle-header-dropdown--menu>.middle-nav-toggle>span{
    font-size:8.4px!important;
  }
}


/* ==========================================================================
   Middle Community 0.3.93 — remove legacy hamburger-line styling from label
   ========================================================================== */
@media(max-width:720px){
  /*
   * Old theme CSS has `.middle-nav-toggle span { width:18px; height:1.5px;
   * background:currentColor; ... }` for the legacy hamburger.
   * The modern button also uses a <span> for the word "Меню", so that rule
   * turned the label into a dark horizontal pill. Reset it completely.
   */
  .home .middle-header-tools .middle-header-dropdown--menu>.middle-nav-toggle>span{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:11px!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#52647b!important;
    font-size:9.2px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}
@media(max-width:380px){
  .home .middle-header-tools .middle-header-dropdown--menu>.middle-nav-toggle>span{
    font-size:8.4px!important;
  }
}


/* ==========================================================================
   Middle Community 0.3.94 — selected mobile hero variant #3
   Photo + bottom information plate
   ========================================================================== */

.home .middle-exact-hero__picture{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.home .middle-exact-hero__mobile-subtitle{
  display:none;
}

@media(max-width:720px){
  .home .middle-exact-hero-zone{
    width:calc(100% - 18px)!important;
    margin:8px auto 0!important;
  }

  .home .middle-exact-hero-zone>.middle-exact-hero{
    position:relative!important;
    width:100%!important;
    height:190px!important;
    min-height:190px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:#d9ebf6!important;
    box-shadow:0 12px 30px rgba(31,63,96,.10)!important;
  }

  .home .middle-exact-hero__picture{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  .home .middle-exact-hero__image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    background:none!important;
  }

  /* Only a small lower gradient for contrast; no blue side gutters. */
  .home .middle-exact-hero-zone .middle-exact-hero__shade{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(
      180deg,
      rgba(7,25,44,0) 0%,
      rgba(7,25,44,0) 56%,
      rgba(7,25,44,.12) 72%,
      rgba(7,25,44,.52) 100%
    )!important;
    pointer-events:none!important;
  }

  /* Variant 3: dark translucent text plate attached to the bottom of photo. */
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    position:absolute!important;
    z-index:3!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    padding:10px 42px 10px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:15px!important;
    background:rgba(11,29,47,.72)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(8px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.08)!important;
    color:#fff!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero__copy::after{
    content:"›"!important;
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-52%)!important;
    color:#fff!important;
    font-size:29px!important;
    line-height:1!important;
    font-weight:300!important;
    opacity:.92!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero__city{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    text-transform:none!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero h1,
  .home .middle-exact-hero-zone .middle-exact-hero__copy>p{
    display:none!important;
  }

  .home .middle-exact-hero__mobile-subtitle{
    display:block!important;
    margin:1px 0 0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:550!important;
  }

  /* Cards begin cleanly below the banner instead of covering the photo. */
  .home .middle-exact-services{
    margin-top:10px!important;
  }
}

@media(max-width:390px){
  .home .middle-exact-hero-zone>.middle-exact-hero{
    height:178px!important;
    min-height:178px!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
  }
}


/* ==========================================================================
   Middle Community 0.3.95 — mobile hero shows the full photo inside the block
   ========================================================================== */
@media(max-width:720px){
  .home .middle-exact-hero-zone{
    width:calc(100% - 18px)!important;
    margin:8px auto 0!important;
  }

  /* Let the block grow from the real image height so nothing gets cropped. */
  .home .middle-exact-hero-zone>.middle-exact-hero{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:#d9ebf6!important;
    box-shadow:0 12px 30px rgba(31,63,96,.10)!important;
  }

  .home .middle-exact-hero__picture{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
  }

  /* Full photo is now shown entirely, without cropping. */
  .home .middle-exact-hero__image{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    background:none!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero__shade{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    height:48%!important;
    z-index:1!important;
    background:linear-gradient(
      180deg,
      rgba(7,25,44,0) 0%,
      rgba(7,25,44,.06) 38%,
      rgba(7,25,44,.16) 62%,
      rgba(7,25,44,.54) 100%
    )!important;
    pointer-events:none!important;
  }

  /* Keep variant 3 plate, but on top of the full visible image. */
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    position:absolute!important;
    z-index:3!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    min-height:56px!important;
    margin:0!important;
    padding:10px 42px 10px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:15px!important;
    background:rgba(11,29,47,.70)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(8px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.08)!important;
    color:#fff!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero__copy::after{
    content:"›"!important;
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-52%)!important;
    color:#fff!important;
    font-size:29px!important;
    line-height:1!important;
    font-weight:300!important;
    opacity:.92!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero__city{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    text-transform:none!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero h1,
  .home .middle-exact-hero-zone .middle-exact-hero__copy>p{
    display:none!important;
  }

  .home .middle-exact-hero__mobile-subtitle{
    display:block!important;
    margin:1px 0 0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:550!important;
  }

  .home .middle-exact-services{
    margin-top:10px!important;
  }
}

@media(max-width:390px){
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
  }
}

/* ========================================================================== 
   Middle Community 0.3.96 — mobile hero cleanup: no caption plate, no lines
   ========================================================================== */
@media(max-width:720px){
  /* Show only the full photo inside the first mobile block. */
  .home .middle-exact-hero-zone{
    width:calc(100% - 18px)!important;
    margin:8px auto 0!important;
  }
  .home .middle-exact-hero-zone>.middle-exact-hero{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .home .middle-exact-hero__picture{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    line-height:0!important;
    background:transparent!important;
  }
  .home .middle-exact-hero__image{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Remove the mobile text plate and any overlay lines/gradients. */
  .home .middle-exact-hero-zone .middle-exact-hero__shade,
  .home .middle-exact-hero-zone .middle-exact-hero__copy,
  .home .middle-exact-hero__mobile-subtitle{
    display:none!important;
  }

  /* Keep service cards below the image. */
  .home .middle-exact-services{
    margin-top:10px!important;
  }
}

/* ========================================================================== 
   Middle Community 0.3.97 — mobile hero small top-right label + remove white strip
   ========================================================================== */
@media(max-width:720px){
  /* Remove the white gap above the mobile hero. */
  .home .middle-exact-hero-zone{
    width:calc(100% - 18px)!important;
    margin:0 auto 0!important;
    padding-top:0!important;
  }
  .home .middle-exact-hero-zone>.middle-exact-hero{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .home .middle-exact-hero__picture{
    display:block!important;
    width:100%!important;
    height:auto!important;
    line-height:0!important;
    background:transparent!important;
  }
  .home .middle-exact-hero__image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  /* Keep the caption, but make it small and place it in the top-right corner. */
  .home .middle-exact-hero-zone .middle-exact-hero__shade{
    display:none!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    display:flex!important;
    position:absolute!important;
    z-index:3!important;
    top:10px!important;
    right:10px!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:160px!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 12px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:14px!important;
    background:rgba(11,29,47,.56)!important;
    color:#fff!important;
    box-shadow:0 6px 20px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(8px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy::after,
  .home .middle-exact-hero-zone .middle-exact-hero h1,
  .home .middle-exact-hero-zone .middle-exact-hero__copy>p{
    display:none!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    text-transform:none!important;
  }
  .home .middle-exact-hero__mobile-subtitle{
    display:block!important;
    margin:0!important;
    color:rgba(255,255,255,.84)!important;
    font-size:8.8px!important;
    line-height:1.15!important;
    font-weight:550!important;
  }

  .home .middle-exact-services{
    margin-top:10px!important;
  }
}

@media(max-width:390px){
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    top:8px!important;
    right:8px!important;
    max-width:148px!important;
    padding:7px 10px!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{
    font-size:10.5px!important;
  }
  .home .middle-exact-hero__mobile-subtitle{
    font-size:8.2px!important;
  }
}

/* ========================================================================== 
   Middle Community 0.3.98 — mobile hero top strip removed + label moved left
   ========================================================================== */
@media(max-width:720px){
  /* Remove the white strip above the site content on mobile. */
  body.home,body.front-page{
    margin:0!important;
    padding:0!important;
  }
  .home .middle-site-header,
  .home .middle-header-shell,
  .home .middle-header-row,
  .home .middle-layout,
  .home .middle-layout--exact-home,
  .home .middle-layout--exact-home>.middle-main,
  .home main.middle-exact-home{
    margin-top:0!important;
    padding-top:0!important;
  }
  .home .middle-site-header{
    top:0!important;
    padding-top:0!important;
  }

  /* Keep the small caption plate, but move it to the top-left. */
  .home .middle-exact-hero-zone{
    width:calc(100% - 18px)!important;
    margin:0 auto 0!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    display:flex!important;
    position:absolute!important;
    z-index:3!important;
    top:10px!important;
    left:10px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:160px!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 12px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:14px!important;
    background:rgba(11,29,47,.56)!important;
    color:#fff!important;
    box-shadow:0 6px 20px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(8px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__copy::after,
  .home .middle-exact-hero-zone .middle-exact-hero h1,
  .home .middle-exact-hero-zone .middle-exact-hero__copy>p{
    display:none!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    text-transform:none!important;
  }
  .home .middle-exact-hero__mobile-subtitle{
    display:block!important;
    margin:0!important;
    color:rgba(255,255,255,.84)!important;
    font-size:8.8px!important;
    line-height:1.15!important;
    font-weight:550!important;
  }
}

@media(max-width:390px){
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    top:8px!important;
    left:8px!important;
    max-width:148px!important;
    padding:7px 10px!important;
  }
  .home .middle-exact-hero-zone .middle-exact-hero__city{font-size:10.5px!important}
  .home .middle-exact-hero__mobile-subtitle{font-size:8.2px!important}
}


/* ==========================================================================
   Middle Community 0.3.99 — remove real top spacer on mobile + label top-left
   ========================================================================== */

/*
 * WordPress adds `html { margin-top:46px!important; }` on mobile for the
 * admin toolbar. On this theme that can remain visible as an empty white
 * strip above the header. Reset that spacer on the mobile homepage.
 */
@media(max-width:782px){
  html.middle-home-adminbar-reset{
    margin-top:0!important;
    padding-top:0!important;
  }
  html.middle-home-adminbar-reset #wpadminbar{
    display:none!important;
  }
  html.middle-home-adminbar-reset body.admin-bar.home,
  html.middle-home-adminbar-reset body.admin-bar.front-page{
    margin-top:0!important;
    padding-top:0!important;
  }
  html.middle-home-adminbar-reset body.admin-bar.home .middle-site-header,
  html.middle-home-adminbar-reset body.admin-bar.front-page .middle-site-header{
    top:0!important;
  }
}

@media(max-width:720px){
  html,
  body.home,
  body.front-page{
    padding-top:0!important;
  }

  body.home,
  body.front-page,
  .home .middle-site-header,
  .home .middle-header-row{
    margin-top:0!important;
    border-top:0!important;
  }

  .home .middle-site-header{
    top:0!important;
    padding-top:0!important;
  }

  /* The small hero badge stays in the upper-left corner. */
  .home .middle-exact-hero-zone .middle-exact-hero__copy{
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    max-width:150px!important;
    padding:7px 10px!important;
  }
}


/* ==========================================================================
   Middle Community 0.3.100 — hard mobile top-gap fix
   Not admin-bar related: collapse the mobile header shell itself while keeping
   the fixed bottom navigation alive.
   ========================================================================== */
@media(max-width:720px){
  /* The empty white strip is the mobile header shell. Collapse it completely. */
  .home .middle-site-header,
  .front-page .middle-site-header{
    position:relative!important;
    top:0!important;
    padding-top:0!important;
    margin-top:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }

  .home .middle-header-row,
  .front-page .middle-header-row{
    min-height:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }

  /* Hide only the top header content; keep the fixed bottom nav. */
  .home .middle-brand,
  .front-page .middle-brand,
  .home .middle-home-header-search,
  .front-page .middle-home-header-search,
  .home .middle-header-weather,
  .front-page .middle-header-weather,
  .home .middle-home-header-bell,
  .front-page .middle-home-header-bell,
  .home .middle-theme-toggle--desktop,
  .front-page .middle-theme-toggle--desktop{
    display:none!important;
  }

  .home .middle-layout,
  .front-page .middle-layout,
  .home .middle-layout--exact-home,
  .front-page .middle-layout--exact-home,
  .home main.middle-exact-home,
  .front-page main.middle-exact-home{
    padding-top:0!important;
    margin-top:0!important;
  }

  /* Put the small Kirovo-Chepetsk badge in the top-left corner. */
  .home .middle-exact-hero-zone,
  .front-page .middle-exact-hero-zone{
    margin-top:0!important;
  }

  .home .middle-exact-hero-zone .middle-exact-hero__copy,
  .front-page .middle-exact-hero-zone .middle-exact-hero__copy{
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    max-width:150px!important;
    padding:7px 10px!important;
  }
}


/* ==========================================================================
   Middle Community 0.4.18 — homepage buses card with map preview
   ========================================================================== */

.home .middle-exact-bus__map{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:10px 0 6px;
  padding:12px;
  border:1px solid #e7eef6;
  border-radius:14px;
  background:
    radial-gradient(circle at 84% 18%,rgba(55,133,223,.15),transparent 27%),
    linear-gradient(145deg,#f8fbff,#eef6ff);
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.home .middle-exact-bus__map:hover{
  transform:translateY(-2px);
  border-color:#cddff4;
  box-shadow:0 12px 24px rgba(30,88,156,.10);
}
.home .middle-exact-bus__map-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(18,100,200,.94);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
}
.home .middle-exact-bus__map-badge::before{
  content:"⌖";
  font-size:11px;
  line-height:1;
}
.home .middle-exact-bus__map-canvas{
  position:relative;
  display:block;
  min-height:118px;
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.08)),
    linear-gradient(135deg,#d9ecff 0%,#c8e4ff 30%,#eaf6ff 31%,#eaf6ff 100%);
  overflow:hidden;
}
.home .middle-exact-bus__map-canvas .road{
  position:absolute;
  display:block;
  background:rgba(255,255,255,.88);
  box-shadow:0 1px 0 rgba(156,181,208,.25);
}
.home .middle-exact-bus__map-canvas .road-a{
  top:22px; left:-8px; right:-8px; height:18px; transform:rotate(-4deg);
}
.home .middle-exact-bus__map-canvas .road-b{
  left:24px; top:-10px; bottom:-10px; width:20px; transform:rotate(4deg);
}
.home .middle-exact-bus__map-canvas .road-c{
  right:18px; top:18px; bottom:14px; width:16px; transform:rotate(-6deg);
}
.home .middle-exact-bus__map-canvas .line{
  position:absolute;
  display:block;
  height:4px;
  border-radius:999px;
  box-shadow:0 0 0 3px rgba(255,255,255,.52);
}
.home .middle-exact-bus__map-canvas .line-1{
  left:16px; right:56px; top:42px;
  background:linear-gradient(90deg,#35b86b,#4acb7c);
  transform:rotate(10deg);
}
.home .middle-exact-bus__map-canvas .line-2{
  top:26px; bottom:18px; left:58px; width:4px;
  height:auto;
  background:linear-gradient(180deg,#ef4d4d,#f87474);
}
.home .middle-exact-bus__map-canvas .line-3{
  left:72px; right:18px; bottom:26px;
  background:linear-gradient(90deg,#3ca9c7,#5fc7e3);
  transform:rotate(-9deg);
}
.home .middle-exact-bus__map-canvas .pin{
  position:absolute;
  width:12px;
  height:12px;
  border:2px solid #fff;
  border-radius:999px;
  box-shadow:0 4px 10px rgba(27,65,114,.22);
}
.home .middle-exact-bus__map-canvas .pin-a{top:34px; left:34px; background:#35b86b}
.home .middle-exact-bus__map-canvas .pin-b{top:68px; left:52px; background:#ef4d4d}
.home .middle-exact-bus__map-canvas .pin-c{bottom:22px; right:52px; background:#3ca9c7}
.home .middle-exact-bus__map-copy{
  display:grid;
  gap:2px;
}
.home .middle-exact-bus__map-copy strong{
  color:#19304c;
  font-size:11.5px;
  font-weight:800;
  line-height:1.2;
}
.home .middle-exact-bus__map-copy em{
  color:#6f8298;
  font-size:9px;
  line-height:1.25;
  font-style:normal;
}
@media(max-width:720px){
  .home .middle-exact-bus__map{
    margin:10px 0 8px;
    padding:11px;
    border-radius:16px;
  }
  .home .middle-exact-bus__map-badge{
    top:8px;
    left:8px;
    height:22px;
    font-size:8.5px;
  }
  .home .middle-exact-bus__map-canvas{
    min-height:104px;
    border-radius:11px;
  }
  .home .middle-exact-bus__map-copy strong{
    font-size:11px;
  }
  .home .middle-exact-bus__map-copy em{
    font-size:8.8px;
  }
}


/* ========================================================================== 
   Middle Community 0.4.97 — compact homepage ending on mobile
   The fixed app navigation is already accounted for by footer padding.
   ========================================================================== */
@media(max-width:720px){
  html body.home .middle-layout,
  html body.front-page .middle-layout,
  html body.home .middle-layout--exact-home,
  html body.front-page .middle-layout--exact-home{
    padding-bottom:0!important;
  }
  html body.home main.middle-exact-home,
  html body.front-page main.middle-exact-home,
  html body.home .middle-layout--exact-home>.middle-main,
  html body.front-page .middle-layout--exact-home>.middle-main{
    padding-bottom:8px!important;
  }
  html body.home .middle-site-footer--home,
  html body.front-page .middle-site-footer--home{
    margin-top:8px!important;
  }
}



/* 0.5.16 — Golden Archive homepage block rebuilt into a compact editorial layout. */
.home .middle-home-golden-archive{width:min(1380px,calc(100% - 44px));max-width:1380px;margin:0 auto 28px;display:grid;gap:16px;padding:20px;border:1px solid #eadfca;border-radius:24px;background:linear-gradient(135deg,#fffaf0 0%,#f7ebd1 100%);box-shadow:0 12px 32px rgba(85,58,17,.08)}
.home .middle-home-golden-archive__head{display:block}
.home .middle-home-golden-archive__intro{display:grid;gap:12px;min-width:0}
.home .middle-home-golden-archive__kicker{display:inline-flex;align-self:flex-start;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(177,129,33,.12);color:#8d6518;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;align-items:center}
.home .middle-home-golden-archive__title-row{margin:0!important}
.home .middle-home-golden-archive__intro p{margin:0;max-width:900px;color:#5f646f;font-size:14px;line-height:1.7}
.home .middle-home-golden-archive__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch;min-height:0}
.home .middle-home-golden-archive__featured{overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;height:320px;min-width:0;border:1px solid rgba(139,105,33,.14);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(81,60,20,.08)}
.home .middle-home-golden-archive__featured-media{display:block;min-height:0;height:100%;overflow:hidden;background:#e9edf2}
.home .middle-home-golden-archive__featured-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.home .middle-home-golden-archive__featured:hover .middle-home-golden-archive__featured-media img{transform:scale(1.04)}
.home .middle-home-golden-archive__featured-copy{display:flex;flex-direction:column;gap:7px;padding:14px 16px}
.home .middle-home-golden-archive__featured-copy h3{margin:0;font-size:24px;line-height:1.08;letter-spacing:-.03em}
.home .middle-home-golden-archive__featured-copy h3 a{color:#1b2740}
.home .middle-home-golden-archive__featured-copy p{margin:0;color:#5f646f;font-size:13px;line-height:1.6}
.home .middle-home-golden-archive__tag{display:inline-flex;align-self:flex-start;min-height:27px;padding:0 10px;border-radius:999px;background:#f5ead2;color:#8a6319;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;align-items:center}
.home .middle-home-golden-archive__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:320px}
.home .middle-home-golden-archive__item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;min-width:0;min-height:0;height:100%;padding:9px 10px;border:1px solid rgba(139,105,33,.12);border-radius:16px;background:rgba(255,255,255,.88);color:#1b2740;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home .middle-home-golden-archive__item:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(81,60,20,.08);border-color:#dcc089}
.home .middle-home-golden-archive__item-media{display:block;height:74px;border-radius:12px;overflow:hidden;background:#e9edf2}
.home .middle-home-golden-archive__item-media img{width:100%;height:100%;object-fit:cover;display:block}
.home .middle-home-golden-archive__item-copy{display:grid;gap:5px;min-width:0}
.home .middle-home-golden-archive__item-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.28}
.home .middle-home-golden-archive__item-copy small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#707889;font-size:11px;line-height:1.35}
@media(max-width:1100px){.home .middle-home-golden-archive{width:min(var(--mc-home-canvas),calc(100% - 34px));max-width:none}.home .middle-home-golden-archive__body{grid-template-columns:1fr}.home .middle-home-golden-archive__featured{height:auto}.home .middle-home-golden-archive__featured-media{aspect-ratio:16/9;height:auto}.home .middle-home-golden-archive__list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto}.home .middle-home-golden-archive__item{min-height:112px;height:auto}.home .middle-home-golden-archive__featured-copy h3{font-size:24px}}
@media(max-width:680px){.home .middle-home-golden-archive{width:calc(100% - 20px);max-width:none;padding:16px;border-radius:22px}.home .middle-home-golden-archive__body{gap:12px}.home .middle-home-golden-archive__list{grid-template-columns:1fr}.home .middle-home-golden-archive__item{grid-template-columns:96px minmax(0,1fr);min-height:102px;height:auto}.home .middle-home-golden-archive__item-media{height:78px}.home .middle-home-golden-archive__featured{height:auto;border-radius:18px}.home .middle-home-golden-archive__featured-media{aspect-ratio:16/10;height:auto}.home .middle-home-golden-archive__featured-copy h3{font-size:22px}}


/* 0.5.19 — Golden Archive canonical width, spacing and mobile layout. */
.home .middle-home-golden-archive{width:min(var(--mc-home-canvas,1540px),calc(100% - 44px));max-width:none;margin:24px auto 28px;box-sizing:border-box}
@media(max-width:900px){.home .middle-home-golden-archive{width:calc(100% - 18px)!important;margin:16px auto 24px!important;padding:15px!important;gap:14px!important;border-radius:20px!important}.home .middle-home-golden-archive__intro{gap:8px!important}.home .middle-home-golden-archive__kicker{min-height:26px!important;padding:0 9px!important;font-size:8px!important}.home .middle-home-golden-archive__title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.home .middle-home-golden-archive__title-row h2{font-size:22px!important;line-height:1.08!important}.home .middle-home-golden-archive__title-row>a{font-size:10px!important;white-space:nowrap!important}.home .middle-home-golden-archive__intro p{font-size:12px!important;line-height:1.5!important}.home .middle-home-golden-archive__body{grid-template-columns:1fr!important;gap:10px!important}.home .middle-home-golden-archive__featured{height:auto!important;border-radius:16px!important}.home .middle-home-golden-archive__featured-media{height:auto!important;aspect-ratio:16/9!important}.home .middle-home-golden-archive__featured-copy{padding:12px 13px!important;gap:6px!important}.home .middle-home-golden-archive__featured-copy h3{font-size:19px!important;line-height:1.15!important}.home .middle-home-golden-archive__featured-copy p{font-size:11px!important;line-height:1.45!important}.home .middle-home-golden-archive__tag{min-height:23px!important;padding:0 8px!important;font-size:7.5px!important}.home .middle-home-golden-archive__list{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;height:auto!important;gap:9px!important}.home .middle-home-golden-archive__item{grid-template-columns:78px minmax(0,1fr)!important;min-height:94px!important;height:auto!important;padding:8px!important;border-radius:14px!important;gap:8px!important}.home .middle-home-golden-archive__item-media{height:70px!important;border-radius:10px!important}.home .middle-home-golden-archive__item-copy strong{font-size:11px!important;line-height:1.25!important}.home .middle-home-golden-archive__item-copy small{font-size:9.5px!important;line-height:1.3!important;-webkit-line-clamp:2!important}}
@media(max-width:560px){.home .middle-home-golden-archive{width:calc(100% - 18px)!important;padding:13px!important}.home .middle-home-golden-archive__title-row{align-items:flex-start!important;flex-direction:column!important}.home .middle-home-golden-archive__title-row>a{align-self:flex-start!important}.home .middle-home-golden-archive__featured-media{aspect-ratio:16/10!important}.home .middle-home-golden-archive__list{grid-template-columns:1fr!important}.home .middle-home-golden-archive__item{grid-template-columns:92px minmax(0,1fr)!important;min-height:90px!important}.home .middle-home-golden-archive__item-media{height:72px!important}.home .middle-home-golden-archive__item-copy strong{font-size:12px!important}.home .middle-home-golden-archive__item-copy small{font-size:10px!important}}


/* 0.5.20 — Golden Archive cinematic homepage block (variant 3). */
.home .middle-home-golden-archive--cinematic{position:relative;overflow:hidden;width:min(var(--mc-home-canvas,1540px),calc(100% - 44px));max-width:none;margin:24px auto 28px;padding:24px;border:1px solid rgba(206,183,135,.28);border-radius:28px;background:linear-gradient(120deg,rgba(8,16,28,.96) 0%,rgba(17,27,44,.92) 55%,rgba(13,23,39,.96) 100%);box-shadow:0 20px 44px rgba(6,14,26,.16)}
.home .middle-home-golden-archive--cinematic::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,10,18,.92) 0%,rgba(8,14,25,.72) 42%,rgba(8,14,25,.78) 100%),var(--middle-golden-bg);background-size:cover;background-position:center;opacity:.72;pointer-events:none}
.home .middle-home-golden-archive--cinematic::after{content:"";position:absolute;inset:auto -10% -30% auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(217,180,107,.16),transparent 68%);pointer-events:none}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,.92fr) minmax(320px,1fr) minmax(210px,.62fr);gap:18px;align-items:center}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro{display:grid;gap:14px;align-content:center;min-width:0}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__kicker{display:inline-flex;justify-self:start;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(217,180,107,.16);color:#f6ddab;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;align-items:center}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro h2{margin:0;color:#fff;font-size:48px;line-height:.94;letter-spacing:-.04em}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro p{margin:0;max-width:340px;color:rgba(248,249,252,.82);font-size:15px;line-height:1.62}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__button{display:inline-flex;justify-self:start;align-items:center;min-height:46px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,#d7b36d 0%,#f0d397 100%);color:#172338;font-weight:800;box-shadow:0 12px 22px rgba(0,0,0,.16)}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__spotlight{display:flex;justify-content:center;align-items:center;min-width:0}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__polaroid{display:flex;flex-direction:column;gap:12px;width:min(100%,410px);padding:14px 14px 18px;border-radius:10px;background:#f7f0e1;box-shadow:0 18px 38px rgba(0,0,0,.28);transform:rotate(-4deg);color:#172338}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__polaroid-photo{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#d4dbe4}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__polaroid-photo img{width:100%;height:100%;object-fit:cover;display:block}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__polaroid-caption{display:block;font-size:18px;font-weight:800;line-height:1.18;color:#172338}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail{display:grid;gap:10px;align-content:center}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(6px);color:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-item:hover{transform:translateX(-3px);background:rgba(255,255,255,.10);border-color:rgba(255,219,150,.26)}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-thumb{display:block;width:58px;height:58px;border-radius:10px;overflow:hidden;background:#cfd5de}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-copy{display:block;font-size:14px;font-weight:700;line-height:1.25;color:#fff}
.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__note{margin-top:6px;padding:8px 0 2px 8px;color:#f7efdd;font-size:42px;line-height:.98;font-style:italic;font-family:"Brush Script MT","Segoe Print",cursive;text-shadow:0 4px 18px rgba(0,0,0,.24)}
@media (max-width:1180px){.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__content{grid-template-columns:minmax(240px,.85fr) minmax(280px,1fr) minmax(200px,.7fr)}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro h2{font-size:42px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__note{font-size:34px}}
@media (max-width:980px){.home .middle-home-golden-archive--cinematic{width:min(var(--mc-home-canvas,1540px),calc(100% - 28px));padding:18px 16px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__content{grid-template-columns:1fr;gap:14px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro{justify-items:start}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro p{max-width:none}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__spotlight{justify-content:flex-start}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__polaroid{transform:none;width:min(100%,460px)}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__note{grid-column:1 / -1;padding-left:2px}}
@media (max-width:640px){.home .middle-home-golden-archive--cinematic{width:calc(100% - 18px);margin:18px auto 24px;padding:14px;border-radius:22px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro{gap:10px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__kicker{min-height:28px;padding:0 10px;font-size:9px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro h2{font-size:31px;line-height:.98}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__intro p{font-size:13px;line-height:1.5}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__button{min-height:40px;padding:0 15px;font-size:13px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__polaroid{padding:10px 10px 14px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__polaroid-caption{font-size:16px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail{grid-template-columns:1fr}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-item{grid-template-columns:72px minmax(0,1fr);padding:9px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-thumb{width:72px;height:72px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__rail-copy{font-size:13px}.home .middle-home-golden-archive--cinematic .middle-home-golden-archive__note{font-size:29px;line-height:1.04}}