/* BLUE #0000FF, GREEN #00FFD0, YELLOW #FFCC00, PINK #FF00FF */

* {
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	margin: 0;
	background: #FAFAFA;
}

a {
	text-decoration: none;
	cursor: pointer;
}

::selection {
	background: #0000FF;
	color: #FFFFFF;
}

/* -------------------- TAG -------------------- */

tag {
	position: absolute;
	height: 20vw;
	width: 5vw;
	right: 0;
	top: 45%;
/* */
	background:linear-gradient(310deg, rgba(0,0,0,1) 0%, rgba(0,0,255,1) 20%, rgba(0,255,208,1) 40%, rgba(255,204,0,1) 70%, rgba(255,0,255,1) 85%);
}

blur {
	position: absolute;
	height: 100%;
	width: 100%;
/* */
	background: rgba(0,0,0,0.5);
	backdrop-filter: blur(2vw);
}

logo {
	position: absolute;
	height: 17vw;
	width: 3vw;
	left: 1vw;
	top: 1.5vw;
/* */
	color: transparent;
/* */
	background: url(../img/logo-vert.svg) no-repeat center center;
	background-size: contain;
}

/* -------------------- HEADER -------------------- */

#header {
	position: absolute;
	height: 2vw;
	width: 9vw;
	left: 4.5vw;
	top: 3.5vw;
/* */
	color: transparent;
/* */
	background: url(../img/logo-bold.svg) no-repeat;
	background-size: contain;
}

nav {
	position: absolute;
	height: 3vw;
	right: 3vw;
	top: 3vw;
}

nav a {
	display: inline-block;
	margin: 0 2vw;
	height: 3vw;
/* */
	text-transform: uppercase;
	font-family: 'Outfit', monospace;
	font-weight: 700;
	font-size: 1.5vw;
	line-height: 3vw;
	color: #999999;
}

#news:hover {
	color: transparent;
/* */
	background: linear-gradient(135deg, #0000FF 0%, #00FFD0 100%);
	text-fill-color: transparent;
	background-clip: text;
}

#events:hover {
	color: transparent;
/* */
	background: linear-gradient(135deg, #00FFD0 0%, #FFCC00 100%);
	text-fill-color: transparent;
	background-clip: text;
}

#partners:hover {
	color: transparent;
/* */
	background: linear-gradient(135deg, #FFCC00 0%, #FF00FF 100%);
	text-fill-color: transparent;
	background-clip: text;
}

/* -------------------- MAIN -------------------- */

main {
	display: block;
	margin: 9vw 0 0 3vw;
	width: 85vw;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

#preview {
	width: 70%;
}

#calendar {
	width: 25%;
}

#cal {
	height: 90%;
	width: 100%;
	margin: 0;
/* */
	pointer-events: none;
	border: none;
}

/* -------------------- NEWS -------------------- */

#first {
	display: block;
	margin: 0 0 3vw 0;
	width: 100%;
}

#first .photo {
	display: block;
	height: 30vw;
/* */
	background: url(../../news/2026/01/behind-scenes-luca/first.webp) no-repeat top center #000000;
	background-size: cover;
	border-radius: 0.3vw;
}

#first .title {
	display: block;
	margin: 1vw 0;
/* */
	font-family: 'Outfit', sans-serif;
	font-weight: 900;
	font-size: 4vw;
	line-height: 1.2;
	color: #222222;
}

#first .desc {
	display: block;
	margin: 0;
/* */
	font-family: 'Newsreader', serif;
	font-feature-settings: "liga", "clig", "onum";
    font-variant-ligatures: common-ligatures;
    font-variant-numeric: oldstyle-nums;
	font-weight: 400;
	font-size: 1.7vw;
	line-height: 2.2vw;
	color: #222222;
}

section {
	width: 100%;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

#second {
	display: block;
	margin: 0 0 3vw 0;
	width: 48%;
}

#second .photo {
	display: block;
	height: 20vw;
/* */
	background: url(../../news/2025/12/net-shed-port-everett/first.webp) no-repeat top center #000000;
	background-size: cover;
	border-radius: 0.3vw;
}

#second .title, #third .title {
	display: block;
	margin: 1vw 0;
/* */
	font-family: 'Outfit', sans-serif;
	font-weight: 900;
	font-size: 1.8vw;
	line-height: 1.2;
	color: #222222;
}

#second .desc, #third .desc {
	display: block;
	margin: 0;
/* */
	font-family: 'Newsreader', serif;
	font-feature-settings: "liga", "clig", "onum";
    font-variant-ligatures: common-ligatures;
    font-variant-numeric: oldstyle-nums;
	font-weight: 400;
	font-size: 1.4vw;
	line-height: 2.2vw;
	color: #222222;
}

#third {
	display: block;
	margin: 0 0 3vw 0;
	width: 48%;
}

#third .photo {
	display: block;
	height: 16vw;
/* */
	background: url(../../news/2025/11/skyline-ribbon-cutting/first.webp) no-repeat top center #000000;
	background-size: cover;
	border-radius: 0.3vw;
}

/* -------------------- FOOTER -------------------- */

footer {
	height: 18vw;
	width: 100%;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
/* */
	background: #F5F5F5;
}

#logo {
	height: 100%;
	width: 25%;
/* */
	color: transparent;
/* */
	background: url(../img/logo-color.svg) no-repeat;
	background-position: center 5vw;
	background-size: 50%;
}

#lefty {
	padding-top: 4.2vw;
	width: 10%;
}

#righty {
	padding-top: 4.2vw;
	width: 30%;
}

#lefty a, #righty a {
	display: block;
/* */
	font-family: 'Outfit', sans-serif;
	font-weight: 400;
	font-size: 1.2vw;
	line-height: 2.5vw;
	color: #777777;
}

#lefty a:hover, #righty a:hover {
	color: #222222;
}

#powered {
	height: 100%;
	width: 35%;
/* */
	color: transparent;
/* */
	background: url(../img/avcr.svg) no-repeat;
	background-position: center center;
	background-size: 70%;
}

/* -------------------- MEDIA -------------------- */

@media only screen and (max-width: 1032px) {



}

@media only screen and (max-width: 744px) and (orientation: portrait) {



}

/* -------------------- PRINT -------------------- */

@media print {

	* {
		display: none;
	}

}