/* CSS from section stylesheet tags */
.videoText {
		--size: 96px;

  	.videoTextWrapper {
  		align-items: start;
  		display: grid;
  		gap: 15px;
  		grid-template-columns: 1fr 1fr;
  		padding: 52px 20px;

  		.videoTextVideoWrapper {
  			display: grid;
  			justify-content: center;
  			padding-top: 4rem;
  			position: sticky;
  			top: 0;

				.videoTextVideoContainer {
					max-width: 415px;
					position: relative;

					.playButton {
						align-items: center;
						background-color: rgb(244 244 244 / 50%);
						border-radius: 50%;
						color: #000;
						display: flex;
						height: var(--size);
						justify-content: center;
						left: 50%;
						position: absolute;
						top: 50%;
						translate: -50% -50%;
						width: var(--size);

						svg {
							width: 25%;
						}
					}

					&:has(.playing) .playButton,
					&:not(:has(.playing)) video::-webkit-media-controls-enclosure {
						display: none;
					}
				}
  		}

  		.videoTextHeading {
  			font-family: Arial, Helvetica, sans-serif;
  			font-size: 40px;
  			font-weight: 400;
  			line-height: 1;
  			margin-bottom: 1rem;
  		}

  		.videoTextContent {
  			font-size: 17px;
  			margin-bottom: 3rem;
  			max-width: 28em;
  		}

  		.videoTextMetabojects {
  			display: grid;
  			gap: 3rem;

			.videoTextMetabojectsWrapper {
				display: grid;
			}

			.emptyMarkets {
				display: none;
			}

  			.videoTextMarketsHeading {
				font-family: "DM Mono", serif;
				font-size: 16px;
  				font-weight: 400;
  				margin-bottom: 1em;
				order: 0;
  				text-transform: uppercase;
  			}

  			.accordion {
				order: var(--order);
  				border-top: 1px solid rgb(0 0 0 / 30%);

  				.accordion__summary .icon-accordion-small-arrow {
  					align-self: start;
  					position: relative;
  					top: 0.5em;
  					translate: 0 -50%;
  				}

  				.accordion__disclosure[open] svg.icon.icon-accordion-small-arrow {
  					transform: rotate(180deg);
  				}

  				.accordion__table {
  					flex: 1;
  					font-family: Arial, Helvetica, sans-serif;
  					display: grid;
  					gap: 2rem;
  					grid-template-columns: repeat(3, 1fr);
  					max-width: calc(100% - (.75rem + 11px));
  					text-transform: none;

						.accordion__city {
							font-family: "Noto Serif Japanese", serif;
						}
  				}

  				.accordion__content .accordion__table > *:first-child {
  					grid-area: 1 / 2;
  				}

  				.accordion__content .accordion__table > *:last-child {
  					grid-area: 1 / 3;
  				}

  				.accordion__info-link {
  					margin-top: 1rem;

  					a {
  						text-decoration: underline;
  					}
  				}
  			}
  		}
  	}

  	@media only screen and (width < 991px) {
  		.videoTextWrapper {
  			grid-template-columns: 1fr;

  			.videoTextVideoWrapper {
  				order: 1;

  				.videoTextMetabojects .videoTextContextFooter a {
  					margin: 0 auto;
  				}
  			}
  		}
  	}

  	@media only screen and (width < 768px) {
  		.videoTextWrapper .videoTextMetabojects {
  			.accordion {
  				.accordion__table {
  					gap: 14px;
  					grid-template-columns: repeat(2, 1fr);
  				}

  				.accordion__summary .accordion__table {
  					& > *:nth-child(1) {
  						grid-area: 1 / 1 / 3 / 1;
  					}

  					& > *:nth-child(2) {
  						grid-area: 1 / 2;
  					}

  					& > *:nth-child(3) {
  						grid-area: 2 / 2;
  					}
  				}

  				.accordion__content .accordion__table {
  					& > *:first-child {
  						grid-area: 1 / 1;
  					}

  					& > *:last-child {
  						grid-area: 1 / 2;
  					}
  				}
  			}

  			.videoTextContextFooter a {
  				max-width: 100%;
  			}
  		}
  	}
  }