/* drept.net — дизайн на токенах Spaceship SDS.
   Шрифт: Mulish (свободный аналог GB Proxima Nova).
   Палитра: brand #394eff, навигация-контраст #050d4f, gold #886803/#d6a900. */
:root{
  /* brand */
  --brand:#394eff; --brand-strong:#1f2da0; --brand-contrast:#050d4f;
  --brand-subtle:#ebf3ff; --brand-minimal:#f6faff;
  /* ink (neutral text) */
  --ink:#2b2b2d; --ink-2:#575758; --ink-3:#6f6e6f;
  /* premium / gold */
  --gold:#886803; --gold-bold:#d6a900; --gold-subtle:#fff2d1;
  /* promo (teal, второстепенный акцент) */
  --teal:#007b6c; --teal-subtle:#e5fff8;
  /* surfaces */
  --bg:#ffffff; --surface:#f7f7f8; --line:#e7e7ea;
  /* shape */
  --r-sm:6px; --r:6px; --r-lg:6px; --r-pill:6px;
  --shadow:0 1px 0 rgba(23,24,26,.04) inset,0 1.5px 3px rgba(23,24,26,.09),0 3px 6px rgba(23,24,26,.07);
  --shadow-lg:0 6px 12px -1px rgba(23,24,26,.09),0 12px 24px -1px rgba(23,24,26,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font:400 16px/1.5 Mulish,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
       Helvetica,Arial,sans-serif;
  color:var(--ink-2);background:var(--bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
h1,h2,h3,h4{color:var(--ink);font-weight:800;line-height:1.2;letter-spacing:-.01em}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.gb-container,.wrap{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:5vw;padding-right:5vw;width:100%}
.gb-scope-sds,.gb-scope-sds *,.gb-scope-sds :after,.gb-scope-sds :before{box-sizing:border-box}

/* ---- buttons (pill, как в SDS) ---- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:400;font-size:15px;line-height:1.1;padding:9px 14px;
  border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;
  transition:background .15s,box-shadow .15s,color .15s;white-space:nowrap;
}
.btn:hover{text-decoration:none}
.btn__icon{width:17px;height:17px;display:block;filter:brightness(0) invert(1)}
.btn--ghost .btn__icon{filter:brightness(0) saturate(100%) invert(22%) sepia(82%) saturate(2952%) hue-rotate(231deg) brightness(83%) contrast(98%)}
.btn--primary{background:var(--brand);color:#fff}
.btn--primary:hover{background:var(--brand-strong)}
.btn--ghost{background:var(--brand-subtle);color:var(--brand-strong)}
.btn--ghost:hover{background:#dbe8ff}
.btn--dark{background:var(--brand-contrast);color:#fff}
.btn--dark:hover{background:#0b1670}
.btn--print{background:var(--teal);color:#fff}
.btn--print:hover{background:#006155;text-decoration:none}
.btn--lg{padding:11px 16px;font-size:15px}

.contact-menu{position:relative}
.contact-menu>summary{list-style:none}
.contact-menu>summary::-webkit-details-marker{display:none}
.contact-menu__summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:2px;margin-top:-3px;opacity:.8}
.contact-menu[open] .contact-menu__summary::after{transform:rotate(225deg);margin-top:3px}
.contact-menu__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:80;display:grid;gap:5px;min-width:196px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow-lg)}
.contact-option{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:14px;font-weight:400;padding:7px 8px;border-radius:6px}
.contact-option:hover{text-decoration:none;background:var(--surface);color:var(--ink)}
.contact-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:#fff;flex:none;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 6px 12px -7px rgba(0,0,0,.5)}
.contact-icon svg,.contact-icon img{width:18px;height:18px;display:block}
.contact-icon img{filter:brightness(0) invert(1)}
.contact-option--viber .contact-icon img{width:19px;height:19px}
.contact-option--whatsapp .contact-icon img{width:18px;height:18px}
.contact-option--telegram .contact-icon img{width:19px;height:19px}
.contact-option--phone .contact-icon{background:linear-gradient(135deg,#f6faff,#ebf3ff);color:var(--brand-strong);border:1px solid #cfe3ff;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 5px 10px -8px rgba(31,45,160,.45)}
.contact-option--phone:hover .contact-icon{background:linear-gradient(135deg,#ebf3ff,#dbe8ff);color:var(--brand)}
.contact-option--viber .contact-icon{background:linear-gradient(135deg,#8f7cff,#5f4bd8)}
.contact-option--whatsapp .contact-icon{background:linear-gradient(135deg,#35df78,#119f4b)}
.contact-option--telegram .contact-icon{background:linear-gradient(135deg,#45bfff,#168bd4)}
.contact-menu--footer{display:inline-block;margin-top:2px}
.contact-menu--footer .contact-menu__panel{left:0;right:auto;top:auto;bottom:calc(100% + 8px)}

/* ---- header / nav ---- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.nav__meta{background:var(--brand-contrast);color:rgba(255,255,255,.72);font-size:12px}
.nav__meta-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}
.nav__meta a{color:#fff;font-weight:800}
.nav__meta a:hover{text-decoration:none;color:#cfe3ff}
.nav__inner{display:flex;align-items:center;gap:28px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}
.brand:hover{text-decoration:none}
.brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;
  background:var(--brand);color:#fff;font-weight:800;font-size:18px;flex:none}
.brand__text{font-size:20px;letter-spacing:-.02em}
.brand__dot{color:var(--brand)}
.brand--light{color:#fff}
.brand--light .brand__dot{color:#8aa0ff}

.nav__links{display:flex;gap:8px;flex:1;font-weight:700;font-size:15px;min-width:0}
.nav__links a{color:var(--ink-2);padding:9px 12px;border-radius:var(--r-pill);white-space:nowrap}
.nav__links a:hover,.nav__links a.is-active{color:var(--brand);background:var(--brand-subtle);text-decoration:none}
.nav__actions{display:flex;gap:10px;align-items:center}
@media(max-width:860px){
  .nav__inner{align-items:flex-start;flex-direction:column;gap:12px;padding-top:14px;padding-bottom:14px}
  .nav__links{width:100%;overflow-x:auto;padding-bottom:2px}
  .nav__links::-webkit-scrollbar{display:none}
  .nav__actions .btn--ghost{display:none}
}
@media(max-width:620px){
  .nav__meta-inner{justify-content:center}
  .nav__meta-inner span{display:none}
  .nav__actions{width:100%}
  .nav__actions .btn--primary{width:100%}
}

/* ---- hero ---- */
.hero{position:relative;overflow:hidden;background:#fff;padding:28px 0 24px}
.hero::before,.hero::after{content:none}
.hero__grid{position:relative;min-height:clamp(280px,30vw,410px);display:grid;grid-template-columns:minmax(280px,32%) minmax(0,68%);gap:0;align-items:center}
.hero__copy{position:relative;z-index:8;padding:12px 0 22px}
.hero__eyebrow{display:inline-block;font-weight:700;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--brand);
  background:#fff;border:1px solid var(--line);padding:6px 14px;border-radius:var(--r-pill)}
.hero h1{font-size:clamp(28px,3.1vw,40px);font-weight:600;color:var(--ink);margin:0;max-width:22ch}
.hero__title{display:grid;gap:4px}
.hero__title-small{font-size:clamp(18px,1.8vw,24px);font-weight:600;color:var(--ink-2)}
.hero .lead{font-size:19px;line-height:1.55;color:var(--ink-2);margin:16px 0 0;max-width:60ch}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero__visual{position:absolute;inset:0;z-index:1;overflow:hidden}
.hero__visual::before{content:"";position:absolute;inset:2% 0 4% 30%;z-index:5;pointer-events:none;
  background:
    linear-gradient(100deg,transparent 0 20%,rgba(255,255,255,.92) 24%,rgba(255,255,255,.2) 28%,transparent 36% 100%),
    linear-gradient(83deg,transparent 0 40%,rgba(255,255,255,.72) 45%,rgba(255,255,255,.24) 50%,transparent 60% 100%),
    linear-gradient(0deg,transparent 0 48%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.18) 53%,transparent 60% 100%),
    linear-gradient(118deg,transparent 0 62%,rgba(57,78,255,.22) 65%,transparent 75% 100%);
  -webkit-mask-image:radial-gradient(ellipse at 62% 50%,transparent 0,#000 24%,#000 74%,transparent 90%);
  mask-image:radial-gradient(ellipse at 62% 50%,transparent 0,#000 24%,#000 74%,transparent 90%);
  opacity:0;animation:digitalScan 7s ease-in-out infinite}
.hero__photo{background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.hero__photo--main{position:absolute;inset:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}
.hero__slide{opacity:0;animation:heroFade 18s ease-in-out infinite}
.hero__slide--one{background-image:url("/static/hero/legal-newsroom.png");animation-delay:0s}
.hero__slide--two{background-image:url("/static/hero/business-consultation.png");animation-delay:6s}
.hero__slide--three{background-image:url("/static/hero/business-liga-editorial.png");animation-delay:12s}
@keyframes heroFade{
  0%{opacity:0;transform:scale(1.01)}
  8%{opacity:1}
  30%{opacity:1}
  42%{opacity:0;transform:scale(1.035)}
  100%{opacity:0;transform:scale(1.035)}
}
@keyframes digitalScan{
  0%,12%{opacity:0;transform:translateX(-46px) scaleX(.92)}
  30%{opacity:.88}
  74%{opacity:.58;transform:translateX(34px) scaleX(1.06)}
  100%{opacity:0;transform:translateX(58px) scaleX(1.08)}
}
@media(prefers-reduced-motion:reduce){
  .hero__slide{animation:none}
  .hero__slide--one{opacity:1}
  .hero__visual::before{animation:none;opacity:.5}
}

/* ---- columns ---- */
.content-band{background:linear-gradient(180deg,#fff 0,var(--brand-minimal) 100%);border-top:1px solid rgba(231,231,234,.65)}
.content-band--main{padding-top:6px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;padding:48px 0}
@media(max-width:900px){.cols{grid-template-columns:1fr;gap:32px}}
.sec{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 18px;display:flex;align-items:center;gap:8px}
.sec::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--brand)}
.sec.ever::before{background:var(--gold-bold)}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-top .sec{margin:0}
.section-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.section-tabs a{color:var(--ink-2);font-size:13px;font-weight:400;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#fff}
.section-tabs a:hover{color:var(--brand);border-color:var(--brand-subtle);background:var(--brand-minimal);text-decoration:none}
@media(max-width:720px){
  .section-top{align-items:flex-start;flex-direction:column}
  .section-tabs{justify-content:flex-start}
}

/* ---- article cards (main col) ---- */
.col-main{min-width:0}
.card{padding:22px;border:1px solid var(--line);border-radius:var(--r);
  background:#fff;box-shadow:var(--shadow);margin-bottom:16px;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.card h3{font-size:21px;line-height:1.3;margin:10px 0 0}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--brand);text-decoration:none}
.rub{display:inline-block;font-weight:800;font-size:11px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--brand-strong);background:var(--brand-subtle);
  padding:5px 10px;border-radius:var(--r-pill)}
.excerpt{color:var(--ink-2);font-size:15px;margin:8px 0 0}
.meta{font-size:13px;color:var(--ink-3);margin-top:12px}
.prem{display:inline-block;font-weight:800;font-size:11px;color:#fff;
  background:var(--gold-bold);padding:2px 8px;border-radius:var(--r-pill)}
.more{display:inline-block;margin-top:8px;font-weight:700;color:var(--brand)}

/* ---- side panels ---- */
.col-side{display:flex;flex-direction:column;gap:20px;align-self:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:22px;box-shadow:var(--shadow)}
.newslist{list-style:none}
.newslist li{padding:12px 0;border-bottom:1px solid var(--line)}
.newslist li:last-child{border-bottom:0}
.newslist li.empty{color:var(--ink-3)}
.newslist .date{display:block;font-size:12px;color:var(--ink-3);margin-bottom:3px}
.newslist a{color:var(--ink);font-weight:600;font-size:15px;line-height:1.35}
.newslist a:hover{color:var(--brand);text-decoration:none}

/* ---- magazine box ---- */
.magbox{background:var(--brand-contrast);color:#fff;border-radius:var(--r);
  padding:24px;box-shadow:var(--shadow)}
.magbox h3{color:#fff;font-size:18px}
.magbox p{color:#b8c2ff;font-size:14px;margin:8px 0 16px}

/* ---- page head (feed / magazines) ---- */
.page-head{background:
  linear-gradient(115deg,#fff 0,#fff 38%,var(--brand-minimal) 38%,var(--brand-subtle) 100%);
  border-bottom:1px solid var(--line);padding:48px 0 44px}
.page-head h1{font-size:clamp(28px,4vw,40px)}
.page-head .count{color:var(--ink-3);margin-top:8px;font-size:15px}
.search-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:20px}
.search-field{display:grid;gap:7px;flex:1;min-width:260px;max-width:460px;color:var(--ink-3);font-size:13px}
.search-example{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);padding-bottom:11px}
.search-example__label{white-space:nowrap}
.search-example__word{font:inherit;font-weight:700;color:var(--brand-strong);cursor:pointer;background:var(--brand-subtle);border:1px solid #cfe3ff;border-radius:var(--r-pill);padding:5px 14px;transition:background .15s,color .15s}
.search-example__word:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.search-field input{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:15px;padding:10px 12px;outline:none;box-shadow:0 1px 0 rgba(23,24,26,.04) inset}
.search-field input:focus{border-color:#cfe3ff;box-shadow:0 0 0 3px rgba(57,78,255,.1)}
.search-subscribe{max-width:760px;margin-top:12px}
.search-subscribe__toggle{min-width:190px}
.search-subscribe__form{display:grid;gap:10px;margin-top:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}
.search-subscribe__form[hidden]{display:none}
.subscribe-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.subscribe-input{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px 10px;color:var(--ink-3)}
.subscribe-input span{font-size:12px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.subscribe-input img{width:18px;height:18px;display:block;flex:none}
.subscribe-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}
.subscribe-input:focus-within{border-color:#cfe3ff;box-shadow:0 0 0 3px rgba(57,78,255,.1)}
.subscribe-input--email img{color:var(--brand);filter:brightness(0) saturate(100%) invert(22%) sepia(82%) saturate(2952%) hue-rotate(231deg) brightness(83%) contrast(98%)}
.subscribe-input--whatsapp img{filter:brightness(0) saturate(100%) invert(51%) sepia(86%) saturate(611%) hue-rotate(93deg) brightness(90%) contrast(88%)}
.subscribe-input--telegram img{filter:brightness(0) saturate(100%) invert(52%) sepia(63%) saturate(2075%) hue-rotate(170deg) brightness(95%) contrast(92%)}
.search-subscribe__status{min-height:18px;font-size:13px;color:var(--teal)}
.search-subscribe__status.is-error{color:#a0291c}
.search-results{padding-top:30px}
.search-results__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.result-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;box-shadow:0 1px 0 rgba(23,24,26,.04) inset}
.result-card h3{font-size:18px;line-height:1.3;margin-bottom:12px}
.result-card h3 a{color:var(--ink)}
.result-card h3 a:hover{color:var(--brand);text-decoration:none}

/* ---- feed ---- */
.feed{padding:32px 0 40px;display:flex;flex-direction:column;gap:12px}
.feed--news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.feed .row{display:flex;gap:18px;padding:20px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 1px 0 rgba(23,24,26,.04) inset}
.feed .row:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.row .rub{align-self:start;white-space:nowrap}
.row-body{min-width:0}
.row-meta{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.row-date{display:flex;align-items:center;gap:9px;color:var(--ink-3);font-size:13px}
.row-date::before{content:"·";color:var(--ink-3)}
.row h3{font-size:19px;line-height:1.3}
.row h3 a{color:var(--ink)}
.row h3 a:hover{color:var(--brand);text-decoration:none}
.pager{display:flex;gap:16px;justify-content:center;padding:12px 0 48px}
.pager a{font-weight:700;color:var(--brand)}

/* ---- material (reading view) ---- */
.material{max-width:820px;margin:36px auto 32px;padding:38px 5vw;background:#fff;border:1px solid var(--line);
  border-radius:6px;box-shadow:var(--shadow)}
.m-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.m-head .date{color:var(--ink-3);font-size:14px}
.material h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin-bottom:16px}
.m-lead{font-size:20px;line-height:1.5;color:var(--ink);font-weight:600;margin-bottom:24px}
.m-body{font-size:18px;line-height:1.75;color:var(--ink-2)}
.m-body h2{font-size:24px;color:var(--ink);margin:32px 0 12px}
.m-body h3{font-size:20px;color:var(--ink);margin:24px 0 8px}
.m-body p{margin:14px 0}
.m-body ul,.m-body ol{margin:14px 0 14px 24px}
.m-body li{margin:6px 0}
.m-body a{color:var(--brand);text-decoration:underline}
.m-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.m-body th{background:var(--brand-contrast);color:#fff;padding:10px 12px;text-align:left}
.m-body td{padding:10px 12px;border:1px solid var(--line)}
.m-body tr:nth-child(even) td{background:var(--surface)}
.m-body aside.pull{font-size:22px;line-height:1.4;color:var(--ink);font-weight:700;
  border-left:4px solid var(--brand);padding:6px 0 6px 20px;margin:24px 0}
.m-body aside.box{background:var(--brand-minimal);border:1px solid var(--line);
  border-radius:var(--r);padding:18px 20px;margin:20px 0}
.m-body aside.box h4{color:var(--brand-strong);margin-bottom:8px}
.m-policy-note{background:var(--brand-minimal);border-left:3px solid var(--brand);
  border-radius:0 var(--r-sm) var(--r-sm) 0;padding:14px 18px;margin:20px 0;
  font-weight:600;color:var(--ink)}
.m-body blockquote.norm{background:var(--gold-subtle);border-left:3px solid var(--gold-bold);
  border-radius:0 var(--r-sm) var(--r-sm) 0;padding:12px 18px;margin:18px 0;color:#5b4700}
.m-body blockquote.norm p{margin:0}
.m-body blockquote.norm cite{display:block;margin-top:8px;color:var(--gold);font-size:14px;font-style:normal;font-weight:600}
.m-sources{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);
  font-size:14px;color:var(--ink-2)}
.m-sources h3{font-size:15px;color:var(--ink);margin-bottom:10px}
.m-sources ul{list-style:none}
.m-sources li{padding:4px 0}
.ref{margin-top:12px;font-weight:700;color:var(--ink)}

/* ---- magazines grid ---- */
/* группировка выпусков по годам */
.magyear{padding-top:18px}
.magyear[hidden]{display:none}
.magyear__title{display:flex;align-items:baseline;gap:12px;font-size:22px;
  font-weight:800;color:var(--ink);padding-bottom:6px;
  border-bottom:2px solid var(--brand-subtle)}
.magyear__count{font-size:13px;font-weight:600;color:var(--ink-3)}
.magyear .maglist{padding:18px 0 12px}
.maglist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;padding:32px 0 48px}
.magcard{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}
.magcard[hidden]{display:none}
.magcard .num{font-weight:800;font-size:24px;color:var(--brand);min-width:52px}
.magcard h3{font-size:17px}
.magcard p{font-size:13px;color:var(--ink-3);margin-top:2px}
.magcard__actions{display:flex;align-items:center;gap:8px;margin-left:auto}

/* ---- related / misc ---- */
.related{max-width:820px;margin:0 auto 48px;padding-left:5vw;padding-right:5vw}
.empty{color:var(--ink-3);padding:16px 0}

main{background:#fff}
main:has(.material){background:linear-gradient(180deg,var(--brand-minimal),#fff 220px)}

/* ---- footer ---- */
.foot{background:var(--brand-contrast);color:#aab4e6;margin-top:24px}
.foot__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding:48px 0 36px}
@media(max-width:780px){.foot__inner{grid-template-columns:1fr}}
.foot__col h4{color:#fff;font-size:14px;margin-bottom:14px;letter-spacing:.02em}
.foot__col a{display:block;color:#aab4e6;padding:5px 0;font-size:15px}
.foot__col a:hover{color:#fff;text-decoration:none}
.foot__tagline{margin-top:12px;font-size:14px;color:#8893c9;max-width:32ch}
.foot__muted{color:#7681b8;font-size:13px;margin-top:6px}
.foot__bottom{border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#7681b8}
.foot__bottom .wrap{padding-top:20px;padding-bottom:24px}
.foot__bottom p{margin:4px 0}

@media(max-width:980px){
  .hero{padding-top:22px}
  .hero__grid{grid-template-columns:1fr;gap:12px;min-height:430px;align-items:start}
  .hero__copy{padding-bottom:10px}
  .hero__visual{top:135px}
  .hero__photo--main{inset:0}
}
@media(max-width:640px){
  .hero{padding-bottom:22px}
  .hero__grid{min-height:360px}
  .hero__visual{top:145px}
  .hero h1{font-size:28px}
  .hero__title-small{font-size:18px}
  .feed .row{display:block}
  .feed--news{grid-template-columns:1fr}
  .subscribe-fields,.search-results__list{grid-template-columns:1fr}
  .row .rub{margin-bottom:10px}
  .material{margin:20px auto 24px;border-left:0;border-right:0;border-radius:0}
  .maglist{grid-template-columns:1fr}
}