/* ИИ: Codex реорганизовал стили; запись №3 в README.md. */
.poster {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}

.hero {
  padding: 8.5vw 0 0;
  min-height: 72.8vw;
}

.hero-intro {
  max-width: 90%;
  margin: .8vw auto 0;
}

.selection {
  position: relative;
  width: max-content;
  max-width: 100%;
}

.selection::before, .selection::after {
  position: absolute;
  width: 1.85vw;
  height: 1.85vw;
}

.selection::before {
  left: -.65vw;
  top: -2vw;
}

.selection::after {
  right: -.65vw;
  bottom: -2vw;
}

.selection-joins {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.selection-joins::before, .selection-joins::after {
  position: absolute;
  width: .55vw;
  height: .8vw;
}

.selection-joins::before {
  left: 0;
  top: -.55vw;
}

.selection-joins::after {
  right: 0;
  bottom: -.55vw;
}

.hero-selection {
  margin: 7.6vw auto 12vw;
  width: 71.5vw;
  height: 27.9vw;
  left: 1.6vw;
}

.hero-selection::before, .hero-selection::after {
  width: 3.25vw;
  height: 3.25vw;
}

.hero-selection::before {
  left: -1.35vw;
  top: -3.5vw;
}

.hero-selection::after {
  right: -1.35vw;
  bottom: -3.5vw;
}

h1 {
  position: absolute;
  top: -.3vw;
  left: .55vw;
  right: .55vw;
}

h2 {
  padding: 1.4vw 4.05vw .5vw 1.85vw;
}

.about {
  position: relative;
  margin: 0 0 0 8.8vw;
  min-height: 65.5vw;
}

.about-copy {
  max-width: 88%;
  margin: 3.6vw 0 0;
}

.letter-composition {
  position: relative;
  height: 65vw;
  margin: -19.5vw 0 0;
}

.letter-composition span {
  position: absolute;
}

.letter-b {
  left: 41.9vw;
  top: 32.1vw;
}

.letter-e {
  left: 59.25vw;
  top: 27.6vw;
}

.letter-b2 {
  left: 70.25vw;
  top: 29.35vw;
}

.letter-a {
  left: 77.75vw;
  top: 7.55vw;
}

.letter-s {
  left: 50.45vw;
  top: 18vw;
}

.characters {
  min-height: 66vw;
}

.characters h2 {
  margin: 0 0 0 9.2vw;
}

.section-caption {
  margin: 1.8vw 0 0;
}

.characters .section-caption {
  margin: 1.8vw 0 0 11vw;
}

.anatomy {
  display: block;
  width: 100%;
  height: auto;
  margin: 4.9vw 0 0;
}

.weights {
  margin: 0 0 0 10.5vw;
  min-height: 71vw;
}

.weights h2 {
  padding: 1.3vw 4.05vw .4vw 1.95vw;
}

.weight-specimens {
  display: flex;
  margin: 9.2vw 14vw 0 3vw;
  gap: 3.3vw;
}

.weight-specimens > div {
  flex: 1;
}

.weight-specimens span {
  display: block;
  margin: .9vw 0 0;
}

.analytics {
  margin: 0 0 0 10.5vw;
  min-height: 55.5vw;
  padding: 0 0 14vw;
}

.analytics h2 {
  padding: 1.4vw 2.35vw .5vw 1.85vw;
}

.statistics {
  display: flex;
  flex-wrap: wrap;
  gap: 9.3vw;
  margin: 13.5vw 13vw 0 1.6vw;
}

.statistics article {
  flex: 1 0 160px;
}

.percentage {
  padding: 0 0 .5vw;
}

.statistics h3 {
  margin: 1.65vw 0 0;
}

.statistics article > p:last-child {
  margin: 1.7vw 0 0;
}

.alphabet-section {
  margin: 0 0 0 11vw;
  min-height: 67vw;
}

.alphabet-section h2 {
  padding: 1.4vw 2.05vw .5vw 1.85vw;
}

.alphabet {
  width: 100vw;
  margin: 7vw 0 0 -11vw;
}

.alphabet > div {
  display: flex;
  justify-content: center;
  gap: 3.03vw;
}

.numbers {
  display: flex;
  justify-content: center;
  gap: 1.73vw;
  width: 100vw;
  margin: 3.5vw 0 0 -11vw;
}

.history {
  min-height: 16vw;
  padding: 0 5vw 8vw;
}

.footer {
  position: relative;
  height: 53vw;
}

.footer-word {
  position: absolute;
  left: -2.6vw;
  top: -3vw;
  display: flex;
}

.footer-word span:nth-of-type(2) {
  margin: 0 3.4vw 0 -.6vw;
}

.footer-word span:nth-of-type(5) {
  margin: 0 0 0 .2vw;
}

.footer-band {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 15vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3vw 3.5vw 3vw 6.5vw;
}

.footer-band::before {
  position: absolute;
  left: 0;
  right: 0;
  top: -4vw;
  height: 4.2vw;
}

.author-mark {
  display: block;
  width: 8.5vw;
  height: auto;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}