/* BEGIN: SECTION INTRO ----------------------------------------------------- */

#intro {
	align-content: center;
	overflow: hidden;
	position: relative;

	z-index: 1;
}

#intro > div {
	grid-column: 1 / 3;
	padding: 0;
	place-self: center;
	width: 18em;
}

	#intro > div > img {
		width: 100%;
	}

	#intro > div > img:nth-of-type(1) {
		display: none;
	}

	#intro > div > address > div {
		margin-top: var( --content-gap );
		text-align: right;
	}

	#intro > div > address > div:nth-of-type(1) {
		display: none;
	}

				#intro > div > address > div:nth-of-type(2)
				> div:nth-of-type(1) > a > span {
					margin-right: 0.125em;
				}

@media ( orientation: landscape ) {

	#intro > div {
		width: 24em;
	}

		#intro > div > img:nth-of-type(2) {
			display: none;
		}

		#intro > div > img:nth-of-type(1) {
			display: block;
		}

}

	/* BEGIN: ANIMATION ------------------------------------------------------- */

	#intro > svg {
		display: block;
		height: calc( 100% + 1px );
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate( -50%, -50% );
		width: auto;
		z-index: -1;
	}

	#intro > svg > polygon {
		fill: #fff;
		opacity: 0.25;
		transform: scale( 0 );
		transform-origin: center;
		stroke: #FF4400;
		stroke-width: 4px;
	}

	@media screen and ( min-aspect-ratio: 16 / 9 ) {

		#intro > svg {
			height: 100vw;
			width: calc( 100% + 1px );
		}

	}



	/* END: ANIMATION --------------------------------------------------------- */



/* END: SECTION INTRO ------------------------------------------------------- */