.project-head {
  --width: 100%;
  --gap: 3.7333333333vw;
  --logo-height: 8vw;
  --padding-top: 11.4666666667vw;
  --padding-bottom: 5.3333333333vw;
}
@media (min-width: 720px) {
  .project-head {
    --width: 52.8125vw;
  }
}
@media (min-width: 720px) {
  .project-head {
    --gap: 1.875vw;
  }
}
@media (min-width: 720px) {
  .project-head {
    --logo-height: 3.515625vw;
  }
}
@media (min-width: 720px) {
  .project-head {
    --padding-top: 8.828125vw;
  }
}
@media (min-width: 720px) {
  .project-head {
    --padding-bottom: 5.625vw;
  }
}
@media (min-width: 1281px) {
  .project-head {
    --width: 39.1666666667vw;
  }
}
@media (min-width: 1281px) {
  .project-head {
    --gap: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .project-head {
    --logo-height: 2.34375vw;
  }
}
@media (min-width: 1281px) {
  .project-head {
    --padding-top: 8.3854166667vw;
  }
}
@media (min-width: 1281px) {
  .project-head {
    --padding-bottom: 2.5vw;
  }
}
@media (min-width: 2400px) {
  .project-head {
    --width: 940px;
  }
}
@media (min-width: 2400px) {
  .project-head {
    --gap: 30px;
  }
}
@media (min-width: 2400px) {
  .project-head {
    --logo-height: 56.25px;
  }
}
@media (min-width: 2400px) {
  .project-head {
    --padding-top: 201.25px;
  }
}
@media (min-width: 2400px) {
  .project-head {
    --padding-bottom: 60px;
  }
}
.project-head {
  --first-line-height: var(--logo-height);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: flex-start;
  width: var(--width);
  position: relative;
  color: var(--color-clear-white);
  padding: var(--padding-top) 0 var(--padding-bottom);
  animation: project-content-inner-margin-top var(--animation-duration) var(--animation-timing-function) var(--animation-delay) 1 normal both;
}
.project-head__title {
  white-space: nowrap;
}
.project-head__logos {
  --gap: 4.2666666667vw;
  --flex-direction: column;
}
@media (min-width: 720px) {
  .project-head__logos {
    --gap: 1.25vw;
  }
}
@media (min-width: 720px) {
  .project-head__logos {
    --flex-direction: row;
  }
}
@media (min-width: 1281px) {
  .project-head__logos {
    --gap: 0.8333333333vw;
  }
}
@media (min-width: 1281px) {
  .project-head__logos {
    --flex-direction: row;
  }
}
@media (min-width: 2400px) {
  .project-head__logos {
    --gap: 20px;
  }
}
@media (min-width: 2400px) {
  .project-head__logos {
    --flex-direction: row;
  }
}
.project-head__logos {
  display: flex;
  gap: var(--gap);
  flex-direction: var(--flex-direction);
  width: 100%;
  justify-content: space-between;
}
.project-head__logo {
  height: var(--logo-height);
  position: relative;
  flex-shrink: 0;
}
.project-head__logo img {
  height: 100%;
  width: auto;
}
.project-head__tags {
  --margin-top: 4.2666666667vw;
}
@media (min-width: 720px) {
  .project-head__tags {
    --margin-top: 0vw;
  }
}
@media (min-width: 1281px) {
  .project-head__tags {
    --margin-top: 0vw;
  }
}
@media (min-width: 2400px) {
  .project-head__tags {
    --margin-top: 0px;
  }
}
.project-head__tags {
  margin-top: var(--margin-top);
}
.project-head__description {
  --height: 13.6vw;
}
@media (min-width: 720px) {
  .project-head__description {
    --height: 5.390625vw;
  }
}
@media (min-width: 1281px) {
  .project-head__description {
    --height: 3.59375vw;
  }
}
@media (min-width: 2400px) {
  .project-head__description {
    --height: 86.25px;
  }
}
.project-head__description {
  width: 100%;
  height: var(--height);
  overflow: hidden;
}
.project-head__live-stream {
  --height: 8vw;
}
@media (min-width: 720px) {
  .project-head__live-stream {
    --height: 2.34375vw;
  }
}
@media (min-width: 1281px) {
  .project-head__live-stream {
    --height: 1.5625vw;
  }
}
@media (min-width: 2400px) {
  .project-head__live-stream {
    --height: 37.5px;
  }
}
.project-head__live-stream {
  height: var(--height);
  gap: var(--gap);
  display: flex;
  align-items: center;
}
.project-head__live-stream-button {
  --padding: 2.1333333333vw;
  --border-radius: 7.2vw;
}
@media (min-width: 720px) {
  .project-head__live-stream-button {
    --padding: 0.625vw;
  }
}
@media (min-width: 720px) {
  .project-head__live-stream-button {
    --border-radius: 2.109375vw;
  }
}
@media (min-width: 1281px) {
  .project-head__live-stream-button {
    --padding: 0.4166666667vw;
  }
}
@media (min-width: 1281px) {
  .project-head__live-stream-button {
    --border-radius: 1.40625vw;
  }
}
@media (min-width: 2400px) {
  .project-head__live-stream-button {
    --padding: 10px;
  }
}
@media (min-width: 2400px) {
  .project-head__live-stream-button {
    --border-radius: 33.75px;
  }
}
.project-head__live-stream-button {
  background-color: var(--color-clear-white);
  padding: var(--padding);
  border-radius: var(--border-radius);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.07);
  background: #FFF;
}
.project-head__live-stream-button .button__text {
  color: var(--color-dark-water);
}
.project-head__live-stream-text {
  --width: 53.3333333333vw;
}
@media (min-width: 720px) {
  .project-head__live-stream-text {
    --width: 15.625vw;
  }
}
@media (min-width: 1281px) {
  .project-head__live-stream-text {
    --width: 10.4166666667vw;
  }
}
@media (min-width: 2400px) {
  .project-head__live-stream-text {
    --width: 250px;
  }
}
.project-head__live-stream-text {
  width: var(--width);
}
.project-head__digital-summary {
  --column-gap: 12.2666666667vw;
  --row-gap: 4.2666666667vw;
}
@media (min-width: 720px) {
  .project-head__digital-summary {
    --column-gap: 3.59375vw;
  }
}
@media (min-width: 720px) {
  .project-head__digital-summary {
    --row-gap: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .project-head__digital-summary {
    --column-gap: 2.3958333333vw;
  }
}
@media (min-width: 1281px) {
  .project-head__digital-summary {
    --row-gap: 0.8333333333vw;
  }
}
@media (min-width: 2400px) {
  .project-head__digital-summary {
    --column-gap: 57.5px;
  }
}
@media (min-width: 2400px) {
  .project-head__digital-summary {
    --row-gap: 20px;
  }
}
.project-head__digital-summary {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
}
.project-head__digital-summary::before {
  --margin-bottom: 2.1333333333vw;
}
@media (min-width: 720px) {
  .project-head__digital-summary::before {
    --margin-bottom: 0.625vw;
  }
}
@media (min-width: 1281px) {
  .project-head__digital-summary::before {
    --margin-bottom: 0.4166666667vw;
  }
}
@media (min-width: 2400px) {
  .project-head__digital-summary::before {
    --margin-bottom: 10px;
  }
}
.project-head__digital-summary::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--color-elephant-bone);
  margin-bottom: var(--margin-bottom);
  opacity: 0.32;
}
.project-head__factoid {
  --min-width: 32vw;
}
@media (min-width: 720px) {
  .project-head__factoid {
    --min-width: none;
  }
}
@media (min-width: 1281px) {
  .project-head__factoid {
    --min-width: none;
  }
}
@media (min-width: 2400px) {
  .project-head__factoid {
    --min-width: none;
  }
}
.project-head__factoid {
  min-width: var(--min-width);
}
.project-head__factoid-label {
  color: var(--color-clear-white);
}
.project-head__project-notices {
  --gap: 3.2vw;
}
@media (min-width: 720px) {
  .project-head__project-notices {
    --gap: 0.9375vw;
  }
}
@media (min-width: 1281px) {
  .project-head__project-notices {
    --gap: 0.625vw;
  }
}
@media (min-width: 2400px) {
  .project-head__project-notices {
    --gap: 15px;
  }
}
.project-head__project-notices {
  display: flex;
  gap: var(--gap);
}
.project-head__project-notice {
  --vertical-padding: 2.1333333333vw;
  --side-padding: 2.1333333333vw;
  --gap: 3.2vw;
  --max-width: 75.2vw;
  --border-radius: 0.8vw;
}
@media (min-width: 720px) {
  .project-head__project-notice {
    --vertical-padding: 0.78125vw;
  }
}
@media (min-width: 720px) {
  .project-head__project-notice {
    --side-padding: 1.25vw;
  }
}
@media (min-width: 720px) {
  .project-head__project-notice {
    --gap: 0.9375vw;
  }
}
@media (min-width: 720px) {
  .project-head__project-notice {
    --max-width: 28.046875vw;
  }
}
@media (min-width: 720px) {
  .project-head__project-notice {
    --border-radius: 0.546875vw;
  }
}
@media (min-width: 1281px) {
  .project-head__project-notice {
    --vertical-padding: 0.5208333333vw;
  }
}
@media (min-width: 1281px) {
  .project-head__project-notice {
    --side-padding: 0.8333333333vw;
  }
}
@media (min-width: 1281px) {
  .project-head__project-notice {
    --gap: 0.625vw;
  }
}
@media (min-width: 1281px) {
  .project-head__project-notice {
    --max-width: 18.6979166667vw;
  }
}
@media (min-width: 1281px) {
  .project-head__project-notice {
    --border-radius: 0.3645833333vw;
  }
}
@media (min-width: 2400px) {
  .project-head__project-notice {
    --vertical-padding: 12.5px;
  }
}
@media (min-width: 2400px) {
  .project-head__project-notice {
    --side-padding: 20px;
  }
}
@media (min-width: 2400px) {
  .project-head__project-notice {
    --gap: 15px;
  }
}
@media (min-width: 2400px) {
  .project-head__project-notice {
    --max-width: 448.75px;
  }
}
@media (min-width: 2400px) {
  .project-head__project-notice {
    --border-radius: 8.75px;
  }
}
.project-head__project-notice {
  display: flex;
  align-items: center;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(217, 217, 217, 0.07);
  backdrop-filter: blur(10px);
  gap: var(--gap);
  max-width: var(--max-width);
  padding: var(--vertical-padding) var(--side-padding);
  border-radius: var(--border-radius);
  flex-shrink: 0;
}
.project-head__project-notice-icon {
  --height: 4.8vw;
}
@media (min-width: 720px) {
  .project-head__project-notice-icon {
    --height: 1.875vw;
  }
}
@media (min-width: 1281px) {
  .project-head__project-notice-icon {
    --height: 1.25vw;
  }
}
@media (min-width: 2400px) {
  .project-head__project-notice-icon {
    --height: 30px;
  }
}
.project-head__project-notice-icon {
  height: var(--height);
  width: auto;
  aspect-ratio: 8/5;
}
.project-head__project-notice-text {
  color: var(--color-clear-white);
  opacity: 0.7;
}