/* Local fonts */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('assets/fonts/geist-mono-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('assets/fonts/manrope-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Единица макета: до 1440px = 1vw, от 1440px = 14.4px (фикс. ширина, сайт по центру) */
:root {
  --u: 1vw;
}

@media (min-width: 1440px) {
  :root {
    --u: 14.4px;
  }
  .page {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Geist Mono', monospace;
  font-size: calc(1.2 * var(--u));
  line-height: 1.4;
  color: #fff;
  background: #000;
  min-height: 100vh;
  overflow-x: hidden;
}

html.smooth-scroll,
html.smooth-scroll body {
  overscroll-behavior: none;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

.media-embed {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #050505;
}

.page {
  position: relative;
  min-height: 100vh;
  min-height: calc(540 * var(--u)); /* контент (main__content calc(440 * var(--u))) + футер в потоке */
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) and (pointer: fine) {
  html.smooth-scroll .page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate3d(0, var(--page-scroll-offset, 0px), 0);
    will-change: transform;
  }
}

@media (min-width: 1440px) and (pointer: fine) {
  html.smooth-scroll .page {
    left: 50%;
    width: 1440px;
    transform: translate3d(-50%, var(--page-scroll-offset, 0px), 0);
  }
}

/* About header — position: absolute, макет 1440px → vw = px/1440*100 */
.about-header {
  position: relative;
  width: 100%;
  min-height: calc(20 * var(--u)); /* ниже самого нижнего элемента (242+27 ≈ 269px) */
  padding: 0;
}

.abs {
  position: absolute;
  margin: 0;
  opacity: 1;
  font-family: 'Geist Mono', monospace;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums proportional-nums;
}

/* HI, I'M EGOR — 256×26 @ 1440 → vw через --u; от 1440px --u = 14.4px */
.abs--greeting {
  width: calc(19 * var(--u)); /* slightly wider to avoid clipping */
  height: auto;
  top: calc(2.847 * var(--u));
  left: calc(8.333 * var(--u));
  font-size: calc(2.5 * var(--u)); /* 36px */
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

/* 5 YEARS IN DESIGN — 14px → calc(0.972 * var(--u)) */
.abs--stat-1 {
  width: calc(5.208 * var(--u));
  top: calc(2.847 * var(--u));
  left: calc(36.111 * var(--u));
  font-size: calc(0.972 * var(--u)); /* 14px */
}

/* 23 YEARS OLD / MADE IN PENZA — 14px → calc(0.972 * var(--u)) */
.abs--stat-2 {
  width: calc(12.083 * var(--u));
  top: calc(2.847 * var(--u));
  left: calc(45.486 * var(--u));
  font-size: calc(0.972 * var(--u)); /* 14px */
}

.stat-2-mobile {
  display: none;
}

/* COMMUNICATION DESIGNER — 36px → calc(2.5 * var(--u)) */
.abs--title {
  width: calc(19.236 * var(--u));
  top: calc(14.792 * var(--u));  /* 213px */
  left: calc(8.333 * var(--u));  /* 120px */
  font-size: calc(2.5 * var(--u)); /* 36px */
}

.viewport-bottom-blur {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(72px, 12vh, 160px);
  pointer-events: none;
  z-index: 900;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.98) 0%,
    rgba(0, 0, 0, 0.84) 22%,
    rgba(0, 0, 0, 0.42) 54%,
    rgba(0, 0, 0, 0) 100%
  );
  opacity: 1;
}

@media (min-width: 481px) {
  .viewport-bottom-blur {
    display: none;
  }
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .viewport-bottom-blur {
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.42) 0%,
      rgba(0, 0, 0, 0.24) 24%,
      rgba(0, 0, 0, 0.1) 52%,
      rgba(0, 0, 0, 0) 100%
    );
    backdrop-filter: blur(28px) saturate(126%);
    -webkit-backdrop-filter: blur(28px) saturate(126%);
    mask-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.92) 22%,
      rgba(0, 0, 0, 0.58) 50%,
      rgba(0, 0, 0, 0.12) 76%,
      rgba(0, 0, 0, 0) 100%
    );
    -webkit-mask-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.92) 22%,
      rgba(0, 0, 0, 0.58) 50%,
      rgba(0, 0, 0, 0.12) 76%,
      rgba(0, 0, 0, 0) 100%
    );
  }
}

@media (max-width: 480px) {
  .viewport-bottom-blur {
    display: block;
    height: 20vw;
  }
}

/* TG / CV — колонка с left 520 */
.abs--links {
  display: flex;
  flex-direction: column;
  /* gap: calc(1.181 * var(--u)); */ /* 17px между ссылками */
  top: calc(14.792 * var(--u));  /* 213px */
  left: calc(36.111 * var(--u)); /* 520px */
}

.link {
  font-size: calc(2.5 * var(--u)); /* 36px */
  width: calc(5.208 * var(--u)); /* 75px */
  min-height: calc(1.806 * var(--u)); /* 26px */
  display: flex;
  align-items: center;
  text-decoration: none;
}

.link--tg {
  color: #088CE8;
}

.link--cv {
  color: rgba(218, 21, 37, 1);
  z-index: 2;
}

/* Стрелка в ссылке (SVG) */
.link-arrow {
  display: inline-block;
  width: calc(1.458 * var(--u));   /* 21px РїСЂРё 1440 */
  height: calc(1.319 * var(--u));  /* 19px РїСЂРё 1440 */
  opacity: 1;
  flex-shrink: 0;
  margin-right: calc(0.694 * var(--u)); /* 10px РїСЂРё 1440px */
}

.link:hover {
  opacity: 0.85;
}

/* Текст ссылки (TG / CV): макет — Geist Mono Medium 36px, #088CE8 для TG */
.link-text {
  font-family: 'Geist Mono', monospace;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5 * var(--u)); /* 36px РїСЂРё 1440px */
  line-height: 120%;
  letter-spacing: -0.01em; /* -1% */
  text-transform: uppercase;
  font-variant-numeric: lining-nums proportional-nums;
}

.link--tg .link-text {
  color: #088CE8;
}

.link:hover .link-text {
  text-decoration: underline;
}

.js .about-header .reveal-item {
  opacity: 0;
  transform: translate3d(0, calc(1.111 * var(--u)), 0);
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.js .about-header .reveal-item.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .js .about-header .reveal-item,
  .js .about-header .reveal-item.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Main — контентная зона + футер в потоке */
.main {
  flex: 1;
  padding: calc(0 * var(--u)) calc(5 * var(--u)) calc(4 * var(--u)) calc(5 * var(--u));
  padding-bottom: calc(4 * var(--u));
}

/* Обёртка всех абсолютных блоков — контекст позиционирования */
.main__content {
  position: relative;
  min-height: calc(1191.33 * var(--u)); /* с учетом ALP merch блока (сдвиг на 15.711 после hero) */
}

/* Триггеры подгрузки чанков (совпадают с top первой секции следующего чанка) */
#lazy-sections-mount {
  position: static;
}

.lazy-load-sentinel {
  position: absolute;
  left: 0;
  width: 100%;
  height: 12px;
  pointer-events: none;
}

@media (min-width: 481px) {
  .lazy-load-sentinel[data-step="0"] { top: calc(110.539 * var(--u)); }
  .lazy-load-sentinel[data-step="1"] { top: calc(370.289 * var(--u)); }
  .lazy-load-sentinel[data-step="2"] { top: calc(531.33 * var(--u)); }
  .lazy-load-sentinel[data-step="3"] { top: calc(857.858 * var(--u)); }
}

@media (max-width: 480px) {
  .lazy-load-sentinel[data-step="0"] { top: 10.692vw; }
  .lazy-load-sentinel[data-step="1"] { top: 882vw; }
  .lazy-load-sentinel[data-step="2"] { top: 1312.149vw; }
  .lazy-load-sentinel[data-step="3"] { top: 2151.533vw; }
}

/* hero-image — 710×350, top 308, left 120 (макет 1440px) */
.hero-image {
  position: absolute;
  top: calc(3.472 * var(--u));  /* 332px от верхнего края страницы с учетом main padding-top calc(45.695 * var(--u)) */
  left: calc(3.333 * var(--u));   /* 120px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(49.306 * var(--u)); /* 710px */
  height: calc(24.306 * var(--u)); /* 350px */
  overflow: hidden;
}

.hero-image--second {
  top: calc(27.9 * var(--u));   /* вплотную под первым hero (3.472 + 24.306 ≈ 27.778) */
  left: 0;
  width: 100%;     /* 1440px */
  height: calc(82.639 * var(--u)); /* 1190px */
}

.hero-image video,
.hero-image iframe,
.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Блок с двумя видео снизу (координаты внутри контейнера) */
.videos-pair {
  position: absolute;
  top: calc(110.539 * var(--u));     /* вплотную под hero-image--second (27.9 + 82.639) */
  left: 0;
  width: 100%;
  height: calc(56.944 * var(--u));   /* 100 + 720 */
}

.videos-pair__item {
  position: absolute;
  top: calc(6.944 * var(--u));       /* 100px */
  width: calc(40.278 * var(--u));    /* 580px */
  height: calc(50 * var(--u));       /* 720px */
  overflow: hidden;
}

.videos-pair__item--left {
  left: calc(1.25 * var(--u));
}

.videos-pair__item--right {
  left: calc(43.056 * var(--u));     /* 740px - 120px */
}

.videos-pair__item video,
.videos-pair__item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Блок с 3×3 карточками — контейнер 980×1253, top 30, left 230, radius 16px (макет 1440) */
.cards-section {
  position: absolute;
  top: calc(168.289 * var(--u));     /* после videos-pair (-15.711) */
  left: 0;
  width: 100%;
  min-height: calc(89.097 * var(--u)); /* 30+1253 */
}

.cards-section__inner {
  position: absolute;
  top: calc(2.083 * var(--u));       /* 30px */
  left: calc(10.972 * var(--u));     /* 230px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(68.056 * var(--u));    /* 980px */
  height: calc(86.944 * var(--u));   /* 1253px */
  border-radius: calc(1.111 * var(--u)); /* 16px */
  overflow: hidden;
}

.cards-section__img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, calc(20.809 * var(--u))); /* 299.65px */
  grid-template-rows: repeat(3, calc(27.153 * var(--u)));
  row-gap: calc(2.778 * var(--u));   /* 40px */
  column-gap: calc(2.802 * var(--u)); /* 40.35px */
  padding: 0 0 0 calc(0.016 * var(--u)); /* left 0.23 */
  background: rgba(0, 0, 0, 1);
}

.card {
  position: relative;
  width: calc(20.809 * var(--u));
  height: calc(27.153 * var(--u));
  /* height: calc(20.809 * var(--u)); */
  overflow: hidden;
  border-radius: calc(0.5 * var(--u));
  padding-top: calc(3.641 * var(--u));   /* 52.43px */
  padding-bottom: calc(2.772 * var(--u)); /* 39.92px */
  background: rgb(31 31 31 / 0%);
}

.card img {
  width: calc(18.403 * var(--u));
  height: calc(24.028 * var(--u));
  object-fit: cover;
}

.post-card .post-card__shadow {
  position: absolute;
  left: 0;
  top: 0;
  left: 1px;
  top: calc(3 * var(--u));
  width: calc(100% - 2px);
  height: calc(1.111 * var(--u)); /* 16px при 1440px, не растет после 1440 */
  object-fit: cover;
  z-index: 3;
  display: block;
  pointer-events: none;
}

.card .card__logo {
  position: absolute;
  top: calc(0.672 * var(--u));   /* 9.67px */
  left: calc(0.967 * var(--u));  /* 13.92px */
  width: calc(2.361 * var(--u)); /* 34.02px */
  height: calc(2.361 * var(--u));
  border-radius: 50%;
  object-fit: contain;
}

.card .card__buttons {
  position: absolute;
  top: calc(21.99 * var(--u));  /* 360.74px */
  left: calc(0.967 * var(--u));  /* 13.92px */
  width: calc(4.967 * var(--u)); /* 71.53px */
  height: calc(1.316 * var(--u)); /* 18.95px */
  display: block;
  object-fit: contain;
}

.card .card__favorites {
  position: absolute;
  top: calc(21.99 * var(--u));  /* 361.12px */
  left: calc(16.2965 * var(--u)); /* 267.17px */
  width: calc(1.289 * var(--u)); /* 18.56px */
  height: calc(1.289 * var(--u));
  display: block;
  object-fit: contain;
}

.card__name {
  position: absolute;
  top: calc(1.101 * var(--u));   /* 15.85px */
  left: calc(3.893 * var(--u));  /* 56.06px */
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: calc(0.672 * var(--u)); /* 9.67px */
  line-height: 130%;
  letter-spacing: -0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.card__address {
  position: absolute;
  top: calc(2.003 * var(--u));   /* 28.85px */
  left: calc(3.893 * var(--u));  /* 56.06px */
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: calc(0.51 * var(--u)); /* 7.35px */
  line-height: 130%;
  letter-spacing: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
}

/* Блок стикеров — контейнер 1060×850, top 50, left 190 (макет 1440px) */
.stickers-section {
  position: absolute;
  top: calc(260.289 * var(--u));   /* после блока карточек (-15.711) */
  left: 0;
  width: 100%;
  min-height: calc(62.5 * var(--u)); /* 50+850 */
}

.stickers-section__inner {
  position: absolute;
  top: calc(5.208 * var(--u));      /* 75px */
  left: calc(8.194 * var(--u));     /* 190px от края страницы с учетом main padding-left */
  width: calc(73.611 * var(--u));   /* 1060px */
  height: calc(57.292 * var(--u));  /* keep section bottom in place */
}

.stickers-section__img {
  position: absolute;
  display: block;
  object-fit: cover;
}

.stickers-section__img--desktop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stickers-section__img--mobile {
  display: none;
}

/* Блок мерча — контейнер 1200×600, top 30, left 120 (макет 1440px) */
.merch-section {
  position: absolute;
  top: calc(324.289 * var(--u));    /* после стикеров (-15.711) */
  left: 0;
  width: 100%;
  min-height: calc(43.75 * var(--u)); /* 30+600 */
}

.merch-section__inner {
  position: absolute;
  top: calc(2.083 * var(--u));     /* 30px */
  left: calc(3.333 * var(--u));    /* 120px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(83.333 * var(--u));  /* 1200px */
  height: calc(41.667 * var(--u)); /* 600px */
}

.merch-img {
  position: absolute;
  display: block;
  object-fit: contain;
}

.merch-img--1 {
  top: calc(2.083 * var(--u));     /* 30px */
  left: 0;          /* вплотную к левому краю контейнера */
  width: calc(41.667 * var(--u));  /* 600px */
  height: calc(41.667 * var(--u));
}

.merch-img--2 {
  top: calc(2.083 * var(--u));     /* 30px */
  left: calc(41.667 * var(--u));  /* 720−120 = 600px — сдвиг на calc(8.333 * var(--u)) влево как футболка */
  width: calc(41.667 * var(--u));  /* 600px */
  height: calc(41.667 * var(--u));
}

/* Блок с видео — контейнер 1440×765, видео 1200×675, top 60, left 120, radius 16px */
.video-block {
  position: absolute;
  top: calc(370.289 * var(--u));    /* после мерча (-15.711) */
  left: 0;
  width: 100%;
  height: calc(53.125 * var(--u));  /* 765px */
}

.video-block__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.video-block__video {
  position: absolute;
  top: calc(4.167 * var(--u));     /* 60px */
  left: calc(3.333 * var(--u));    /* 120px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(83.333 * var(--u));  /* 1200px */
  height: calc(46.875 * var(--u)); /* 675px */
  border-radius: calc(1.111 * var(--u)); /* 16px */
  object-fit: cover;
}

/* Изображение secon.png после video-block: left 120px, top 30px */
.secon-image-block {
  position: absolute;
  top: calc(425.497 * var(--u));   /* после video-block (-15.711) */
  left: 0;
  width: 100%;
}

.secon-image-block__img {
  position: absolute;
  top: 0;
  left: calc(3.333 * var(--u));      /* 120px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(83.333 * var(--u));    /* 1200px */
  height: calc(46.875 * var(--u));   /* 675px */
  border-radius: calc(0.324 * var(--u)); /* 4.67px */
  border: 1px solid rgba(64, 64, 64, 1);
  object-fit: cover;
}

/* Блок 4 карточек с видео post.mp4 */
.posts-section {
  position: absolute;
  top: calc(474.455 * var(--u));   /* после secon-image-block (-15.711) */
  left: 0;
  width: 100%;
  height: calc(26.111 * var(--u)); /* 30px + 346px */
}

.posts-section__inner {
  position: absolute;
  top: calc(2.083 * var(--u));   /* 30px */
  left: calc(3.333 * var(--u));  /* 120px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(82.017 * var(--u)); /* 4*265 + 3*40.35 */
  height: calc(24.028 * var(--u)); /* 346px */
}

.posts-section__img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

.posts-grid {
  display: grid;
  grid-template-columns: repeat(4, calc(18.403 * var(--u))); /* 265px */
  grid-template-rows: calc(24.028 * var(--u)); /* 346px */
  row-gap: 0;
  column-gap: calc(2.802 * var(--u));
}

.post-card {
  width: calc(18.403 * var(--u));     /* 265px */
  height: calc(24.028 * var(--u));    /* 346px */
  padding: 0;
  position: relative;
  overflow: hidden;
}

.post-card > video,
.post-card > iframe {
  width: calc(100% - 2px);
  height: calc(18.403 * var(--u)); /* 265px */
  object-fit: cover;
  position: absolute;
  z-index: 2;
  left: 1px;
  top: calc(3 * var(--u));
}

.post-card__base {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(18.403 * var(--u));
  height: calc(24.028 * var(--u));
  object-fit: cover;
  z-index: 1;
}

.posts-section__inner {
  left: 50%;
  transform: translateX(-50%);
}

.posts-grid {
  justify-content: space-between;
  align-items: start;
}

.post-card {
  isolation: isolate;
}

.post-card > video,
.post-card > iframe,
.post-card .post-card__shadow,
.post-card .post-card__base {
  left: 0;
  width: 100%;
  border-radius: inherit;
}

/* Блок с двумя изображениями report_topics + count */
.reports-section {
  position: absolute;
  top: calc(504.733 * var(--u));   /* после posts-section (-15.711) */
  left: 0;
  width: 100%;
  height: calc(22.639 * var(--u)); /* 326px */
}

.reports-section__inner {
  position: absolute;
  top: 0;
  left: calc(3.333 * var(--u)); /* 120px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(83.542 * var(--u)); /* 578 + 47 + 578 */
  height: calc(22.639 * var(--u));
  display: flex;
  gap: calc(3.264 * var(--u)); /* 47px */
}

.reports-section__img {
  display: block;
  width: calc(40.139 * var(--u));  /* 578px */
  height: calc(22.639 * var(--u)); /* 326px */
}

/* Блок portrait под report/count */
.portrait-section {
  position: absolute;
  top: calc(557.51 * var(--u));    /* РїРѕРґ tatlin-section (-15.711) */
  left: 0;
  width: 100%;
  height: calc(57.639 * var(--u)); /* 830px */
  display: flex;
  justify-content: center;
  align-items: center;
}

.portrait-section__img {
  display: block;
  width: calc(35.417 * var(--u));  /* 510px */
  height: calc(53.472 * var(--u)); /* 770px */
  object-fit: cover;
}

/* Блок tatlin: отступ сверху 57.87px от reports-section */
.tatlin-section {
  position: absolute;
  top: calc(531.33 * var(--u));    /* после reports-section (-15.711) */
  left: 0;
  width: 100%;
  height: calc(24.097 * var(--u)); /* 347px */
}

.tatlin-section__logo {
  position: absolute;
  top: calc(8.125 * var(--u));      /* 117px */
  left: calc(3.333 * var(--u));     /* центр по 1200px в 1440px с учетом main padding-left */
  width: calc(83.333 * var(--u));   /* 1200px */
  height: calc(11.806 * var(--u));  /* 170px */
  object-fit: contain;
}

.tatlin-section__text {
  position: absolute;
  margin: 0;
  color: rgba(128, 128, 128, 1);
  font-family: 'Geist Mono', monospace;
  font-weight: 500;
  font-style: normal;
  font-size: calc(0.972 * var(--u)); /* 14px */
  line-height: 120%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums proportional-nums;
  white-space: nowrap;
}

.tatlin-section__text--year {
  top: calc(22.014 * var(--u));      /* 30px от низа лого (117 + 170 + 30 = 317px) */
  left: calc(8.194 * var(--u));      /* 190px от края страницы */
}

.tatlin-section__text--title {
  top: calc(22.014 * var(--u));      /* 30px от низа лого */
  left: calc(26.875 * var(--u));     /* 459px от края страницы */
  white-space: normal;
}

.tatlin-section__text--desc {
  top: calc(22.014 * var(--u));      /* 30px от низа лого */
  left: calc(61.944 * var(--u));     /* 964px от края страницы */
  text-align: right;
  white-space: normal;
}

.tatlin-section__img--mobile {
  display: none;
}

/* Блок Tatlin's_jacket — по аналогии с tatlin-section */
.tatlin-jacket-section {
  position: absolute;
  top: calc(668.274 * var(--u));  /* после album-mobile-section (-15.711) */
  left: 0;
  width: 100%;
  height: calc(60.764 * var(--u)); /* 875px */
}

.tatlin-jacket-section__img {
  display: block;
}

.tatlin-jacket-section__img--desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(60.764 * var(--u)); /* 875px */
  object-fit: cover;
}

.tatlin-jacket-section__img--mobile {
  display: none;
}

/* Блок с notepad / Tatlin bag / wallet */
.tatlin-accessories-section {
  position: absolute;
  top: calc(729.038 * var(--u));  /* сразу после tatlin-jacket-section (-15.711) */
  left: 0;
  width: 100%;
  height: calc(62.847 * var(--u)); /* max(110+525, 60+845, 670+190) = 905px */
}

.tatlin-accessories-section__img {
  position: absolute;
  display: block;
  opacity: 1;
  object-fit: cover;
}

.tatlin-accessories-section__img--notepad {
  top: calc(7.639 * var(--u));     /* 110px */
  left: calc(4.028 * var(--u));    /* 130px от края страницы (с учетом main padding-left) */
  width: calc(34.375 * var(--u));  /* 495px */
  height: calc(36.458 * var(--u)); /* 525px */
}

.tatlin-accessories-section__img--bag {
  top: calc(4.167 * var(--u));     /* 60px */
  left: calc(43.611 * var(--u));   /* 700px от края страницы (с учетом main padding-left) */
  width: calc(40.972 * var(--u));  /* 590px */
  height: calc(58.681 * var(--u)); /* 845px */
}

.tatlin-accessories-section__img--wallet {
  top: calc(46.528 * var(--u));    /* 670px */
  left: calc(16.528 * var(--u));   /* 310px от края страницы (с учетом main padding-left) */
  width: calc(16.667 * var(--u));  /* 240px */
  height: calc(13.194 * var(--u)); /* 190px */
}

/* Блок Tatlin paper */
.tatlin-paper-section {
  position: absolute;
  top: calc(796.052 * var(--u));   /* после accessories (-15.711) */
  left: 0;
  width: 100%;
  height: calc(57.639 * var(--u)); /* 60 + 770 */
}

.tatlin-paper-section__img {
  display: block;
  opacity: 1;
  object-fit: cover;
}

.tatlin-paper-section__img--desktop {
  position: absolute;
  top: calc(4.167 * var(--u));     /* 60px от края контейнера */
  left: calc(3.333 * var(--u));    /* 120px от края страницы с учетом main padding-left */
  width: calc(83.333 * var(--u));  /* 1200px */
  height: calc(53.472 * var(--u)); /* 770px */
}

.tatlin-paper-section__img--mobile {
  display: none;
}

/* Блок ST (desktop) */
.st-section {
  position: absolute;
  top: calc(857.858 * var(--u));  /* после Tatlin paper (-15.711) */
  left: 0;
  width: 100%;
  height: calc(25.486 * var(--u)); /* до нижней метки 2026 */
}

.st-section__logo {
  position: absolute;
  top: calc(8.333 * var(--u));     /* 120px */
  left: calc(3.333 * var(--u));    /* 120px от края страницы */
  width: calc(45.486 * var(--u));  /* 655px */
  height: calc(17.153 * var(--u)); /* 247px */
  opacity: 1;
}

.st-section__meta,
.st-section__plus,
.st-section__desc,
.st-section__year {
  position: absolute;
  margin: 0;
  font-family: 'Geist Mono', monospace;
  font-weight: 500;
  font-style: normal;
  font-size: calc(0.972 * var(--u)); /* 14px */
  line-height: 120%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums proportional-nums;
  color: rgba(128, 128, 128, 1);
  opacity: 1;
}

.st-section__meta {
  top: calc(8.333 * var(--u));      /* 120px */
  left: calc(51.944 * var(--u));    /* 820px от края страницы */
  width: calc(13.819 * var(--u));   /* 199px */
  height: calc(1.875 * var(--u));   /* 27px */
}

.st-section__plus {
  top: calc(8.333 * var(--u));      /* 120px */
  left: calc(86.042 * var(--u));    /* 1311px от края страницы */
  width: calc(0.625 * var(--u));    /* 9px */
  height: calc(0.694 * var(--u));   /* 10px */
}

.st-section__desc {
  top: calc(23.611 * var(--u));     /* 340px */
  left: calc(51.944 * var(--u));    /* 820px */
  width: calc(16.111 * var(--u));   /* 232px */
  height: calc(1.875 * var(--u));   /* 27px */
}

.st-section__year {
  top: calc(24.792 * var(--u));     /* 357px */
  left: calc(84.306 * var(--u));    /* 1286px */
  width: calc(2.361 * var(--u));    /* 34px */
  height: calc(0.694 * var(--u));   /* 10px */
}

.st-section__meta--mobile,
.st-section__desc--mobile {
  display: none;
}

/* Блок ST assets */
.st-assets-section {
  position: absolute;
  top: calc(888.205 * var(--u));   /* после st-section (-15.711) */
  left: 0;
  width: 100%;
  height: calc(117.361 * var(--u)); /* 1690px */
}

.st-assets-section__img {
  position: absolute;
  display: block;
  opacity: 1;
  object-fit: cover;
}

.st-assets-section__img--cones {
  top: calc(4.861 * var(--u));     /* 70px */
  left: calc(3.333 * var(--u));    /* 120px от края страницы */
  width: calc(52.431 * var(--u));  /* 755px */
  height: calc(63.194 * var(--u)); /* 910px */
  z-index: 2;
}

.st-assets-section__img--traffic {
  top: calc(4.861 * var(--u));     /* 70px */
  left: calc(40.972 * var(--u));   /* 662px от края страницы */
  width: calc(45.694 * var(--u));  /* 658px */
  height: calc(25.694 * var(--u)); /* 370px */
}

.st-assets-section__img--badge {
  top: calc(35.417 * var(--u));    /* 510px */
  left: calc(58.264 * var(--u));   /* 911px от края страницы */
  width: calc(24.167 * var(--u));  /* 348px */
  height: calc(40.278 * var(--u)); /* 580px */
}

.st-assets-section__img--box {
  top: calc(75.694 * var(--u));    /* 1090px */
  left: calc(7.014 * var(--u));    /* 173px от края страницы (с учетом main padding-left calc(5 * var(--u))) */
  width: calc(27.778 * var(--u));  /* 400px */
  height: calc(41.667 * var(--u)); /* 600px */
}

.st-assets-section__img--cask {
  top: calc(75.694 * var(--u));    /* 1090px */
  left: calc(45 * var(--u));       /* 720px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(41.667 * var(--u));  /* 600px */
  height: calc(41.667 * var(--u)); /* 600px */
}

/* Блок ALP text */
.alp-text-section {
  position: absolute;
  top: calc(1010.427 * var(--u));  /* после ST assets (-15.711) */
  left: 0;
  width: 100%;
  height: calc(42.361 * var(--u)); /* 70 + 540 */
}

.alp-text-section__img {
  position: absolute;
  top: calc(4.861 * var(--u));     /* 70px */
  left: calc(3.333 * var(--u));    /* 120px от края страницы */
  width: calc(83.333 * var(--u));  /* 1200px */
  height: calc(37.9 * var(--u));   /* 540px */
  opacity: 1;
  object-fit: cover;
}

/* Блок ALP products */
.alp-text-section {
  height: calc(44.444 * var(--u)); /* extra room for text glow */
}

.alp-text-section__img {
  height: calc(39.028 * var(--u)); /* keep blur from being clipped */
}

.alp-products-section {
  position: absolute;
  top: calc(1057.649 * var(--u));  /* после ALP text блока (-15.711) */
  left: 0;
  width: 100%;
  height: calc(65.625 * var(--u)); /* 945px */
}

.alp-products-section__alpine,
.alp-products-section__keychain,
.alp-products-section__skull,
.alp-products-section__rostok {
  position: absolute;
  display: block;
  opacity: 1;
  object-fit: cover;
}

.alp-products-section__alpine {
  top: 0;
  left: calc(5.069 * var(--u));     /* 145px от края страницы с учетом main padding-left */
  width: calc(36.875 * var(--u));   /* 531px */
  height: calc(65.625 * var(--u));  /* 945px */
  z-index: 0;
}

.alp-products-section__gradient {
  position: absolute;
  display: block;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

.alp-products-section__gradient--left {
  top: 0;
  left: calc(5.069 * var(--u));      /* привязка к left видео */
  width: calc(15.278 * var(--u));     /* 220px */
  height: calc(65.764 * var(--u));    /* 947px */
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.alp-products-section__gradient--right {
  top: 0;
  left: calc(26.667 * var(--u));      /* right edge aligns to video */
  width: calc(15.278 * var(--u));     /* 220px */
  height: calc(65.764 * var(--u));    /* 947px */
  background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.alp-products-section__gradient--top {
  top: 0;
  left: calc(5 * var(--u));           /* centered over video width */
  width: calc(37.014 * var(--u));     /* 533px */
  height: calc(12.569 * var(--u));    /* 181px */
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.alp-products-section__gradient--bottom {
  top: calc(53.056 * var(--u));       /* 945 - 181 */
  left: calc(5 * var(--u));           /* centered over video width */
  width: calc(37.014 * var(--u));     /* 533px */
  height: calc(12.569 * var(--u));    /* 181px */
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.alp-products-section__keychain {
  top: calc(5.625 * var(--u));      /* 81px */
  left: calc(44.167 * var(--u));    /* 708px от края страницы с учетом main padding-left */
  width: calc(18.264 * var(--u));   /* 263px */
  height: calc(18.264 * var(--u));  /* 263px */
  z-index: 2;
}

.alp-products-section__skull {
  top: calc(16.319 * var(--u));     /* 235px */
  left: calc(42.222 * var(--u));    /* 680px от края страницы с учетом main padding-left */
  width: calc(42.708 * var(--u));   /* 615px */
  height: calc(49.306 * var(--u));  /* 710px */
  z-index: 2;
}

.alp-products-section__rostok {
  top: calc(2.083 * var(--u));      /* 30px */
  left: calc(67.847 * var(--u));    /* 1049px от края страницы с учетом main padding-left */
  width: calc(15 * var(--u));       /* 216px */
  height: calc(16.25 * var(--u));   /* 234px */
  z-index: 2;
}

/* Блок ALP merch */
.alp-merch-section {
  position: absolute;
  top: calc(1123.274 * var(--u));  /* сразу после ALP products (-15.711) */
  left: 0;
  width: 100%;
  height: calc(68.056 * var(--u)); /* до нижней точки ALP car */
}

.alp-merch-section__img {
  position: absolute;
  display: block;
  opacity: 1;
  object-fit: cover;
}

.alp-merch-section__img--phone {
  top: calc(6.528 * var(--u));      /* 94px */
  left: calc(68.611 * var(--u));    /* 1060px от края страницы с учетом main padding-left */
  width: calc(14.583 * var(--u));   /* 210px */
  height: calc(28.125 * var(--u));  /* 405px */
  z-index: 2;
}

.alp-merch-section__img--sweater {
  top: calc(6.528 * var(--u));      /* 94px */
  left: calc(6.806 * var(--u));     /* 170px от края страницы с учетом main padding-left */
  width: calc(34.028 * var(--u));   /* 490px */
  height: calc(28.125 * var(--u));  /* 405px */
  z-index: 2;
}

.alp-merch-section__img--bg {
  top: calc(4.167 * var(--u));      /* 60px */
  left: calc(3.333 * var(--u));     /* 120px от края страницы */
  width: calc(83.333 * var(--u));   /* 1200px */
  height: calc(61.806 * var(--u));  /* 890px */
  z-index: 1;
}

.alp-merch-section__img--car {
  top: calc(38.542 * var(--u));     /* 555px */
  left: calc(6.806 * var(--u));     /* 170px от края страницы с учетом main padding-left */
  width: calc(76.389 * var(--u));   /* 1100px */
  height: calc(29.514 * var(--u));  /* 425px */
  z-index: 2;
}

.alp-merch-section__img--car-mobile {
  display: none;
}

.alp-merch-section__img--backpack {
  top: calc(6.528 * var(--u));      /* 94px */
  left: calc(42.917 * var(--u));    /* 690px от края страницы с учетом main padding-left */
  width: calc(25.694 * var(--u));   /* 370px */
  height: calc(28.125 * var(--u));  /* 405px */
  z-index: 2;
}

/* Блок album — только для мобильной версии */
.album-mobile-section {
  position: absolute;
  top: calc(615.149 * var(--u)); /* сразу после portrait-section (-15.711) */
  left: 0;
  width: 100%;
  height: calc(46.875 * var(--u)); /* (65 + 94 + 11) + 505 */
  display: block;
}

.album-mobile-section__year {
  position: absolute;
  margin: 0;
  width: calc(7.917 * var(--u));   /* 114px */
  height: calc(0.764 * var(--u));  /* 11px */
  top: calc(6.528 * var(--u));     /* 94px */
  left: calc(41.042 * var(--u));   /* 663px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  opacity: 1;
  font-family: 'Geist Mono', monospace;
  font-weight: 500;
  font-style: normal;
  font-size: calc(1.111 * var(--u)); /* 16px */
  line-height: 120%;
  letter-spacing: -0.01em;
  text-align: center;
  text-transform: uppercase;
  font-variant-numeric: lining-nums proportional-nums;
  color: rgba(255, 255, 255, 1);
}

.album-mobile-section__img {
  position: absolute;
  top: calc(11.806 * var(--u));    /* 65 + 94 + 11 = 170px */
  left: calc(3.333 * var(--u));    /* 120px от края экрана с учетом main padding-left calc(5 * var(--u)) */
  width: calc(83.333 * var(--u));  /* 1200px */
  height: calc(35.069 * var(--u)); /* 505px */
  opacity: 1;
  object-fit: cover;
}

/* Footer — следующий блок после main__content (в потоке, как video-block) */
.footer {
  width: 100%;
  height: calc(29.375 * var(--u));  /* 423px */
  box-sizing: border-box;
}

.footer__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.footer__text {
  position: absolute;
  top: calc(12.292 * var(--u));    /* 177px */
  left: calc(20.833 * var(--u));   /* 372px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(14.792 * var(--u));  /* 213px */
  margin: 0;
  font-family: 'Geist Mono', monospace;
  font-weight: 500;
  font-size: calc(2.5 * var(--u));  /* 36px */
  line-height: 120%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums proportional-nums;
  color: #fff;
}

/* Ссылки в футере: контейнер left 993px */
.footer__links {
  position: absolute;
  top: calc(12.292 * var(--u));    /* 177px — базовая линия */
  left: calc(63.958 * var(--u));   /* 993px от края страницы с учетом main padding-left calc(5 * var(--u)) */
  width: calc(5.208 * var(--u));   /* 75px */
  opacity: 1;
}

/* TG: 75Г—26, top 177px, left 993px */
.footer__links .link--tg {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(5.208 * var(--u));   /* 75px */
  height: calc(1.806 * var(--u));  /* 26px */
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 1;
}

/* CV: 75Г—26, top 220px, left 993px */
.footer__links .link--cv {
  position: absolute;
  top: calc(2.986 * var(--u));     /* 220 - 177 = 43px */
  left: 0;
  width: calc(5.208 * var(--u));   /* 75px */
  height: calc(1.806 * var(--u));  /* 26px */
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 1;
}

.footer__links .link,
.footer__links .link-text {
  font-family: 'Geist Mono', monospace;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5 * var(--u));   /* как в хедере, 36px */
  line-height: 120%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums proportional-nums;
}

.footer__links .link {
  text-decoration: none;
  white-space: nowrap;
}

/* Мобильная версия — макет 390px → vw = px/390*100, breakpoint 480px */
@media (max-width: 480px) {
  .page {
    min-height: 1400vw; /* main__content 1285vw + футер */
  }

  .about-header {
    min-height: 160vw; /* ниже блока interests 589+27 */
  }

  /* HI, I'M EGOR — top 30, left 20, 234×26, 36px @ 390 */
  .abs--greeting {
    width: 67vw;        /* 234/390*100 */
    height: 6.667vw;    /* 26/390*100 */
    top: 7.692vw;       /* 30 */
    left: 5.128vw;      /* 20 */
    font-size: 9.231vw; /* 36px */
  }

  .abs--greeting {
    width: 74vw;
    height: auto;
    line-height: 1;
    white-space: nowrap;
  }

  /* COMMUNICATION DESIGNER — top 346, left 20, width 277, 36px */
  .abs--title {
    width: 71.026vw;   /* 277 */
    top: 88.718vw;     /* 346 */
    left: 5.128vw;
    font-size: 9.231vw; /* 36px */
  }

  /* 5 YEARS IN DESIGN — top 455, left 20, width 75, 14px */
  .abs--stat-1 {
    width: 19.231vw;
    top: 116.667vw;    /* 455 */
    left: 5.128vw;
    font-size: 3.59vw;  /* 14px */
  }

  /* 23 YEARS OLD / FROM PENZA — top 522, left 20, width 149, 14px */
  .stat-2-desktop {
    display: none;
  }

  .stat-2-mobile {
    display: block;
    width: 38.205vw;   /* 149 */
    top: 133.846vw;    /* 522 */
    left: 5.128vw;
    font-size: 3.59vw; /* 14px */
  }

  /* TG — top 455, left 276 | CV — top 523, left 276, по 75×26, 36px */
  .abs--links {
    top: 0;
    left: 0;
    right: 0;
    gap: 0;
  }

  .abs--links .link--tg {
    position: absolute;
    top: 116.667vw;    /* 455 */
    left: 70.769vw;    /* 276 */
  }

  .abs--links .link--cv {
    position: absolute;
    top: 134.103vw;    /* 523 */
    left: 70.769vw;
  }

  .link {
    font-size: 9.231vw; /* 36px */
    width: 19.231vw;   /* 75 */
    min-height: 6.667vw; /* 26px */
  }

  /* Header links on mobile: fixed typography from mockup */
  .abs--links .link,
  .abs--links .link-text {
    font-family: 'Geist Mono', monospace;
    font-weight: 500;
    font-style: normal;
    font-size: 9.231vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums proportional-nums;
  }

  .link-arrow {
    width: 5.385vw;    /* 21px */
    height: 4.872vw;   /* 19px */
    margin-right: 2.564vw; /* 10px */
  }

  /* Видео — top 86, width 390, height 220 (левый край 0) */
  .main {
    padding-top: 78.462vw; /* 86+220 = 306px */
    padding-left: 0;
    padding-right: 0;
  }

  .hero-image {
    top: -216.41vw;    /* 86px от верхнего края страницы (с учетом header + main padding) */
    left: 0;
    width: 100%;      /* 390 */
    height: 56.41vw;  /* 220 */
  }

  /* Второе hero-видео (Cubes) — 390×350, top 616px */
  .hero-image--second {
    top: -78.462vw;    /* плотно к низу хедера (624px) */
    width: 100%;
    height: 89.744vw;  /* 350 */
  }

  /* Блок с двумя видео — друг под другом (макет 390px) */
  .videos-pair {
    top: 10.692vw;    /* после второго hero: 616+350 = 966px */
    left: 0;
    width: 100%;
    min-height: 251.282vw; /* 500+480 = 980px */
  }

  .videos-pair__item {
    top: 5.128vw;      /* 20px */
    left: 0;
    width: 100%;       /* 390px */
    height: 123.077vw; /* 480px */
  }

  .videos-pair__item--right {
    top: 128.205vw;    /* 500px */
  }

  .videos-pair__item--left {
    left: 3.077vw;
    width: 92.308vw;
  }

  .main {
    padding-bottom: 4vw;
  }

  #card1 {
    display: none;
  }
  /* Блок карточек — 2 колонки, 4 ряда (макет 390px) */
  .cards-section {
    top: 269.692vw;        /* после videos-pair, увеличен зазор под toy */
    left: 0;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0 5.128vw;
  }

  .cards-section__inner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .cards-section__img {
    width: 100%;
    height: auto;
  }

  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
    row-gap: 5.61vw;    /* 21.88px */
    /* column-gap: 5.656vw; */ /* 22.07px */
    column-gap: 1.656vw;
    padding: 0;
  }

  .card {
    width: 42.067vw;    /* 164.0625px */
    height: 54.828vw;   /* 213.828125px */
    padding-top: 7.351vw;   /* 28.67px */
    padding-bottom: 5.456vw; /* 21.28px */
    border-radius: 2.244vw; /* 8.75px */
    border: 1px solid rgba(255, 255, 255, 0.15); /* 0.55px */
  }

  .card > img:first-of-type {
    position: absolute;
    top: 7.351vw;    /* 28.67px */
    left: 0;
    width: 42.018vw; /* 163.87px */
    height: 42.018vw;
    object-fit: cover;
  }

  .card .card__logo {
    width: 4.771vw;   /* 18.61px */
    height: 4.771vw;
    top: 1.356vw;    /* 5.29px */
    left: 1.951vw;   /* 7.61px */
    border-radius: 50%;
  }

  .card__name {
    top: 2.223vw;    /* 8.67px */
    left: 7.862vw;   /* 30.66px */
    font-size: 1.356vw; /* 5.29px */
  }

  .card__address {
    top: 4.018vw;    /* 15.67px */
    left: 8.631vw;   /* 33.66px */
    font-size: 1.031vw; /* 4.02px */
  }

  .card .card__buttons {
    display: block;
    top: 50.585vw;   /* 197.28px */
    left: 1.951vw;   /* 7.61px */
    width: 10.03vw;  /* 39.12px */
    height: 2.656vw; /* 10.36px */
  }

  .card .card__favorites {
    display: block;
    top: 50.638vw;   /* 197.49px */
    left: 37.464vw;  /* 146.11px */
    width: 2.602vw;  /* 10.15px */
    height: 2.602vw;
  }

  /* Блок стикеров — мобильная версия (макет 390px) */
  .stickers-section {
    top: 475.282vw;      /* после карточек + 20px */
    left: 0;
    width: 100%;
    top: 480.282vw;
    min-height: unset;
  }

  .stickers-section__inner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 216.667vw; /* 845px */
  }

  .stickers-section__img--desktop {
    display: none;
  }

  .stickers-section__img--mobile {
    display: block;
    top: 0;
    left: 5.128vw;       /* 20px */
    width: 89.744vw;     /* 350px */
    height: 216.667vw;   /* 845px */
    object-fit: cover;
  }

  .stickers-section__img--mobile {
    top: 7.692vw;
    height: 208.975vw;
  }

  /* Блок мерча — мобильная версия (макет 390px) */
  .merch-section {
    top: 693.949vw;       /* после стикеров */
    left: 0;
    width: 100%;
  }

  .merch-section__inner {
    top: 0;
    left: 0;
    width: 100%;
    height: 189.744vw; /* 740px */
    padding: 0 5.128vw; /* боковые отступы */
  }

  .merch-section__inner .merch-img--1 {
    top: 0;
    left: 5.128vw;    /* 20px */
    width: 89.744vw;  /* 350px */
    height: 89.744vw;
  }

  .merch-section__inner .merch-img--2 {
    top: 94.872vw;    /* 370px */
    left: 5.128vw;    /* 20px */
    width: 89.744vw;  /* 350px */
    height: 89.744vw;
  }

  /* Блок с видео — мобильная версия (макет 390px) */
  .video-block {
    top: 882vw;      /* после мерча */
    left: 0;
    width: 100%;
    height: 119.231vw; /* 465px */
    display: flex;
    justify-content: center;
  }

  .video-block__inner {
    width: 89.744vw;
    height: 119.231vw;
    left: 0;
  }

  .video-block__video {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    object-position: 45% center;
  }

  /* secon.png после video-block: top 30px, left 20px, 350x198 */
  .secon-image-block {
    top: 1008.923vw;    /* после video-block + 30px */
    left: 0;
    width: 100%;
    height: 50.769vw;   /* 198px */
    display: flex;
    justify-content: center;
  }

  .secon-image-block__img {
    top: 0;
    left: unset;
    /*  left: 5.128vw;  */     /* 20px */
    width: 89.744vw;    /* 350px */
    height: 50.769vw;   /* 198px */
    border-radius: 1.197vw; /* 4.67px */
    border-style: solid;
    border-width: 0.074vw;  /* 0.29px */
    border-color: transparent;
    border: 0.29px solid rgba(64, 64, 64, 1);
    opacity: 1;
  }

  .posts-section {
    top: 1067.129vw;     /* после secon-image-block + 29px */
    left: 0;
    width: 100%;
    height: 115.866vw;   /* 2*215 + gap */
    padding: 0 5.128vw;
  }

  .posts-section__inner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .posts-grid {
    grid-template-columns: repeat(2, 42.308vw); /* 165px */
    grid-template-rows: repeat(2, 55.128vw);    /* 215px */
    row-gap: 5.61vw;
    column-gap: 1.656vw;
  }

  .post-card {
    width: 42.308vw;      /* 165px */
    height: 55.128vw;     /* 215px */
    border-radius: 2.556vw; /* 9.97px */
    border-width: 0.159vw;  /* 0.62px */
  }

  .posts-section .post-card > .post-card__base {
    top: 0;
    left: 0;
    width: 42.308vw;      /* 165px */
    height: 55.128vw;     /* 215px */
  }
  .posts-section .post-card > .post-card__shadow {
    top: 0;
    left: 0;
    width: 42.308vw;
    height: 3.34vw;
    top: 6.451vw;
  }

  .posts-section .post-card .card__logo {
    top: 1.356vw;    /* 5.29px */
    left: 1.972vw;   /* 7.69px */
    width: 4.775vw;   /* 18.623159px */
    height: 4.775vw;  /* 18.623159px */
    border-radius: 23.877vw; /* 93.12px */
  }

  .post-card > video,
  .post-card > iframe {
    position: absolute;
    top: 7.351vw;
    left: 0;
    width: 42.308vw;
    height: 42.308vw;
    object-fit: cover;
  }

  .posts-grid {
    justify-content: space-between;
    align-items: start;
  }

  .post-card,
  .posts-section .post-card > .post-card__base,
  .posts-section .post-card > .post-card__shadow,
  .post-card > video,
  .post-card > iframe {
    width: 42.308vw;
    left: 0;
    border-radius: inherit;
  }

  .reports-section {
    top: 1190.787vw; /* после posts-section + 30px */
    left: 0;
    width: 100%;
    height: 105.977vw; /* 196.875*2 + 19.56 */
  }

  .reports-section__inner {
    position: absolute;
    top: 0;
    left: 5.128vw; /* 20px */
    width: 89.744vw; /* 350px */
    height: 105.977vw;
    display: flex;
    flex-direction: column;
    gap: 5.015vw; /* 19.56px */
  }

  .reports-section__img {
    width: 89.744vw;  /* 350px */
    height: 50.481vw; /* 196.875px */
  }

  .portrait-section {
    top: 1362.559vw;   /* 30px от нижней точки текста "2026" */
    left: 0;
    width: 100%;
    height: 139.744vw; /* 545px */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .portrait-section__img {
    width: 89.744vw;   /* 350px */
    height: 134.615vw; /* 525px */
  }

  .tatlin-section {
    top: 1312.149vw; /* после reports-section + 60px */
    left: 0;
    width: 100%;
    height: 69.744vw; /* до нижней точки текста "2026" */
  }

  .tatlin-section__logo,
  .tatlin-section__text {
    display: block;
  }

  .tatlin-section__img--mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 1.128vw;      /* 20px */
    width: 100%;    /* 350px */
    height: 50.769vw;   /* 198px */
    object-fit: cover;
  }

  .tatlin-section__logo {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 89.744vw;   /* 350px */
    height: 12.821vw;  /* 50px */
    object-fit: contain;
  }

  .tatlin-section__text {
    font-family: 'Geist Mono', monospace;
    font-weight: 500;
    font-style: normal;
    font-size: 3.333vw; /* 13px */
    line-height: 120%;
    letter-spacing: -0.01em;
    text-align: right;
    text-transform: uppercase;
    font-variant-numeric: lining-nums proportional-nums;
  }

  .tatlin-section__text--desc {
    top: 20.513vw;      /* 30px от низа лого */
    left: 50%;
    transform: translateX(-50%);
    width: 89.744vw;    /* 350px */
    text-align: right;
  }

  .tatlin-section__text--title {
    top: 34.615vw;      /* 85px от лого (50 + 85 = 135px) */
    left: 5.128vw;      /* 20px слева */
    right: auto;
    width: 71.795vw;    /* область под левый блок */
    text-align: left;
  }

  .tatlin-section__text--year {
    top: 38.718vw;      /* 101px от лого (50 + 101 = 151px) */
    right: 5.128vw;     /* 20px справа */
    left: auto;
    text-align: right;
  }

  .tatlin-jacket-section {
    display: block;
    position: absolute;
    top: 1507.431vw; /* 20px после portrait-section */
    left: 0;
    width: 100%;
    height: 132.051vw; /* 515px */
  }

  .tatlin-jacket-section__img--desktop {
    display: none;
  }

  .tatlin-jacket-section__img--mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;      /* 390px */
    height: 132.051vw; /* 515px */
    object-fit: cover;
  }

  .tatlin-accessories-section {
    display: block;
    position: absolute;
    top: 1639.482vw;  /* сразу после tatlin-jacket-section */
    left: 0;
    width: 100%;
    height: 260.256vw; /* 1015px */
  }

  .tatlin-accessories-section__img--wallet {
    top: 12.821vw;    /* 50px от края контейнера */
    left: 53.846vw;   /* 210px от края страницы */
    width: 41.026vw;  /* 160px */
    height: 32.051vw; /* 125px */
    object-fit: contain;
  }

  .tatlin-accessories-section__img--notepad {
    top: 52.564vw;    /* 205px от края контейнера */
    left: 5.128vw;    /* 20px от края страницы */
    width: 62.821vw;  /* 245px */
    height: 71.795vw; /* 280px */
    object-fit: contain;
  }

  .tatlin-accessories-section__img--bag {
    top: 132.051vw;   /* 515px от края контейнера */
    left: 5.128vw;    /* 20px от края страницы */
    width: 89.744vw;  /* 350px */
    height: 128.205vw; /* 500px */
    object-fit: contain;
  }

  .tatlin-paper-section {
    position: absolute;
    top: 1929.738vw;   /* после accessories + 30px */
    left: 0;
    width: 100%;
    height: 221.795vw; /* 30 + 835 */
  }

  .tatlin-paper-section__img--desktop {
    display: none;
  }

  .tatlin-paper-section__img--mobile {
    display: block;
    position: absolute;
    top: 7.692vw;      /* 30px */
    left: 7.051vw;     /* 27.5px */
    width: 85.897vw;   /* 335px */
    height: 214.103vw; /* 835px */
    opacity: 1;
    object-fit: cover;
  }

  .st-section {
    display: block;
    position: absolute;
    top: 2151.533vw;   /* сразу после tatlin-paper-section */
    left: 0;
    width: 100%;
    height: 83.846vw;  /* 327px */
  }

  .st-assets-section {
    display: block;
    position: absolute;
    top: 2235.379vw;   /* сразу после st-section */
    left: 0;
    width: 100%;
    height: 528.974vw; /* до нижней точки ST box */
  }

  .st-assets-section__img--traffic {
    top: 8.462vw;      /* 33px */
    left: 5.128vw;     /* 20px */
    width: 89.744vw;   /* 350px */
    height: 105.128vw; /* 410px */
    object-fit: cover; /* обрезать края */
  }

  .st-assets-section__img--cones {
    top: 95.641vw;     /* 373px */
    left: 2.564vw;     /* 10px */
    width: 82.051vw;   /* 320px */
    height: 94.872vw;  /* 370px */
    transform: rotate(274deg);
    object-fit: contain;
    z-index: 2;
  }

  .st-assets-section__img--cones {
    top: 99vw;
    left: 6.4vw;
    width: 77vw;
    height: 90vw;
  }

  .st-assets-section__img--badge {
    top: 190.513vw;    /* 743px */
    left: 11.538vw;    /* 45px */
    width: 76.923vw;   /* 300px */
    height: 128.205vw; /* 500px */
    object-fit: contain;
  }

  .st-assets-section__img--box {
    top: 418.718vw;    /* 1633px */
    left: 0.256vw;     /* 1px */
    width: 99.744vw;   /* 389px */
    height: 110.256vw; /* 430px */
    object-fit: contain;
  }

  .st-assets-section__img--cask {
    top: 319.872vw;    /* увеличена и слегка поднята */
    left: -4.615vw;    /* смещена левее для сохранения композиции */
    width: 111.538vw;  /* 435px */
    height: 103.846vw; /* 405px */
    object-fit: contain;
  }

  .alp-text-section {
    position: absolute;
    top: 2772.045vw;    /* после ST assets + 30px */
    left: 0;
    width: 100%;
    height: 82.051vw;  /* 320px */
  }

  .alp-text-section__img {
    top: 0;
    left: 0;
    width: 100%;       /* 390px */
    height: 82.051vw;  /* 320px */
    opacity: 1;
    object-fit: fill;
  }

  .alp-text-section {
    height: 88.205vw; /* extra room for text glow on mobile */
  }

  .alp-text-section__img {
    height: 88.205vw;
  }

  .alp-products-section {
    display: block;
    position: absolute;
    top: 2854.096vw;   /* сразу после ALP text */
    left: 0;
    width: 100%;
    height: 357.692vw; /* до нижней точки ALP skull */
  }

  .alp-products-section {
    top: 2860.256vw;
  }

  .alp-products-section__alpine {
    top: 0;
    left: 5.128vw;      /* 20px */
    width: 89.744vw;    /* 350px */
    height: 158.974vw;  /* 620px */
    opacity: 1;
    object-fit: cover;
    z-index: 0;
  }

  .alp-products-section__gradient--left {
    display: block;
    top: 0;
    left: 5.128vw;
    width: 37.182vw;    /* 145.0094px */
    height: 160.051vw;  /* 624.1996px */
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  }

  .alp-products-section__gradient--right {
    display: block;
    top: 0;
    left: 57.69vw;      /* 20 + 350 - 145.0094 */
    width: 37.182vw;
    height: 160.051vw;
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  }

  .alp-products-section__gradient--top {
    display: block;
    top: 0;
    left: 5.128vw;
    width: 90.082vw;    /* 351.3182px */
    height: 30.59vw;    /* 119.3032px */
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  }

  .alp-products-section__gradient--bottom {
    display: block;
    top: 128.384vw;     /* 620 - 119.3032 */
    left: 5.128vw;
    width: 90.082vw;
    height: 30.59vw;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  }

  .alp-products-section__keychain {
    top: 166.667vw;     /* увеличен отступ под ALP video */
    left: 5.128vw;      /* 20px */
    width: 89.744vw;    /* 350px */
    height: 89.744vw;   /* 350px */
    opacity: 1;
    object-fit: contain;
    z-index: 2;
  }

  .alp-products-section__skull {
    top: 261.539vw;     /* сдвинуто ниже вместе с keychain */
    left: 5.128vw;      /* 20px */
    width: 89.744vw;    /* 350px */
    height: 103.846vw;  /* 405px */
    opacity: 1;
    object-fit: contain;
    z-index: 2;
  }

  .alp-products-section__rostok {
    top: 261.539vw;     /* сдвинуто ниже вместе с keychain */
    left: 10.513vw;     /* 41px */
    width: 14.872vw;    /* 58px */
    height: 16.154vw;   /* 63px */
    opacity: 1;
    object-fit: contain;
    z-index: 2;
  }

  .alp-merch-section {
    display: block;
    position: absolute;
    top: 3211.788vw;   /* сразу после ALP products */
    left: 0;
    width: 100%;
    height: 418.462vw; /* до нижней точки ALP car */
  }

  .alp-merch-section__img--bg {
    top: 0;
    left: 0;
    width: 307.692vw;   /* 1200px */
    height: 354.103vw;  /* 1381px */
    opacity: 1;
    object-fit: contain;
  }

  .alp-merch-section__img--sweater {
    top: 15.385vw;      /* 60px */
    left: 5.128vw;      /* 20px */
    width: 89.744vw;    /* 350px */
    height: 74.103vw;   /* 289px */
    opacity: 1;
    z-index: 2;
    object-fit: contain;
  }

  .alp-merch-section__img--backpack {
    top: 231.795vw;     /* увеличен верхний отступ */
    left: 5.128vw;      /* 20px */
    width: 89.744vw;    /* 350px */
    height: 98.205vw;   /* 383px */
    opacity: 1;
    object-fit: contain;
    z-index: 2;
  }

  .alp-merch-section__img--phone {
    top: 92.051vw;      /* 359px */
    left: 16.667vw;     /* 65px */
    width: 66.667vw;    /* 260px */
    height: 128.205vw;  /* 500px */
    opacity: 1;
    z-index: 2;
    object-fit: contain;
  }

  .alp-merch-section__img--car {
    display: none;
  }

  .alp-merch-section__img--car-mobile {
    top: 341.538vw;     /* повернута и поднята ближе к рюкзаку */
    left: 50%;
    margin-left: -102.821vw;
    width: 205.641vw;   /* визуальная высота после поворота */
    height: 79.487vw;   /* визуальная ширина после поворота */
    opacity: 1;
    transform-origin: center center;
    transform: rotate(270deg);
    object-fit: contain;
    display: block;
  }

  .st-section__logo {
    top: 20.513vw;     /* 80px */
    left: 5.128vw;     /* 20px */
    width: 89.744vw;   /* 350px */
    height: 33.333vw;  /* 130px */
  }

  .st-section__meta,
  .st-section__plus,
  .st-section__desc,
  .st-section__year {
    font-size: 3.59vw; /* 14px */
  }

  .st-section__meta--desktop,
  .st-section__desc--desktop {
    display: none;
  }

  .st-section__meta--mobile,
  .st-section__desc--mobile {
    display: block;
  }

  .st-section__meta--mobile {
    top: 61.538vw;     /* 240px */
    left: 5.128vw;     /* 20px */
    width: 59.487vw;   /* 232px */
    height: 6.923vw;   /* 27px */
  }

  .st-section__plus {
    top: 61.538vw;     /* 240px */
    left: 92.564vw;    /* 361px */
    width: 2.308vw;    /* 9px */
    height: 2.564vw;   /* 10px */
  }

  .st-section__desc--mobile {
    top: 76.923vw;     /* 300px */
    left: 5.128vw;     /* 20px */
    width: 51.026vw;   /* 199px */
    height: 6.923vw;   /* 27px */
  }

  .st-section__year {
    top: 81.282vw;     /* 317px */
    left: 86.154vw;    /* 336px */
    width: 8.718vw;    /* 34px */
    height: 2.564vw;   /* 10px */
  }

  .album-mobile-section {
    display: none;
  }

  .album-mobile-section__year {
    position: absolute;
    margin: 0;
    width: 29.231vw;   /* 114px */
    height: 2.821vw;   /* 11px */
    top: 24.103vw;     /* 94px */
    left: 46.042vw;    /* 663px */
    opacity: 1;
    font-family: 'Geist Mono', monospace;
    font-weight: 500;
    font-style: normal;
    font-size: 4.103vw; /* 16px */
    line-height: 120%;
    letter-spacing: -0.01em;
    text-align: center;
    text-transform: uppercase;
    font-variant-numeric: lining-nums proportional-nums;
    color: rgba(255, 255, 255, 1);
  }

  .album-mobile-section__img {
    position: absolute;
    top: 16.667vw;     /* 65px */
    left: 8.333vw;     /* 120px */
    width: 83.333vw;   /* 1200px */
    height: 35.069vw;  /* 505px */
    opacity: 1;
    object-fit: cover;
  }

  .main__content {
    min-height: 3764.095vw; /* до нижней точки car-mobile + 30px */
  }

  .footer {
    height: 108.462vw;  /* 423px чтобы поместить TG/CV на 270/336px */
  }

  .footer__text {
    top: 20.513vw;   /* 80px */
    left: 5.128vw;   /* 20px */
    width: 54.615vw; /* 213px */
    height: 17.692vw; /* 69px */
    font-family: 'Geist Mono', monospace;
    font-weight: 500;
    font-style: normal;
    font-size: 9.231vw; /* 36px */
    line-height: 120%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums proportional-nums;
    opacity: 1;
  }

  .footer__links {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .footer__links .link--tg {
    top: 69.231vw;    /* 270px */
    left: 20.513vw;   /* 80px */
    width: 19.231vw;  /* 75px */
    min-height: 6.667vw; /* 26px */
  }

  .footer__links .link--cv {
    top: 86.154vw;    /* 336px */
    left: 20.513vw;   /* 80px */
    width: 19.231vw;  /* 75px */
    min-height: 6.667vw; /* 26px */
    color: rgba(218, 21, 37, 1);
  }

  .footer__links .link,
  .footer__links .link-text {
    font-family: 'Geist Mono', monospace;
    font-weight: 500;
    font-style: normal;
    font-size: 9.231vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-variant-numeric: lining-nums proportional-nums;
  }

}

/* Планшет / общий адаптив */
@media (min-width: 481px) and (max-width: 900px) {
  .main {
    padding: 0 calc(4 * var(--u)) calc(5 * var(--u));
  }
}

/* Final layout polish */
.video-block__inner {
  overflow: hidden;
  border-radius: calc(1.111 * var(--u));
}

.media-embed.video-block__video {
  border-radius: calc(1.111 * var(--u)) !important;
}

.media-embed {
  border-radius: 0 !important;
}

.posts-grid {
  justify-content: start;
}

.post-card {
  isolation: isolate;
  border-radius: calc(1.111 * var(--u));
}

.post-card::after {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: inherit;
  z-index: 6;
  pointer-events: none;
}

.post-card > video,
.post-card > iframe {
  left: 1px;
  top: calc(3 * var(--u));
  width: calc(100% - 2px);
  z-index: 2;
  border-radius: 0 !important;
}

.post-card > iframe {
  background: #000;
}

.post-card .post-card__base {
  left: 0;
  width: 100%;
  z-index: 1;
  border-radius: 0;
  pointer-events: none;
}

.post-card .post-card__shadow {
  left: 1px;
  top: calc(3 * var(--u));
  width: calc(100% - 2px);
  z-index: 3;
  border-radius: 0;
  pointer-events: none;
}

.footer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer__inner {
  width: calc(83.333 * var(--u));
  height: auto;
  min-height: calc(12.5 * var(--u));
  display: grid;
  grid-template-columns: minmax(0, calc(18.75 * var(--u))) auto;
  align-items: start;
  column-gap: calc(4.167 * var(--u));
}

.footer__text {
  position: static;
  width: auto;
  margin: 0;
}

.footer__links {
  position: static;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: calc(1.111 * var(--u));
  justify-self: start;
}

.footer__links .link {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  min-height: calc(1.806 * var(--u));
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .cards-section__inner {
    border-radius: 4.103vw;
    overflow: hidden;
  }

  .cards-section__inner picture,
  .cards-section__img {
    display: block;
  }

  .stickers-section {
    overflow: hidden;
  }

  .stickers-section__inner {
    height: 216.667vw;
    padding-top: 0;
  }

  .stickers-section__img--mobile {
    position: absolute;
    top: 7.692vw;
    left: 5.128vw;
    width: 89.744vw;
    height: 208.975vw;
    margin: 0;
    object-fit: contain;
    object-position: center top;
  }

  .video-block__inner {
    border-radius: 2.564vw;
  }

  .media-embed.video-block__video {
    border-radius: 2.564vw !important;
  }

  .posts-section__inner {
    width: 89.744vw;
    margin: 0 auto;
    transform: none;
  }

  .posts-grid {
    width: 89.744vw;
    column-gap: 5.128vw;
    justify-content: start !important;
  }

  .post-card {
    border-radius: 2.564vw;
    overflow: hidden;
  }

  .post-card::after {
    border-width: 0.159vw;
  }

  .posts-section .post-card > .post-card__base {
    left: 0;
    top: 0;
    width: 42.308vw;
    height: 55.128vw;
  }

  .posts-section .post-card > .post-card__shadow {
    left: 0.256vw;
    top: 6.451vw;
    width: calc(100% - 0.512vw);
    height: 3.34vw;
  }

  .post-card > video,
  .post-card > iframe {
    left: 0.256vw;
    top: 7.351vw;
    width: calc(100% - 0.512vw);
    height: 42.308vw;
    border-radius: 0 !important;
  }

  .st-assets-section__img--cones {
    left: 50%;
    width: 77vw;
    height: 90vw;
    transform: translateX(-50%) rotate(274deg);
  }

  .alp-products-section__alpine {
    left: 5.128vw;
    width: 89.744vw;
    clip-path: inset(0 0.769vw 0 0);
  }

  .alp-products-section__gradient--right {
    left: 56.923vw;
    width: 38.205vw;
  }

  .alp-products-section__gradient--top,
  .alp-products-section__gradient--bottom {
    width: 90.256vw;
  }

  .footer {
    height: auto;
    padding: 12.308vw 0 14.359vw;
  }

  .footer__inner {
    width: 89.744vw;
    min-height: 0;
    grid-template-columns: 1fr;
    row-gap: 0;
  }

  .footer__text {
    width: auto;
    height: auto;
  }

  .footer__links {
    gap: 5.128vw;
  }

  .footer__links .link {
    min-height: 7.692vw;
  }

  .footer__links .link-text {
    font-size: 9.231vw;
  }
}

@media (min-width: 481px) {
  .footer {
    height: auto;
    align-items: flex-start;
    padding: calc(5 * var(--u)) 0 calc(2.083 * var(--u));
  }

  .footer__inner {
    min-height: 0;
  }

  .videos-pair__item--left {
    left: calc(4.722 * var(--u));
  }
}

.tatlin-jacket-section {
  overflow: hidden;
}

.tatlin-jacket-section__bg {
  position: absolute;
  display: block;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}

.tatlin-jacket-section__bg--desktop {
  top: 0;
  left: 50%;
  width: calc(83.333 * var(--u));
  height: calc(59.375 * var(--u));
  transform: translateX(-50%);
  background-image: url('assets/tatlin-bg.svg');
}

.tatlin-jacket-section__bg--mobile {
  display: none;
  top: 0;
  left: 50%;
  width: 107.692vw;
  height: 132.051vw;
  transform: translateX(-50%);
  background-image: url('assets/tatlin-bg-mobile.svg');
}

.tatlin-jacket-section__img--desktop,
.tatlin-jacket-section__img--mobile {
  position: absolute;
  display: block;
  pointer-events: none;
}

.tatlin-jacket-section__img--desktop {
  top: 0;
  left: 50%;
  width: calc(83.333 * var(--u));
  height: auto;
  transform: translateX(-50%);
  object-fit: contain;
}

.tatlin-jacket-section__img--mobile {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tatlin-jacket-section__sweater {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: calc(59.375 * var(--u));
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 1;
  object-fit: contain;
  pointer-events: none;
}

@media (max-width: 480px) {
  .tatlin-jacket-section__bg--desktop {
    display: none;
  }

  .tatlin-jacket-section__bg--mobile {
    display: block;
  }

  .tatlin-jacket-section__sweater {
    width: 104.615vw;
  }
}

@media (max-width: 480px) {
  .video-block__inner {
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
}

.secon-image-block__img {
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 480px) {
  .cards-section {
    top: 269.692vw;
  }

  .lazy-load-sentinel[data-step="1"] {
    top: 925.839vw;
  }

  .lazy-load-sentinel[data-step="2"] {
    top: 1352.552vw;
  }

  .lazy-load-sentinel[data-step="3"] {
    top: 2176.551vw;
  }

  .stickers-section {
    top: 510.429vw;
  }

  .merch-section {
    top: 734.352vw;
  }

  .video-block {
    top: 925.839vw;
  }

  .secon-image-block {
    top: 1049.326vw;
  }

  .posts-section {
    top: 1107.532vw;
  }

  .reports-section {
    top: 1231.19vw;
  }

  .tatlin-section {
    top: 1352.552vw;
  }

  .portrait-section {
    top: 1402.962vw;
  }

  .tatlin-jacket-section {
    top: 1547.834vw;
  }

  .tatlin-accessories-section {
    top: 1679.885vw;
  }

  .tatlin-paper-section {
    top: 1954.756vw;
  }

  .st-section {
    top: 2176.551vw;
  }

  .st-assets-section {
    top: 2260.397vw;
  }

  .alp-text-section {
    top: 2797.063vw;
  }

  .alp-products-section {
    top: 2885.274vw;
  }

  .alp-merch-section {
    top: 3244.499vw;
    height: 424.872vw;
  }

  .main__content {
    min-height: 3803.216vw;
  }
}

@media (max-width: 480px) {
  .footer__text {
    margin-bottom: 8.205vw;
    line-height: 1.04;
  }

}

@media (max-width: 480px) {
  .st-assets-section__img--cask {
    top: 324.615vw;
    left: 50%;
    width: 94.872vw;
    height: 88.205vw;
    transform: translateX(-50%);
  }
}

@media (max-width: 480px) {
  .tatlin-accessories-section__img--wallet {
    top: 2.564vw;
    left: 49.744vw;
    width: 49.231vw;
    height: 38.462vw;
  }

  .tatlin-accessories-section__img--notepad {
    top: 43.077vw;
    left: 1.538vw;
    width: 75.385vw;
    height: 86.154vw;
  }
}

@media (max-width: 480px) {
  .tatlin-jacket-section__sweater {
    width: 125.538vw;
  }
}

@media (max-width: 480px) {
  .video-block__inner {
    left: auto;
    transform: none;
    margin: 0 auto;
  }

  .video-block__video {
    left: 0;
    transform: none;
    object-position: 50% 50%;
  }

  .secon-image-block__img {
    left: auto;
    transform: none;
    margin: 0 auto;
    object-fit: contain;
    border: 0 !important;
    box-shadow: none !important;
  }

  .posts-section .post-card {
    border: 0 !important;
  }

  .posts-section .post-card::after {
    display: none;
  }

  .posts-section .post-card > video,
  .posts-section .post-card > iframe {
    left: 0.256vw;
    top: 7.351vw;
    width: calc(100% - 0.512vw);
    height: 42.308vw;
  }

  .tatlin-jacket-section__sweater {
    width: 173.243vw;
  }

  .alp-merch-section {
    height: 548.718vw;
  }

  .alp-merch-section__img--car-mobile {
    top: 347.436vw;
    left: 50%;
    margin-left: 0;
    width: 79.487vw;
    height: auto;
    transform: translateX(-50%);
  }
}

@media (min-width: 481px) {
  .tatlin-section__text--desc {
    left: auto;
    right: calc(3.333 * var(--u));
  }

}