.aktivnosti__zag{max-width:none;color:var(--chernila)}
.hod .aktivnosti .stroka{transform:translateY(135%)}
.hod .aktivnosti.otpechatan .stroka{transform:none;transition:transform .52s var(--hod-out)}
.hod .aktivnosti .maska:nth-child(2) .stroka{transition-delay:70ms}

@keyframes sbor-chasti{
  from{ opacity:0; translate:0 18px }
  to{ opacity:1; translate:0 0 }
}
.hod .aktivnosti .lenta .srok,
.hod .aktivnosti .byulleteni > li{ opacity:0 }
.hod .aktivnosti.otpechatan .lenta .srok{
  animation: sbor-chasti .34s var(--hod-out) var(--zaderzhka,0ms) both;
}
.hod .aktivnosti.otpechatan .lenta .srok:nth-child(1){ --zaderzhka:150ms }
.hod .aktivnosti.otpechatan .lenta .srok:nth-child(2){ --zaderzhka:210ms }
.hod .aktivnosti.otpechatan .lenta .srok:nth-child(3){ --zaderzhka:270ms }
.hod .aktivnosti.otpechatan .lenta .srok:nth-child(4){ --zaderzhka:330ms }
.hod .aktivnosti.otpechatan .byulleteni > li{
  animation: sbor-chasti .42s var(--hod-out) var(--zaderzhka,0ms) both;
}
.hod .aktivnosti.otpechatan .byulleteni > li:nth-child(1){ --zaderzhka:430ms }
.hod .aktivnosti.otpechatan .byulleteni > li:nth-child(2){ --zaderzhka:520ms }
.hod .aktivnosti.otpechatan .byulleteni > li:nth-child(3){ --zaderzhka:610ms }
.aktivnosti__telo{position:relative;min-width:0;padding-top:calc(var(--ritm) * .8)}
.aktivnosti__telo::before{
  content:''; position:absolute; left:0; right:0; top:0; height:1px;
  background:color-mix(in srgb,currentColor 40%,transparent);
  transform:scaleX(0); transform-origin:left center;
}
.aktivnosti.otpechatan .aktivnosti__telo::before{transform:scaleX(1);transition:transform .9s var(--hod-out) .45s}
.hod .aktivnosti .aktivnosti__telo > *{opacity:0;transform:translateY(10px)}
.hod .aktivnosti.otpechatan .aktivnosti__telo > *{opacity:1;transform:none;transition:opacity .55s var(--hod-out) .7s, transform .55s var(--hod-out) .7s}

.aktivnosti .so-znakom{position:relative;padding-left:calc(var(--znak-storona) + var(--znak-prosvet))}
.aktivnosti .so-znakom i{
  position:absolute; left:0; top:calc(.53em - var(--znak-storona) / 2);
  display:block; width:var(--znak-storona); height:var(--znak-storona);
  background:var(--krasnyy);
  opacity:0; scale:.6; transform-origin:50% 50%;
  transition:opacity .22s ease, scale .26s var(--hod-out);
}
.aktivnosti .znak-viden > .so-znakom i,
.aktivnosti .so-znakom.znak-viden i,
.aktivnosti [aria-pressed="true"] > .so-znakom i{opacity:1;scale:1}

.aktivnosti .kiker{
  font-family:var(--ulica); font-weight:500; text-transform:uppercase;
  font-size:var(--k-metka); letter-spacing:.18em; line-height:1.2;
  color:var(--zelenyy);
}
.aktivnosti .imya{
  font-family:var(--ulica); font-weight:900; text-transform:uppercase;
  font-size:var(--k-lid); line-height:var(--shag-podzag); letter-spacing:.004em;
  text-wrap:balance;
}
.aktivnosti .tekst{font-size:var(--k-tekst);line-height:var(--shag-tekst)}
.aktivnosti .chislo{
  font-family:var(--ulica); font-weight:900; line-height:1;
  font-size:var(--k-lid); font-variant-numeric:tabular-nums;
}
.aktivnosti .dolya{
  font-family:var(--ulica); font-weight:700; line-height:1;
  font-size:var(--k-melko); letter-spacing:.04em; font-variant-numeric:tabular-nums;
}

.aktivnosti .itog-golosov{
  display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
  margin:0; margin-left:var(--kray-bukvy); font-size:var(--k-tekst); line-height:1.5;
}
.aktivnosti .itog-golosov b{font-weight:700;font-variant-numeric:tabular-nums}

.aktivnosti .shtamp{
  display:inline-block; white-space:nowrap;
  font-family:var(--ulica); font-weight:900; text-transform:uppercase;
  font-size:var(--k-melko); letter-spacing:.09em; line-height:1;
  color:var(--krasnyy); border:3px solid var(--krasnyy);
  padding:.42em .6em; text-box:trim-both cap alphabetic;
  rotate:-6deg; transform-origin:50% 50%;
  opacity:0; scale:1.7;
  transition:opacity .18s ease var(--zaderzhka,0ms), scale .34s var(--hod-out) var(--zaderzhka,0ms);
}
.aktivnosti.otpechatan .shtamp{opacity:1;scale:1}
.aktivnosti .shtamp--melko{font-size:var(--k-nadpis);border-width:2px;padding:.4em .5em;rotate:-4deg}

.aktivnosti{
  background:var(--krem); color:var(--chernila);
  --volos: rgba(22, 98, 58, 0.17);
  min-height:100svh; display:grid; align-content:start;
  row-gap:calc(var(--ritm) * 1.2);
}
.aktivnosti .pometa{font-size:var(--k-tekst);line-height:1.5;opacity:.72}

.aktivnosti__zag{
  font-weight:900; font-size:var(--k-ekran); line-height:var(--shag-zag);
  margin-left:var(--kray-bukvy);
  letter-spacing:.004em; text-transform:uppercase;

  margin-bottom:calc(var(--vozduh-zag) - var(--ritm) * 1.2 - var(--pod-zag));
}
.aktivnosti > .zag{color:var(--chernila)}
.aktivnosti .polotno{margin-top:calc(var(--ritm) * .5)}

.lenta{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:2px solid var(--chernila); border-bottom:1px solid color-mix(in srgb,var(--chernila) 24%,transparent);
}
.srok{
  all:unset; box-sizing:border-box; cursor:pointer; position:relative;
  display:grid; row-gap:calc(var(--ritm) * .45); align-content:start;
  padding:calc(var(--ritm) * .75) clamp(12px,1.4vw,22px) calc(var(--ritm) * .8) 0;
  color:color-mix(in srgb,var(--chernila) 56%,transparent);
  transition:color .22s ease;
}
.srok + .srok{border-left:1px solid color-mix(in srgb,var(--chernila) 18%,transparent);padding-left:clamp(12px,1.4vw,22px)}

.srok:focus,.srok:focus-visible{outline:none}
body.klaviaturoy .srok:focus-visible{outline:2px solid var(--zelenyy);outline-offset:-2px}
.srok__sost{
  display:flex; align-items:baseline; gap:.7em; min-height:1.3em;
  font-family:var(--ulica); font-weight:500; text-transform:uppercase;
  font-size:var(--k-metka); letter-spacing:.16em; line-height:1.3;
}
.srok__sost .shtamp{margin-top:-.3em}
.srok__imya{
  display:block; font-family:var(--ulica); font-weight:900; text-transform:uppercase;
  font-size:var(--k-lid); line-height:var(--shag-podzag); letter-spacing:.004em; text-wrap:balance;
  transition:color .22s ease;
}
.srok--idyot{color:var(--chernila)}
.srok--idyot .srok__sost{color:var(--krasnyy)}
.srok--idyot .srok__sost i{opacity:1;scale:1}
.srok--zakryto .srok__sost{color:color-mix(in srgb,var(--chernila) 56%,transparent)}
.srok[aria-current="true"]{color:var(--chernila)}
@media (hover:hover) and (pointer:fine){
  .srok:hover{color:var(--chernila)}
}
.srok::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:3px;
  background:var(--zelenyy); transform:scaleX(0); transform-origin:left center;
  transition:transform .3s var(--hod-out);
}
.srok[aria-current="true"]::after{transform:scaleX(1)}

.aktivnosti .shtamp--zakryto{color:color-mix(in srgb,var(--chernila) 62%,transparent);border-color:color-mix(in srgb,var(--chernila) 62%,transparent)}

.polotno{position:relative;overflow:clip}
.polotno__list{
  position:absolute; inset:0; visibility:hidden; background:var(--krem);
  display:grid; row-gap:calc(var(--ritm) * .9); align-content:start;
  opacity:1; filter:blur(0); transition:opacity .26s ease, filter .26s ease;
}
.polotno__list.aktivno{visibility:visible}

.polotno__list.etalon{position:relative;inset:auto}
.polotno__list.prihodit{opacity:0;filter:blur(4px);transition:none}

.polotno__list--sostoyanie{display:grid;place-items:center;isolation:isolate}
.polotno__kadr{position:absolute;inset:0;overflow:hidden;background:var(--krem)}

.polotno__kadr img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:blur(9px) saturate(1.15);transform:scale(1.05)}
.polotno__kadr--karta{display:grid;place-items:center;padding:clamp(20px,3vw,48px);filter:blur(3px)}
.polotno__kadr--karta svg{width:100%;height:100%;max-height:100%;display:block}
.polotno__kadr--karta .karta__tochka{fill:var(--krasnyy)}
.polotno__kadr--karta .karta__kontur{fill:color-mix(in srgb,var(--zelenyy) 10%,transparent);stroke:var(--zelenyy);stroke-width:1.6}

.polotno__kadr::after{content:'';position:absolute;inset:0;background:rgba(0,48,26,.14)}
.polotno__list--zakryto .polotno__kadr--karta{opacity:.75}

.polotno__bumaga{
  position:relative; z-index:1; display:grid; justify-items:center; text-align:center;
  align-content:center;
  width:min(44rem,90%); min-height:17.4rem;
  row-gap:calc(var(--ritm) * .8); padding:clamp(26px,3vw,42px) clamp(32px,3.8vw,60px);
  background:linear-gradient(135deg,rgba(255,251,241,.62) 0%,rgba(255,251,241,.36) 55%,rgba(255,251,241,.5) 100%);
  -webkit-backdrop-filter:blur(22px) saturate(1.35); backdrop-filter:blur(22px) saturate(1.35);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 30px 60px -28px rgba(0,18,9,.55), inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(255,255,255,.25);
}
.polotno__bumaga .shtamp{font-size:var(--k-krupno);border-width:5px;padding:.34em .5em .3em;rotate:-6deg;margin-bottom:calc(var(--ritm) * .3)}
.polotno__imya{
  margin:0; font-family:var(--ulica); font-weight:900; text-transform:uppercase;
  font-size:var(--k-sred); line-height:var(--shag-podzag); letter-spacing:.004em; text-wrap:balance; max-width:22ch;
  min-height:calc(var(--shag-podzag) * 2em); display:grid; align-content:center;
}
.polotno__data{margin:0;font-size:var(--k-lid);line-height:var(--shag-tekst);max-width:40ch;color:var(--chernila)}
.polotno__data b{font-weight:700}
.polotno__bumaga .pometa{max-width:44ch;width:auto;min-width:0;justify-self:center;text-align:center}

.byulleteni{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,28px); align-items:stretch;
}
.byulleten{
  all:unset; box-sizing:border-box;
  position:relative; isolation:isolate;
  display:grid; grid-template-rows:auto 1fr auto; row-gap:0;
  width:100%; height:100%; padding:10px 10px 20px;
  background:var(--bumaga); color:var(--chernila);
}

.byulleten::after{
  content:''; position:absolute; inset:0; z-index:-1;
  box-shadow:0 18px 34px -14px rgba(0,18,9,.5);
  opacity:.45;
}

.byulleten .kiker{color:color-mix(in srgb,var(--chernila) 56%,transparent)}

.byulleten__kadr{position:relative;display:block;overflow:hidden;aspect-ratio:3 / 2}
.byulleten__kadr img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}

.byulleten__slova{display:grid;row-gap:0;align-content:start;padding-inline:10px;
  margin-top:calc(var(--k-lid) - var(--k-metka) * .153)}
.byulleten .imya{transition:color .22s ease;
  margin-top:calc(var(--k-lid) * .5 - var(--k-metka) * .38 - (var(--shag-podzag) / 2 - .447) * 1em)}
.byulleten .tekst{
  margin-top:calc(var(--k-lid) - var(--k-lid) * (var(--shag-podzag) / 2 - .22) - (var(--shag-tekst) / 2 - .447) * 1em)}

.byulleten__schet{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:10px;
  margin-top:calc(var(--k-lid) - var(--k-tekst) * (var(--shag-tekst) / 2 - .22) - var(--k-lid) * .053)}
.byulleten__cifry{display:flex;align-items:baseline;gap:.55em}
.byulleten__knopka{
  flex:0 0 auto; font-size:var(--k-metka); letter-spacing:.14em;
  padding:var(--pole-pilyuli) 1.25em;
}

@media (max-width:900px){
  .lenta{grid-template-columns:1fr 1fr}
  .byulleteni{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .polotno__list,.srok::after{transition:none}
}

@media (prefers-reduced-motion:reduce){
  .hod .aktivnosti .stroka,.hod .aktivnosti .aktivnosti__telo > *{transform:none;opacity:1;transition:none}
  .hod .aktivnosti .lenta .srok,.hod .aktivnosti .byulleteni > li{opacity:1;animation:none;translate:none}
  .aktivnosti__telo::before{transform:none;transition:none}
  .aktivnosti .shtamp{opacity:1;scale:1;transition:none}
}