:root {
      --color-bg: #f7f8f0;
      --color-green: #107709;
      --color-red: #d21409;
      --color-ink: #20301d;
      --color-on-accent: #fffdf8;
      --color-muted: #66715f;
      --color-surface: #e8ecdf;
      --page-x: clamp(22px, 4.5vw, 88px);
      --copy-size: clamp(18px, 1.7vw, 22px);
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--color-bg); }
    body { margin: 0; min-width: 320px; color: var(--color-ink); background: var(--color-bg); font-family: "Onest", sans-serif; -webkit-font-smoothing: antialiased; }
    img { display: block; width: 100%; height: 100%; object-fit: cover; }
    a { color: inherit; }
    .shell { width: 100%; padding-inline: var(--page-x); }

    .header {
      position: fixed;
      inset: 0 0 auto;
      z-index: 100;
      border: 0;
      border-radius: 0;
      background: rgb(247 248 240 / 88%);
      color: var(--color-ink);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }
    .header__inner {
      height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding-inline: var(--page-x);
      border-bottom: 0;
    }
    .brand { margin: 0; display: flex; align-items: center; gap: 12px; font-size: 19px; font-weight: 600; letter-spacing: -.04em; }
    .brand__logo { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; }
    .header__nav { display: flex; gap: 24px; align-items: center; font-size: 15px; font-weight: 500; }
    .header__city { opacity: .7; }
    .header__nav a { text-decoration: none; }
    .catalog .catalog-home {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      min-height: 40px;
      padding: 0 14px;
      border: 1px solid rgb(32 48 29 / 13%);
      border-radius: 8px;
      font-size: 13px;
      font-weight: 500;
    }
    .catalog-home svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
    .catalog-home:hover { background: var(--color-surface); }
    .catalog .header a:focus-visible { outline-color: var(--color-green); }

    .catalog-main { padding-top: 118px; padding-bottom: 104px; }
    .news-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 44px; }
    .news-page-heading__text { min-width: 0; }
    .news-page-heading h1 { margin: 0; font-size: clamp(40px, 5.5vw, 80px); font-weight: 500; letter-spacing: -.055em; line-height: 1.05; }
    .news-page-heading p { max-width: 48ch; margin: 18px 0 0; color: var(--color-muted); font-size: var(--copy-size); font-weight: 500; line-height: 1.5; }    .news { position: relative; z-index: 2; background: var(--color-bg); color: var(--color-ink); }
    .news__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 48px); }
    .news-card { min-width: 0; }
    .news-card__photo { display: block; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 26px; background: var(--color-surface); }
    .news-card__photo img { transition: transform .45s ease; }
    .news-card__date { display: block; margin-top: 24px; color: var(--color-muted); font-size: 16px; font-weight: 500; }
    .news-card__title { margin: 12px 0 14px; font-size: clamp(28px, 2.5vw, 38px); font-weight: 500; line-height: 1.15; letter-spacing: -.035em; }
    .news-card__title a { text-decoration: none; }
    .news-card__copy { margin: 0; font-size: var(--copy-size); font-weight: 500; line-height: 1.5; }
    .news a:focus-visible { outline: 3px solid var(--color-green); outline-offset: 6px; }

    a:focus-visible { outline: 3px solid var(--color-green); outline-offset: 5px; }
    @media (hover: hover) {
      .news-card__photo:hover img { transform: scale(1.035); }
      .news-card__title a:hover { color: var(--color-green); }    }
    @media (max-width: 1000px) { .news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 760px) {
      :root { --copy-size: 19px; }
      .header__inner { height: 64px; padding-inline: var(--page-x); gap: 12px; }
      .brand { font-size: 17px; }
      .brand__logo { width: 32px; height: 32px; flex-basis: 32px; }
      .header__nav { font-size: 12px; }
      .catalog .catalog-home { font-size: 12px; padding-inline: 10px; min-height: 36px; }
      .catalog-main { padding-top: 96px; padding-bottom: 72px; }
      .news-page-heading { align-items: start; flex-direction: column; margin-bottom: 32px; }
      .news-page-heading h1 { font-size: 44px; }      .news__grid { grid-template-columns: 1fr; gap: 44px; }
      .news-card__photo { border-radius: 22px; }
      .news-card__date { margin-top: 20px; }
    }
    @media (prefers-reduced-motion: reduce) { .news-card__photo img { transition: none; } }
    @media (max-width: 520px) { .header__city { display: none; } }
    @media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }
  
.article-main{padding-top:112px;padding-bottom:104px}
.article-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:42px;color:var(--color-muted);font-size:15px;font-weight:500;text-decoration:none}
.article-back:hover{color:var(--color-green)}
.article{display:block}
.article-head{max-width:980px;margin:0 auto}
.article-date{display:block;margin-bottom:16px;color:var(--color-muted);font-size:15px;font-weight:500}
.article-title{max-width:12ch;margin:0;font-size:clamp(52px,6.3vw,92px);font-weight:500;line-height:.98;letter-spacing:-.06em}
.article-lead{max-width:44ch;margin:24px 0 0;font-size:clamp(20px,1.9vw,27px);font-weight:500;line-height:1.45}
.article-content{margin-top:46px}
.article-image{width:100%;max-width:1180px;aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:30px;background:var(--color-surface)}
.article-image img{width:100%;height:100%;object-fit:cover}
.article-body{max-width:760px;margin:42px auto 0}
.article-body p{margin:0 0 22px;font-size:var(--copy-size);font-weight:500;line-height:1.65}
.article-note{margin-top:36px!important;padding-top:22px;border-top:1px solid rgb(32 48 29 / 14%);color:var(--color-muted);font-size:15px!important}
.article-more{display:inline-flex;margin-top:18px;font-size:17px;font-weight:500;text-decoration:none}
.article-more:hover{color:var(--color-green)}
@media(max-width:760px){
.article-main{padding-top:94px;padding-bottom:72px}
.article-back{margin-bottom:28px;font-size:14px}
.article-head{margin:0}
.article-title{font-size:46px;max-width:11ch}
.article-lead{font-size:20px;margin-top:18px}
.article-content{margin-top:32px}
.article-image{aspect-ratio:4/3;border-radius:22px}
.article-body{margin-top:28px}
}

[hidden]{display:none!important}