

.sinc-nova {

	--sinc-nova-ink: #0c0c0c;

	--sinc-nova-paper: #f9f9f9;
	--sinc-nova-paper-soft: rgba(249, 249, 249, 0.82);
	--sinc-nova-paper-faint: rgba(249, 249, 249, 0.14);

	--sinc-nova-display: var(--wp--preset--font-family--heading);

	--sinc-nova-text-display: clamp(2rem, 1.5rem + 2vw, 3rem);
	--sinc-nova-text-body: 1.05rem;

	--sinc-nova-radius: 8px;

	--sinc-nova-land-image: url("../img/nova-terra/novaterra-2.webp");
}

.sinc-nova {
	position: relative;

	padding-block: 0;
	padding-inline: var(--wp--preset--spacing--40);
	background: var(--sinc-nova-ink);
	color: var(--wp--preset--color--base);
	overflow: clip;
}

.sinc-nova > .sinc-nova-land + * {
	margin-block-start: max(var(--wp--preset--spacing--70), var(--sinc-nova-ridge));
}

.sinc-nova > :last-child {
	margin-block-end: max(var(--wp--preset--spacing--70), var(--sinc-nova-ridge));
}

.sinc-nova-land {
	position: sticky;
	top: 0;

	height: 100vh;
	margin-block-end: -100vh;

	margin-inline: calc(-1 * var(--wp--preset--spacing--40));
	z-index: 0;
	pointer-events: none;
	background-image: var(--sinc-nova-land-image);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.sinc-nova__inner,
.sinc-nova .sinc-nova-marquee {
	z-index: 1;
}

.sinc-nova-land__tint,
.sinc-nova-land__grain {
	position: absolute;
	inset: 0;
}

.sinc-nova-land__tint {
	background-color: rgba(12, 12, 12, 0.38);
}

.sinc-nova-land__grain {
	background-image: url("../img/nova-terra/bg-pixel.png");
	background-repeat: repeat;
}

.sinc-nova-land iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	min-height: 100%;
	min-width: 177.78vh;

	transform: translate( -50%, -50% ) scale( 1.35 );
	border: 0;
	pointer-events: none;
}

.sinc-nova__inner {
	position: relative;
	display: grid;
	align-content: center;
	justify-items: center;
	min-height: 100vh;
	min-height: 100svh;
}

.sinc-nova__panel {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);

	background-color: color-mix(in srgb, var(--sinc-nova-ink) 30%, transparent);
	font-size: var(--sinc-nova-text-body);
	line-height: 1.7;

	text-shadow: 0 1px 12px rgba(12, 12, 12, 0.65);
}

.sinc-nova__title {
	margin-block: 0 var(--wp--preset--spacing--40);

	font-family: var(--sinc-nova-display);

	font-size: calc(var(--sinc-nova-text-display) * 1.5);
	font-weight: 600;

	line-height: 1.05;

	letter-spacing: 0;

	text-align: center;
	text-wrap: balance;
	color: var(--wp--preset--color--base);
}

.sinc-nova__lead {
	text-align: center;
	font-size: var(--sinc-nova-text-body);
}

.sinc-nova__inner p {
	margin-block: 0 2em;
}

.sinc-nova__panel--subjects {
	max-width: var(--wp--style--global--wide-size);
}

.sinc-nova__panel--subjects > p {
	max-inline-size: var(--wp--style--global--content-size);
	margin-inline: auto;
}

.sinc-nova__subjects {
	list-style: none;
	margin-block: var(--wp--preset--spacing--80);
	padding: 0;
	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	justify-items: center;
}

.sinc-nova__subjects li {

	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.7em;
	max-inline-size: 14rem;
	text-align: center;
	text-wrap: balance;
	font-family: var(--sinc-nova-display);
	font-size: var(--sinc-nova-text-body);
	font-weight: 600;
	line-height: 1.35;
}

.sinc-nova-subject {
	inline-size: 3.4em;
	block-size: 3.4em;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.2;
	stroke-linecap: round;
	stroke-linejoin: round;

	filter: drop-shadow(0 1px 12px rgba(12, 12, 12, 0.65));

	opacity: 0.8;
}

.sinc-nova__where {
	font-size: var(--sinc-nova-text-body);
	color: var(--sinc-nova-paper-soft);
}

.sinc-nova__inner + .sinc-nova__inner {
	margin-block-start: var(--wp--preset--spacing--50);
}

.sinc-nova-marquee + .sinc-nova__inner {
	margin-block-start: var(--wp--preset--spacing--60);
}

.sinc-nova__map {
	margin-block: var(--wp--preset--spacing--40);
	border: 1px solid var(--sinc-nova-paper-faint);
	border-radius: var(--sinc-nova-radius);
	overflow: hidden;
}

@media (min-width: 60rem) {
	.sinc-nova__panel--place {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		column-gap: var(--wp--preset--spacing--50);

		max-width: var(--wp--style--global--wide-size);
	}

	.sinc-nova__panel--place .sinc-nova__map {
		margin-block-start: 0;
	}

	.sinc-nova__panel--place .sinc-nova__placetext > :last-child {
		margin-block-end: 0;
	}
}

.sinc-nova__map iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}

.sinc-nova__maplink {
	color: var(--wp--preset--color--base);
	text-underline-offset: 0.2em;
}

.sinc-nova-marquee {
	--sinc-nova-marquee-gap: var(--wp--preset--spacing--30);

	position: relative;
	z-index: 1;
	margin-block-start: var(--wp--preset--spacing--60);
	margin-inline: calc(-1 * var(--wp--preset--spacing--40));
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.sinc-nova-marquee__track {
	display: flex;
	width: max-content;
	animation: sinc-nova-drift 56s linear infinite;
}

.sinc-nova-marquee:hover .sinc-nova-marquee__track,
.sinc-nova-marquee:focus-within .sinc-nova-marquee__track {
	animation-play-state: paused;
}

@keyframes sinc-nova-drift {
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

.sinc-nova-gallery {
	display: flex;
	gap: var(--sinc-nova-marquee-gap);
	margin: 0 var(--sinc-nova-marquee-gap) 0 0;
	padding: 0;
	list-style: none;
}

.sinc-nova-gallery__item {
	flex: 0 0 auto;
	width: clamp(15rem, 26vw, 24rem);
	margin: 0;
}

.sinc-nova-gallery img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;

	box-sizing: border-box;
	border: 1px solid var(--sinc-nova-paper-faint);
	border-radius: var(--sinc-nova-radius);
}

.sinc-nova {

	--sinc-nova-ridge: clamp(4rem, 9vw, 8.5rem);

	-webkit-mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 240' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' fill-opacity='.1' d='M0 0h1440v240H0Z M0 -300h1440v348c-38,1,-74,-19,-100,-20 c-44.8,1.7,-105.6,35.7,-160,34 c-34.2,0.8,-66.6,-15.2,-90,-16 c-58.8,2.1,-138.6,44.1,-210,42 c-53.2,1.5,-103.6,-28.5,-140,-30 l-70,18 c-72.2,1.9,-140.6,-36.1,-190,-38 c-30.8,1.2,-72.6,25.2,-110,24 c-60.8,1.4,-118.4,-26.6,-160,-28 c-33.6,1,-79.2,21,-120,20 c-34.2,0.7,-66.6,-13.3,-90,-14 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.18' d='M0 0h1440v240H0Z M0 -300h1440v379c-53.2,1.3,-103.6,-24.7,-140,-26 c-64.4,2,-151.8,42,-230,40 l-110,-22 c-75.6,2.4,-178.2,50.4,-270,48 c-60.8,1.7,-118.4,-32.3,-160,-34 c-56,1.3,-132,27.3,-200,26 c-57,2,-111,-38,-150,-40 c-50.4,1.1,-118.8,23.1,-180,22 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.3' d='M0 0h1440v240H0Z M0 -300h1440v418c-70.7,-0.7,-137.6,13.3,-186,14 c-47.6,-2,-112.2,-42,-170,-40 c-50.2,-1.5,-97.7,28.5,-132,30 c-57.1,-2.6,-134.6,-54.6,-204,-52 l-86,26 c-49.8,-1.3,-117.5,-27.3,-178,-26 c-44.8,-1.7,-87.3,32.3,-118,34 c-52.1,-1.5,-122.8,-31.5,-186,-30 c-68.4,-1.5,-133.2,28.5,-180,30 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.48' d='M0 0h1440v240H0Z M0 -300h1440v445c-91.2,-1.1,-177.6,20.9,-240,22 c-42,-1.9,-99,-39.9,-150,-38 c-110.2,-1.5,-214.6,28.5,-290,30 c-33.6,-2.2,-79.2,-46.2,-120,-44 l-200,26 c-72.8,-0.9,-171.6,-18.9,-260,-18 c-68.4,-1.7,-133.2,32.3,-180,34 Z'/%3E%3Cpath fill-rule='evenodd' d='M0 0h1440v240H0Z M0 -300h1440v482c-121.6,-1.5,-236.8,28.5,-320,30 c-50.4,-2.3,-118.8,-48.3,-180,-46 c-98.8,-1.9,-192.4,36.1,-260,38 c-84,-2.6,-198,-54.6,-300,-52 l-170,28 c-58.8,-0.8,-138.6,-16.8,-210,-16 Z'/%3E%3C/svg%3E"),
		linear-gradient(#000, #000),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 240' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' fill-opacity='.1' d='M0 0h1440v240H0Z M0 500h1440V192c-38,-1,-74,19,-100,20 c-44.8,-1.7,-105.6,-35.7,-160,-34 c-34.2,-0.8,-66.6,15.2,-90,16 c-58.8,-2.1,-138.6,-44.1,-210,-42 c-53.2,-1.5,-103.6,28.5,-140,30 l-70,-18 c-72.2,-1.9,-140.6,36.1,-190,38 c-30.8,-1.2,-72.6,-25.2,-110,-24 c-60.8,-1.4,-118.4,26.6,-160,28 c-33.6,-1,-79.2,-21,-120,-20 c-34.2,-0.7,-66.6,13.3,-90,14 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.18' d='M0 0h1440v240H0Z M0 500h1440V161c-53.2,-1.3,-103.6,24.7,-140,26 c-64.4,-2,-151.8,-42,-230,-40 l-110,22 c-75.6,-2.4,-178.2,-50.4,-270,-48 c-60.8,-1.7,-118.4,32.3,-160,34 c-56,-1.3,-132,-27.3,-200,-26 c-57,-2,-111,38,-150,40 c-50.4,-1.1,-118.8,-23.1,-180,-22 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.3' d='M0 0h1440v240H0Z M0 500h1440V122c-70.7,0.7,-137.6,-13.3,-186,-14 c-47.6,2,-112.2,42,-170,40 c-50.2,1.5,-97.7,-28.5,-132,-30 c-57.1,2.6,-134.6,54.6,-204,52 l-86,-26 c-49.8,1.3,-117.5,27.3,-178,26 c-44.8,1.7,-87.3,-32.3,-118,-34 c-52.1,1.5,-122.8,31.5,-186,30 c-68.4,1.5,-133.2,-28.5,-180,-30 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.48' d='M0 0h1440v240H0Z M0 500h1440V95c-91.2,1.1,-177.6,-20.9,-240,-22 c-42,1.9,-99,39.9,-150,38 c-110.2,1.5,-214.6,-28.5,-290,-30 c-33.6,2.2,-79.2,46.2,-120,44 l-200,-26 c-72.8,0.9,-171.6,18.9,-260,18 c-68.4,1.7,-133.2,-32.3,-180,-34 Z'/%3E%3Cpath fill-rule='evenodd' d='M0 0h1440v240H0Z M0 500h1440V58c-121.6,1.5,-236.8,-28.5,-320,-30 c-50.4,2.3,-118.8,48.3,-180,46 c-98.8,1.9,-192.4,-36.1,-260,-38 c-84,2.6,-198,54.6,-300,52 l-170,-28 c-58.8,0.8,-138.6,16.8,-210,16 Z'/%3E%3C/svg%3E");
	mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 240' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' fill-opacity='.1' d='M0 0h1440v240H0Z M0 -300h1440v348c-38,1,-74,-19,-100,-20 c-44.8,1.7,-105.6,35.7,-160,34 c-34.2,0.8,-66.6,-15.2,-90,-16 c-58.8,2.1,-138.6,44.1,-210,42 c-53.2,1.5,-103.6,-28.5,-140,-30 l-70,18 c-72.2,1.9,-140.6,-36.1,-190,-38 c-30.8,1.2,-72.6,25.2,-110,24 c-60.8,1.4,-118.4,-26.6,-160,-28 c-33.6,1,-79.2,21,-120,20 c-34.2,0.7,-66.6,-13.3,-90,-14 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.18' d='M0 0h1440v240H0Z M0 -300h1440v379c-53.2,1.3,-103.6,-24.7,-140,-26 c-64.4,2,-151.8,42,-230,40 l-110,-22 c-75.6,2.4,-178.2,50.4,-270,48 c-60.8,1.7,-118.4,-32.3,-160,-34 c-56,1.3,-132,27.3,-200,26 c-57,2,-111,-38,-150,-40 c-50.4,1.1,-118.8,23.1,-180,22 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.3' d='M0 0h1440v240H0Z M0 -300h1440v418c-70.7,-0.7,-137.6,13.3,-186,14 c-47.6,-2,-112.2,-42,-170,-40 c-50.2,-1.5,-97.7,28.5,-132,30 c-57.1,-2.6,-134.6,-54.6,-204,-52 l-86,26 c-49.8,-1.3,-117.5,-27.3,-178,-26 c-44.8,-1.7,-87.3,32.3,-118,34 c-52.1,-1.5,-122.8,-31.5,-186,-30 c-68.4,-1.5,-133.2,28.5,-180,30 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.48' d='M0 0h1440v240H0Z M0 -300h1440v445c-91.2,-1.1,-177.6,20.9,-240,22 c-42,-1.9,-99,-39.9,-150,-38 c-110.2,-1.5,-214.6,28.5,-290,30 c-33.6,-2.2,-79.2,-46.2,-120,-44 l-200,26 c-72.8,-0.9,-171.6,-18.9,-260,-18 c-68.4,-1.7,-133.2,32.3,-180,34 Z'/%3E%3Cpath fill-rule='evenodd' d='M0 0h1440v240H0Z M0 -300h1440v482c-121.6,-1.5,-236.8,28.5,-320,30 c-50.4,-2.3,-118.8,-48.3,-180,-46 c-98.8,-1.9,-192.4,36.1,-260,38 c-84,-2.6,-198,-54.6,-300,-52 l-170,28 c-58.8,-0.8,-138.6,-16.8,-210,-16 Z'/%3E%3C/svg%3E"),
		linear-gradient(#000, #000),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 240' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' fill-opacity='.1' d='M0 0h1440v240H0Z M0 500h1440V192c-38,-1,-74,19,-100,20 c-44.8,-1.7,-105.6,-35.7,-160,-34 c-34.2,-0.8,-66.6,15.2,-90,16 c-58.8,-2.1,-138.6,-44.1,-210,-42 c-53.2,-1.5,-103.6,28.5,-140,30 l-70,-18 c-72.2,-1.9,-140.6,36.1,-190,38 c-30.8,-1.2,-72.6,-25.2,-110,-24 c-60.8,-1.4,-118.4,26.6,-160,28 c-33.6,-1,-79.2,-21,-120,-20 c-34.2,-0.7,-66.6,13.3,-90,14 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.18' d='M0 0h1440v240H0Z M0 500h1440V161c-53.2,-1.3,-103.6,24.7,-140,26 c-64.4,-2,-151.8,-42,-230,-40 l-110,22 c-75.6,-2.4,-178.2,-50.4,-270,-48 c-60.8,-1.7,-118.4,32.3,-160,34 c-56,-1.3,-132,-27.3,-200,-26 c-57,-2,-111,38,-150,40 c-50.4,-1.1,-118.8,-23.1,-180,-22 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.3' d='M0 0h1440v240H0Z M0 500h1440V122c-70.7,0.7,-137.6,-13.3,-186,-14 c-47.6,2,-112.2,42,-170,40 c-50.2,1.5,-97.7,-28.5,-132,-30 c-57.1,2.6,-134.6,54.6,-204,52 l-86,-26 c-49.8,1.3,-117.5,27.3,-178,26 c-44.8,1.7,-87.3,-32.3,-118,-34 c-52.1,1.5,-122.8,31.5,-186,30 c-68.4,1.5,-133.2,-28.5,-180,-30 Z'/%3E%3Cpath fill-rule='evenodd' fill-opacity='.48' d='M0 0h1440v240H0Z M0 500h1440V95c-91.2,1.1,-177.6,-20.9,-240,-22 c-42,1.9,-99,39.9,-150,38 c-110.2,1.5,-214.6,-28.5,-290,-30 c-33.6,2.2,-79.2,46.2,-120,44 l-200,-26 c-72.8,0.9,-171.6,18.9,-260,18 c-68.4,1.7,-133.2,-32.3,-180,-34 Z'/%3E%3Cpath fill-rule='evenodd' d='M0 0h1440v240H0Z M0 500h1440V58c-121.6,1.5,-236.8,-28.5,-320,-30 c-50.4,2.3,-118.8,48.3,-180,46 c-98.8,1.9,-192.4,-36.1,-260,-38 c-84,2.6,-198,54.6,-300,52 l-170,-28 c-58.8,0.8,-138.6,16.8,-210,16 Z'/%3E%3C/svg%3E");

	-webkit-mask-size: 100% var(--sinc-nova-ridge), 100% calc(100% - 2 * var(--sinc-nova-ridge) + 2px), 100% var(--sinc-nova-ridge);
	mask-size: 100% var(--sinc-nova-ridge), 100% calc(100% - 2 * var(--sinc-nova-ridge) + 2px), 100% var(--sinc-nova-ridge);
	-webkit-mask-position: 0 0, 0 calc(var(--sinc-nova-ridge) - 1px), 0 100%;
	mask-position: 0 0, 0 calc(var(--sinc-nova-ridge) - 1px), 0 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.sinc-nova-external {
	display: inline-block;
	vertical-align: -0.05em;
	margin-inline-start: 0.4em;
	inline-size: 0.8em;
	block-size: 0.8em;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0.55;
	transition: opacity 160ms ease;
}

a:hover .sinc-nova-external,
a:focus-visible .sinc-nova-external {
	opacity: 1;
}

@media (max-width: 47.9375rem) {

	.sinc-nova-land {
		background-attachment: scroll;
	}
}
