/* ==========================================================================
   V5 — hero-«пузырь» в духе арт-школ: блоб с рукописной обводкой,
   микс шрифтов, штамп под углом. Statement — рукописный Neucha.
   ========================================================================== */

.hero--center {
  text-align: center;
  align-items: center;
}
.hero--center .hero__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* рукописная строка над пузырём */
.hero-hand {
  font-family: "Neucha", cursive;
  font-size: clamp(1.25rem, 3vw, 1.7rem);
  color: var(--c-amber);
  transform: rotate(-2.5deg);
  margin: 0 0 .6rem;
}
.hero-hand::before { content: "✳ "; font-size: .8em; }
.hero-hand::after { content: " ✳"; font-size: .8em; }

/* ---------- блоб с заголовком ---------- */
.blob {
  position: relative;
  width: min(560px, 90vw);
  margin: .4rem auto 1.6rem;
}
.blob__shape {
  position: absolute;
  inset: -4%;
  width: 108%;
  height: 108%;
  filter: drop-shadow(0 14px 34px rgba(0, 0, 0, .5));
  pointer-events: none;
}
.blob__content {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: clamp(2.6rem, 8vw, 4rem) clamp(2.4rem, 9vw, 4.6rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .1em;
  color: var(--c-dark);
}
.blob__kicker {
  font-family: "JetBrains Mono", monospace;
  font-size: .68rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--c-terracotta);
  margin-bottom: .9em;
}
.blob__line1 {
  font-family: "Unbounded", sans-serif;
  font-weight: 700;
  font-size: clamp(.9rem, 2.7vw, 1.3rem);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--c-dark);
}
.blob__city {
  font-family: "Unbounded", sans-serif;
  font-weight: 900;
  font-size: clamp(2.5rem, 9.5vw, 4.8rem);
  line-height: 1;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: var(--c-dark);
}
.blob__hand {
  font-family: "Neucha", cursive;
  font-size: clamp(1.5rem, 4.4vw, 2.3rem);
  color: var(--c-terracotta);
  transform: rotate(-2deg);
  margin-top: .1em;
}
.blob__stamp {
  position: absolute;
  z-index: 3;
  top: clamp(-58px, -7vw, -40px);
  right: clamp(-8px, 1vw, 18px);
  width: clamp(96px, 15vw, 140px);
  transform: rotate(12deg);
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.35));
}

/* подзаголовок под пузырём */
.hero-sub {
  color: rgba(241, 232, 213, .92);
  font-size: clamp(1.02rem, 2.2vw, 1.25rem);
  line-height: 1.5;
  max-width: 44ch;
  margin: 0 auto;
}
.hero-sub .voice { display: block; margin-top: .5em; }

.hero--center .hero__scroll { margin-top: 2.6rem; }

/* ---------- statement — рукописный Neucha ---------- */
.statement__line {
  font-family: "Neucha", cursive;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: clamp(1.7rem, 4.8vw, 3rem);
  line-height: 1.25;
}
.statement__line:first-of-type { transform: rotate(-1.2deg); }
.statement__line:last-of-type { transform: rotate(.8deg); }
.statement { max-width: 24ch; }

@media (max-width: 560px) {
  .blob__content { padding: 2.3rem 1.6rem 2.6rem; }
  .blob__stamp { top: -34px; right: -6px; }
}

/* ---------- V5.1: лист из блокнота вместо пузыря ---------- */
.sheet {
  position: relative;
  width: min(680px, 94vw);
  margin: .6rem auto 1.8rem;
}
.sheet__shape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 14px 30px rgba(0, 0, 0, .5));
  pointer-events: none;
}
.sheet__content {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: clamp(2.6rem, 8vw, 3.8rem) clamp(1.6rem, 6vw, 3rem);
  padding-left: clamp(4rem, 14%, 7rem); /* отступ от перфорации */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .1em;
  color: var(--c-dark);
}

/* штамп — вверху справа, под кнопкой «Получить доступ» */
.hero-stamp {
  position: absolute;
  z-index: 5;
  top: clamp(74px, 11vw, 96px);
  right: clamp(14px, 4vw, 52px);
  width: clamp(90px, 12vw, 128px);
  transform: rotate(12deg);
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .35));
  pointer-events: none;
}

/* рукописная строка — цельная, без разрыва на акценты */
.hero-hand { max-width: 44ch; }

@media (max-width: 560px) {
  .sheet__content {
    padding: 2.2rem 1.2rem 2.4rem;
    padding-left: clamp(3.2rem, 15%, 4.4rem);
  }
  .hero-stamp { top: 78px; width: 84px; }
}