@charset "utf-8";

.station {
  padding-block: 180px 150px;
}
/* .station__desc {
} */
.station__desc__enheading {
  --margin-bottom: calc(50 / 150 * -1em);
  margin-right: max(-105px, calc(50% - var(--window-half-width)));
}
/* .station__desc__heading {
} */
.station__desc__copy {
  --margin-top: 60px;
}
.station__photo {
  margin-top: 100px;
}
@media screen and (max-width: 767px){
  .station {
    padding-block: 60px;
  }
  .station__desc__enheading {
    --margin-bottom: 40px;
    margin-right: 0;
    letter-spacing: -.025em;
    white-space: nowrap;
  }
  .station__desc__copy {
    --margin-top: 40px;
  }
  .station__photo {
    margin-top: 40px;
  }
}



/* .potential {
} */
.potential__content--intro {
  padding-block: 150px 550px;
}
/* .potential__content--intro .potential__content__desc {
} */
.potential__content--intro .potential__content__desc__enheading {
  --margin-bottom: calc(50 / 150 * -1em);
  margin-right: max(-105px, calc(50% - var(--window-half-width)));
}
/* .potential__content--intro .potential__content__desc__heading {
} */
.potential__content--intro .potential__content__desc__copy {
  --margin-top: 60px;
}
.potential__content--plan {
  padding-block: 0 150px;
  background: linear-gradient(135deg, rgba(var(--color-navy2), 1) 0%, rgba(var(--color-darknavy), 1) 100%);
}
.potential__content--plan .potential__content__photo {
  translate: 0 -450px;
  margin-bottom: -450px;
}
.potential__content__arena {
  margin-top: 100px;
  gap: 64px calc(64 / 1500 * 100%);
}
.potential__content__arena__photo {
  width: calc(640 / 1500 * 100%);
}
.potential__content__arena__desc {
  flex: 1;
}
/* .potential__content__arena__desc__heading {
} */
.potential__content__arena__desc__copy {
  max-width: 46em;
  --margin-top: 50px;
}
.potential__content__list {
  margin-top: 100px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), calc((100% - 120px) / 3)));
  justify-content: center;
  align-items: stretch;
  gap: 60px;
}
.potential__content__list__item {
  background: rgb(var(--color-navy));
}
/* .potential__content__list__item__photo {
} */
.potential__content__list__item__desc {
  box-sizing: border-box;
  padding: 40px calc(40 / 470 * 100%);
}
.potential__content__list__item__desc__schedule {
  gap: 0 .5em;
  font-size: clamp(12px, calc(18 / 1200 * 100vw), 18px);
}
.potential__content__list__item__desc__schedule::before {
  content: "";
  display: block;
  width: 1em;
  height: 1px;
  background: currentColor;
}
.potential__content__list__item__desc__heading {
  font-size: clamp(16px, calc(22 / 1200 * 100vw), 22px);
  line-height: 2;
  --margin-top: 40px;
}
.potential__content__list__item__desc__copy {
  --margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .potential__content--intro {
    padding-bottom: 200px;
  }
  .potential__content--plan .potential__content__photo {
    translate: 0 -100px;
    margin-bottom: -100px;
  }
}
@media screen and (max-width: 767px){
  .potential__content--intro {
    padding-block: 60px 140px;
  }
  .potential__content--intro .potential__content__desc__enheading {
    --margin-bottom: 40px;
    margin-right: 0;
  }
  .potential__content--intro .potential__content__desc__copy {
    --margin-top: 40px;
  }
  .potential__content--plan {
    padding-block: 0 60px;
  }
  .potential__content--plan .potential__content__photo {
    translate: 0 -100px;
    margin-bottom: -100px;
  }
  .potential__content__arena {
    margin-top: 60px;
    gap: 30px 0;
  }
  .potential__content__arena__photo {
    width: 100%;
  }
  .potential__content__arena__desc {
    flex: 1 0 100%;
  }
  .potential__content__arena__desc__copy {
    max-width: none;
    --margin-top: 35px;
  }
  .potential__content__list {
    margin-top: 70px;
    grid-template-columns: 100%;
    gap: 30px 0;
  }
  .potential__content__list__item__desc {
    padding: 30px;
  }
  .potential__content__list__item__desc__schedule {
    font-size: 16px;
  }
  .potential__content__list__item__desc__heading {
    font-size: 18px;
    --margin-top: 30px;
  }
  .potential__content__list__item__desc__copy {
    --margin-top: 30px;
  }
}



.project {
  padding-block: 150px 170px;
}
.project__content {
  grid-template-columns: minmax(0, 1fr) calc(800 / 1500 * 100%);
  align-items: center;
  gap: 0 calc(100 / 1500 * 100%);
}
.project__content__enheading {
  grid-column: 1 / 3;
  --margin-bottom: -.5em;
  margin-left: max(-105px, calc(50% - var(--window-half-width)));
}
.project__content__desc {
  grid-column: 1;
}
/* .project__content__desc__heading {
} */
.project__content__desc__copy {
  --margin-top: 60px;
}
.project__content__photo {
  grid-column: 2;
}
@media screen and (max-width: 767px){
  .project {
    padding-block: 60px 75px;
  }
  .project__content {
    grid-template-columns: 100%;
    gap: 0;
  }
  .project__content__enheading {
    grid-column: 1 / 2;
    --margin-bottom: 40px;
    margin-left: 0;
  }
  .project__content__desc__copy {
    --margin-top: 40px;
  }
  .project__content__photo {
    grid-column: 1;
    margin-top: 45px;
  }
}