.sgmw-page {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: #9bbacb;
}

.sgmw-section {
  position: relative;
  margin: 0;
  padding: 0;
}

.sgmw-section picture,
.sgmw-section img {
  display: block;
  width: 100%;
}

.sgmw-section img {
  height: auto;
}

.sgmw-video {
  position: absolute;
  display: block;
  left: 22.552083%; /* 433 / 1920 */
  width: 54.791667%; /* 1052 / 1920 */
  border: 0;
  background: #71706e;
}

.sgmw-video__player {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sgmw-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

.sgmw-video--started::after {
  display: none;
}

.sgmw-section--heat .sgmw-video {
  top: 54.628571%; /* (2042 - 1086) / 1750 */
  height: 33.714286%; /* 590 / 1750 */
}

.sgmw-section--overview .sgmw-video {
  top: 33.974359%; /* (8811 - 7698) / 3276 */
  height: 18.009768%; /* 590 / 3276 */
}

.sgmw-video__player:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.sgmw-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 799px) {
  .sgmw-video {
    left: 12.12963%; /* 131 / 1080 */
    width: 75.833333%; /* 819 / 1080 */
  }

  .sgmw-section--heat .sgmw-video {
    top: 66.246418%; /* 1156 / 1745 */
    height: 26.361032%; /* 460 / 1745 */
  }

  .sgmw-section--overview .sgmw-video {
    top: 35.379226%; /* 1308 / 3697 */
    height: 12.415472%; /* 459 / 3697 */
  }
}