/* Финальный слой главной: координаты и высоты последнего снимка от 25.12.2025. */
.archive-home > section {
  box-sizing: border-box;
  margin: 0;
}

@media (min-width: 1024px) {
  .archive-hero.container {
    position: relative;
    width: 100%;
    max-width: none;
    height: 1081px;
    padding: 0;
    overflow: hidden;
    background: #f6f1e8;
  }

  .archive-hero h1 {
    position: absolute;
    z-index: 4;
    top: 228px;
    left: 50%;
    width: min(1192px, calc(100% - 80px));
    margin: 0;
    font-size: 56px;
    line-height: 1.2;
    transform: translateX(-50%);
  }

  .archive-hero > p {
    position: absolute;
    z-index: 4;
    top: 378px;
    left: 50%;
    width: min(888px, calc(100% - 80px));
    margin: 0;
    font-size: 22px;
    line-height: 1.5;
    transform: translateX(-50%);
  }

  .archive-actions {
    position: absolute;
    z-index: 5;
    top: 513px;
    left: 50%;
    gap: 10px;
    transform: translateX(-50%);
  }

  .archive-actions .button {
    width: 231px;
    min-width: 0;
    min-height: 63px;
    padding: 0 18px;
    border-radius: 8px;
    font-size: 18px;
  }

  .archive-hero__scene {
    position: absolute;
    z-index: 1;
    inset: 0;
    height: 1081px;
    margin: 0;
    overflow: hidden;
    background: none;
  }

  .archive-hero__scene::before { display: none; }

  .archive-hero__scene::after {
    position: absolute;
    z-index: 4;
    top: 692px;
    left: 50%;
    width: 1369px;
    height: 389px;
    background: url('archive/home/hero-bg.webp') center / 100% 100% no-repeat;
    content: '';
    transform: translateX(-50%);
  }

  .archive-hero__route {
    position: absolute;
    z-index: 2;
    top: 664px;
    left: 50%;
    width: 1428px;
    height: 390px;
    max-width: none;
    transform: translateX(-50%);
  }

  .archive-hero__icon { z-index: 3; max-width: none; }
  .archive-hero__icon--mailbox { top: 569px; left: calc(50% - 645px); width: 252px; }
  .archive-hero__icon--map { top: 565px; left: calc(50% - 377px); width: 156px; }
  .archive-hero__icon--postcard { top: 565px; right: calc(50% - 377px); width: 156px; }
  .archive-hero__icon--traveler { top: 569px; right: calc(50% - 645px); width: 252px; }

  .archive-winter {
    position: relative;
    min-height: 1034px;
    padding: 0;
    overflow: hidden;
    background: #fffff9;
  }

  .archive-winter::before {
    display: none;
  }

  .archive-winter::after {
    position: absolute;
    z-index: 6;
    right: 0;
    bottom: -47px;
    left: 0;
    height: 95px;
    background: url('archive/home/latest/winter-transition.svg') center / 1944px 95px no-repeat;
    content: '';
  }

  .archive-winter__transition {
    top: -47px;
    height: 95px;
    object-fit: cover;
  }

  .archive-winter__pattern {
    top: 45px;
    width: 1428px;
    height: 400px;
  }

  .archive-winter > .container {
    width: 100%;
    max-width: 1360px;
    height: 1034px;
    padding: 0;
  }

  .archive-pill {
    position: absolute;
    top: 108px;
    left: 50%;
    margin: 0;
    padding: 5px 14px;
    font-size: 18px;
    transform: translateX(-50%);
  }

  .archive-winter h2 {
    position: absolute;
    top: 161px;
    left: 50%;
    width: 100%;
    margin: 0;
    font-size: 56px;
    line-height: 1.2;
    transform: translateX(-50%);
  }

  .archive-winter > .container > p {
    position: absolute;
    top: 244px;
    left: 50%;
    width: 100%;
    margin: 0;
    font-size: 22px;
    line-height: 1.5;
    transform: translateX(-50%);
  }

  .archive-winter__cards {
    position: absolute;
    inset: 0;
    height: 900px;
    margin: 0;
  }

  .archive-winter__cards img {
    max-height: none;
    filter: none;
  }

  .archive-winter__cards img:nth-child(1) {
    top: 364px;
    left: calc(50% - 620px);
    width: 397px;
    transform: none;
  }

  .archive-winter__cards img:nth-child(2) {
    top: 489px;
    left: 50%;
    width: 397px;
    border-radius: 0;
    transform: translateX(-50%);
  }

  .archive-winter__cards img:nth-child(3) {
    top: 364px;
    right: calc(50% - 620px);
    width: 397px;
    transform: none;
  }

  .archive-winter__button {
    position: absolute;
    z-index: 7;
    bottom: 58px;
    left: 50%;
    min-width: 259px;
    min-height: 63px;
    border-radius: 8px;
    font-size: 18px;
    transform: translateX(-50%);
  }

  .archive-section--intro {
    height: 1301px;
    min-height: 1301px;
    padding: 121px 0 0;
    overflow: hidden;
    background: #f6f1e8;
  }

  .archive-section--intro .archive-lead { width: 866px; max-width: calc(100% - 80px); }
  .archive-section--intro .archive-collage { min-height: 898px; margin-top: 70px; }
  .archive-section--intro .archive-label { display: none; }

  .archive-section--map {
    min-height: 1191px;
    padding: 112px 0 0;
    overflow: hidden;
  }

  .archive-section--send {
    min-height: 792px;
    padding: 90px 0 60px;
    overflow: hidden;
  }

  .archive-partner {
    min-height: 646px;
    padding: 92px 0 110px;
    overflow: hidden;
  }

  .archive-section--steps {
    height: 531px;
    min-height: 531px;
    padding: 0;
    overflow: hidden;
  }

  .archive-section--steps .container { height: 513px; }
  .postcard-back { width: 607px; max-width: none; margin: 50px auto 0; transform: none; }
  .steps-stamp { top: -48px; left: calc(50% - 332px); width: 158px; transform: none; }
  .steps-line--left { top: 167px; left: calc(50% - 647px); width: 263px; }
  .steps-line--right { top: 20px; right: calc(50% - 746px); width: 263px; }
  .steps-line--bottom { right: calc(50% - 738px); bottom: 0; width: 263px; }
  .archive-label--left { top: 217px; left: calc(50% - 599px); }
  .archive-label--right { top: 58px; right: calc(50% - 625px); }
  .archive-label--bottom { right: calc(50% - 606px); bottom: 48px; }

  .archive-showcase {
    height: 4159px;
    min-height: 4159px;
    padding: 171px 0 0;
    overflow: clip;
  }

  .archive-showcase img {
    top: 80px;
    max-height: none;
    filter: none;
    transform: none !important;
  }

  .archive-showcase img:nth-child(-n+2) { width: min(888px, calc(100vw - 80px)); }
  .archive-showcase img:nth-child(n+3) { width: min(584px, calc(100vw - 80px)); }
  .archive-showcase img:nth-child(1) { margin-bottom: 91px; }
  .archive-showcase img:nth-child(2) { margin-bottom: 84px; }
  .archive-showcase img:nth-child(3),
  .archive-showcase img:nth-child(4) { margin-bottom: 75px; }
  .archive-showcase img:nth-child(5) { margin-bottom: 0; }

  .archive-section--postcross {
    height: 623px;
    min-height: 623px;
    padding: 50px 0;
    overflow: hidden;
  }

  .archive-section--postcross .postcross-layout {
    box-sizing: border-box;
    height: 523px;
    min-height: 0;
  }

  .archive-section--join {
    min-height: 617px;
    padding: 100px 0 60px;
    overflow: hidden;
  }
}

@media (max-width: 1023px) {
  .archive-home > section { overflow: hidden; }
  .archive-hero__route { display: none; }
  .archive-hero__scene::before { top: 86px; }
  .archive-winter__button { margin-top: 590px; }
  .archive-section--steps { overflow: hidden; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .archive-hero.container {
    position: relative;
    width: 100%;
    max-width: none;
    height: 1147px;
    padding: 0;
    overflow: hidden;
    background: #f6f1e8;
  }

  .archive-hero h1 {
    position: absolute;
    z-index: 5;
    top: 172px;
    left: 50%;
    width: 696px;
    margin: 0;
    font-size: 48px;
    line-height: 1.2;
    transform: translateX(-50%);
  }

  .archive-hero > p {
    position: absolute;
    z-index: 5;
    top: 362px;
    left: 50%;
    width: 696px;
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    transform: translateX(-50%);
  }

  .archive-actions {
    position: absolute;
    z-index: 6;
    top: 479px;
    left: 50%;
    transform: translateX(-50%);
  }

  .archive-actions .button { width: 222px; min-width: 222px; min-height: 55px; }

  .archive-hero__scene {
    position: absolute;
    z-index: 1;
    inset: 0;
    height: 1147px;
    margin: 0;
    overflow: hidden;
    background: none;
  }

  .archive-hero__scene::before { display: none; }
  .archive-hero__scene::after {
    position: absolute;
    z-index: 4;
    top: 758px;
    left: 50%;
    width: 1369px;
    height: 389px;
    background: url('archive/home/hero-bg.webp') center / 100% 100% no-repeat;
    content: '';
    transform: translateX(-50%);
  }

  .archive-hero__route {
    display: block;
    position: absolute;
    z-index: 2;
    top: 720px;
    left: 50%;
    width: 1428px;
    max-width: none;
    transform: translateX(-50%);
  }

  .archive-hero__icon { z-index: 3; max-width: none; }
  .archive-hero__icon--mailbox { top: 549px; left: calc(50% - 458px); width: 252px; }
  .archive-hero__icon--map { top: 571px; left: calc(50% - 236px); width: 156px; }
  .archive-hero__icon--postcard { top: 571px; right: calc(50% - 236px); width: 156px; }
  .archive-hero__icon--traveler { top: 549px; right: calc(50% - 458px); width: 252px; }

  .archive-winter {
    min-height: 760px;
    padding: 0;
    overflow: hidden;
  }

  .archive-winter__transition { top: -24px; height: 48px; }
  .archive-winter__pattern { top: -60px; width: 1428px; }
  .archive-winter > .container { height: 760px; padding: 0; }
  .archive-pill { position: absolute; top: 56px; left: 50%; margin: 0; transform: translateX(-50%); }
  .archive-winter h2 { position: absolute; top: 105px; left: 0; width: 100%; margin: 0; font-size: 48px; }
  .archive-winter > .container > p { position: absolute; top: 175px; left: 0; width: 100%; margin: 0; font-size: 20px; }
  .archive-winter__cards { position: absolute; inset: 0; height: 650px; margin: 0; }
  .archive-winter__cards img { max-height: none; filter: none; transform: none; }
  .archive-winter__cards img:nth-child(1) { top: 305px; left: calc(50% - 420px); width: 264px; }
  .archive-winter__cards img:nth-child(2) { top: 378px; left: 50%; width: 250px; border-radius: 0; transform: translateX(-50%); }
  .archive-winter__cards img:nth-child(3) { top: 305px; right: calc(50% - 420px); width: 264px; }
  .archive-winter__button { position: absolute; z-index: 7; bottom: 34px; left: 50%; min-width: 259px; min-height: 55px; margin: 0; transform: translateX(-50%); }
  .archive-section--intro .archive-label { display: none; }
}

@media (max-width: 767px) {
  .archive-hero.container {
    position: relative;
    width: 100%;
    max-width: none;
    height: 1069px;
    padding: 0;
    overflow: hidden;
    background: #f6f1e8;
  }

  .archive-hero h1 {
    position: absolute;
    z-index: 5;
    top: 116px;
    left: 50%;
    width: 320px;
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    transform: translateX(-50%);
  }

  .archive-hero > p {
    position: absolute;
    z-index: 5;
    top: 350px;
    left: 50%;
    width: 320px;
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
    transform: translateX(-50%);
  }

  .archive-actions {
    position: absolute;
    z-index: 6;
    top: 550px;
    left: 50%;
    width: 320px;
    gap: 8px;
    flex-direction: column;
    transform: translateX(-50%);
  }

  .archive-actions .button { width: 320px; height: 52px; }

  .archive-hero__scene {
    position: absolute;
    z-index: 1;
    inset: 0;
    height: 1069px;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    background: none;
  }

  .archive-hero__scene::before { display: none; }

  .archive-hero__scene::after {
    position: absolute;
    z-index: 4;
    top: 803px;
    left: 50%;
    width: 937px;
    height: 266px;
    background: url('archive/home/hero-bg.webp') center / 100% 100% no-repeat;
    content: '';
    transform: translateX(-50%);
  }

  .archive-hero__route {
    display: block;
    position: absolute;
    z-index: 2;
    top: 778px;
    left: 50%;
    width: 978px;
    max-width: none;
    transform: translateX(-50%);
  }

  .archive-hero__icon { z-index: 3; max-width: none; }
  .archive-hero__icon--mailbox { top: 690px; left: 4px; width: 88px; }
  .archive-hero__icon--map { top: 694px; left: 102px; width: 78px; }
  .archive-hero__icon--postcard { top: 694px; right: 102px; width: 78px; }
  .archive-hero__icon--traveler { top: 690px; right: 4px; width: 88px; }

  .archive-winter {
    position: relative;
    min-height: 1252px;
    padding: 0;
    overflow: hidden;
  }

  .archive-winter__transition { top: -9px; height: 18px; }
  .archive-winter__pattern { top: 0; width: 900px; }
  .archive-winter > .container { height: 1252px; padding: 0 20px; }

  .archive-pill {
    position: absolute;
    top: 52px;
    left: 50%;
    margin: 0;
    padding: 4px 10px;
    font-size: 16px;
    transform: translateX(-50%);
  }

  .archive-winter h2 {
    position: absolute;
    top: 94px;
    left: 20px;
    width: calc(100% - 40px);
    margin: 0;
    font-size: 34px;
  }

  .archive-winter > .container > p {
    position: absolute;
    top: 174px;
    left: 20px;
    width: calc(100% - 40px);
    margin: 0;
    font-size: 18px;
  }

  .archive-winter__cards { position: absolute; inset: 0; height: 1100px; margin: 0; }
  .archive-winter__cards img { max-height: none; filter: none; transform: none; }
  .archive-winter__cards img:nth-child(1) { top: 252px; left: 20px; width: 320px; }
  .archive-winter__cards img:nth-child(2) { top: 504px; left: 20px; width: 320px; border-radius: 0; transform: none; }
  .archive-winter__cards img:nth-child(3) { top: 848px; right: 20px; width: 320px; }

  .archive-winter__button {
    position: absolute;
    z-index: 7;
    top: 1100px;
    left: 20px;
    width: 320px;
    min-height: 52px;
    margin: 0;
    font-size: 17px;
  }

  .archive-section--intro .archive-label { display: none; }
}