/* Текст под плеером школы: те же цвет и шрифт, что у вступления Гильдии. */

.page-embroidery-school main.container {
  padding: 0;
  margin: 0;
  min-height: 0;
}

.school-intro {
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  color: #815583;
  font-family: "TildaSans", "Tilda Sans", Arial, sans-serif;
}

.school-intro__artboard {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.school-intro *,
.school-intro *::before,
.school-intro *::after {
  box-sizing: border-box;
}

.school-intro__inner {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  padding: 92px 1.25rem 3rem;
}

.school-intro__stars {
  position: absolute;
  z-index: 3;
  margin: 0;
  height: auto;
  object-fit: contain;
  object-position: center center;
  pointer-events: none;
}

.school-intro__stars--01 {
  top: 52px;
  left: 135px;
  width: 99px;
}

.school-intro__stars--03 {
  top: 129px;
  left: 1020px;
  width: 51px;
}

.school-intro__title {
  margin: 0 0 1.25rem;
  color: #815583;
  font-family: "TildaSans", "Tilda Sans", Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.school-intro__text p {
  margin: 0 0 1.15rem;
  color: #815583;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.school-intro__text p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .school-intro__artboard {
    max-width: 960px;
  }

  .school-intro__stars--01 { left: 27px; }
  .school-intro__stars--03 { left: 899px; }
}

@media screen and (max-width: 959px) {
  .school-intro__artboard {
    max-width: 640px;
  }

  .school-intro__title {
    font-size: 30px;
  }

  .school-intro__stars--01 { top: 0; left: -18px; }
  .school-intro__stars--03 { top: 86px; left: 589px; }
}

@media screen and (max-width: 639px) {
  .school-intro__artboard {
    max-width: 480px;
  }

  .school-intro__inner {
    padding: 92px 1rem 2.5rem;
  }

  .school-intro__title {
    font-size: 26px;
  }

  .school-intro__stars--01 { left: 0; }
  .school-intro__stars--03 { top: 91px; left: 419px; }

  .school-intro__text p {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .school-intro__artboard {
    max-width: 320px;
  }

  .school-intro__title {
    font-size: 24px;
  }

  .school-intro__stars--01 { top: -8px; left: -29px; }
  .school-intro__stars--03 { top: 134px; left: 290px; }

  .school-intro__text p {
    font-size: 18px;
  }
}