/*
:where(:not([popover])),
:where(:not([popover])):before,
:where(:not([popover])):after{
	all: unset;
	display: block;
}
*/
:where(*),
:where(*):before,
:where(*):after{
	all: unset;
	display: block;
	box-sizing: border-box;
}
html{
	--accentColor1: #ff7518;
	--accentColor2: #ff7518;
	--baseColor1: #ffffff;
	--baseColor2: #e6e6e6;
	--baseColor3: #cdcdcd;
	--reversedAccentColor1: #ff7518;
	--reversedAccentColor2: #ff7518;
	--reversedBaseColor1: #000000;
	--reversedBaseColor2: #191919;
	--reversedBaseColor3: #333333;
	--borderSize: 1px;
	--fontSizeScaleNotes: 3;
	--fontSizeScaleRatio: 4;
	--smallFontSize1: calc(max(round(nearest, 1rem * pow(var(--fontSizeScaleRatio), -1 / var(--fontSizeScaleNotes)), 0.1rem), 0.8rem));
	--baseFontSize1: calc(round(nearest, 1rem * pow(var(--fontSizeScaleRatio), 0 / var(--fontSizeScaleNotes)), 0.1rem));
	--largeFontSize1: calc(round(nearest, 1rem * pow(var(--fontSizeScaleRatio), 1 / var(--fontSizeScaleNotes)), 0.1rem));
	--largeFontSize2: calc(round(nearest, 1rem * pow(var(--fontSizeScaleRatio), 2 / var(--fontSizeScaleNotes)), 0.1rem));
	--largeFontSize3: calc(round(nearest, 1rem * pow(var(--fontSizeScaleRatio), 3 / var(--fontSizeScaleNotes)), 0.1rem));	
	--lineHeightModule: 1.5rem;
	--blurSize: calc(var(--lineHeightModule) * 0.5);
	--lineHeight: round(up, 1em, var(--lineHeightModule));
	--pageWidth: calc(100% - var(--lineHeightModule)); /* 20rem; */ /* calc(100% - var(--lineHeightModule)); */
	background: var(--reversedBaseColor1) url(images/onda.gif) no-repeat top center;
	background-size: calc(var(--vw) * 100);
	color: var(--baseColor1);
	font: normal var(--baseFontSize1)/var(--lineHeight) 'Poppins', 'Segoe Ui', Segoe, Tahoma, Geneva, sans-serif;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--lineHeightModule) * 3.9);
}
	head{
		display: none;
	}
	body{
	}
		a{
			cursor: pointer;
			display: inline;
		}
		a:hover{
			color: var(--accentColor1);
		}
		form{
		}
			fieldset{
				
			}
				label{
					background: #333333;
					margin: calc(var(--lineHeightModule) * 0.25) calc(var(--lineHeightModule) * 0.5);
					padding: calc(var(--lineHeightModule) * 0.25) calc(var(--lineHeightModule) * 0.5);
				}
					label span{
						font-size: var(--smallFontSize1);
						text-transform: uppercase;
					}
				input{
				}
				textarea{
					min-height: calc(var(--lineHeightModule) * 6);
				}
		img{
		}
		h1{
			/*
			line-height: var(--lineHeight);
			font-size: var(--fontSize5);
			*/
			font-size: var(--largeFontSize3);
			font-weight: 700;
			letter-spacing: calc(var(--lineHeightModule) * -0.15);
			line-height: var(--lineHeight);
			padding: calc(var(--lineHeightModule) * 0.5);
		}
		h1 + p{
		}
		h2{
			/*
			line-height: var(--lineHeight);
			font-size: var(--fontSize4);
			*/
			font-size: var(--largeFontSize3);
			font-weight: 700;
			letter-spacing: calc(var(--lineHeightModule) * -0.15);
			line-height: var(--lineHeight);
			padding: calc(var(--lineHeightModule) * 0.5);
		}
		h3{
			/*
			line-height: var(--lineHeight);
			font-size: var(--fontSize3);
			*/
			font-weight: 700;
			padding: calc(var(--lineHeightModule) * 0.5);
		}
		h3 + p{
			margin-top: calc(var(--lineHeightModule) * -1);
		}
		p{
			padding: calc(var(--lineHeightModule) * 0.5);
		}
		strong{
			display: inline;
			font-weight: bold;
		}
		ul{
			list-style: disc outside none;
			padding: calc(var(--lineHeightModule) * 0.5);
		}
			li{
				display: list-item;
			}
		[popover]{
			color: var(--baseColor1);
			display: none;
			left: 50%;
			padding: 0;
			position: fixed;
			transform: translateX(-50%) translateY(-50%);
			top: 50%;
		}
		[popover]:popover-open{
			display: block;
			max-width: min(30rem, calc(var(--vw) * 100 - var(--lineHeightModule)), calc(100vw - var(--lineHeightModule)));
			pointer-events: auto;
		}
		[popover]::backdrop{
			background: color-mix(in srgb, var(--reversedBaseColor1), 5% transparent);;
			backdrop-filter: blur(var(--blurSize));
		}
		.button{
			background: var(--baseColor1);
			color: #000000;
			cursor: pointer;
			display: inline-block;
			padding: calc(var(--lineHeightModule) * 0.5);
		}
		.button_primary:hover{
			background: var(--accentColor1);
			color: #000000;
		}
		.button_secondary{
		}
		.button_secondary,
		.button_tertiary{
			background: transparent;
			color: inherit;
		}
		.picture{
			background: var(--baseColor1);
			/*
			height: calc(var(--lineHeightModule) * 21);
			*/
			padding-top: min(100%, calc(var(--lineHeight) * 12));
			overflow: hidden;
			position: relative;
			z-index: 9000;
		}
			.picture img{
				filter: grayscale(100%);
				height: 120%;
				position: absolute;
				right: 0;
				top: 0;
			}
		.subsection:hover .picture,
		[popover]:popover-open .picture{
			/*
			filter: sepia(100%);
			*/
			position: relative;
		}
			.subsection:hover .picture:before,
			[popover]:popover-open .picture:before{
				background: color-mix(in srgb, var(--accentColor1), 5% transparent);;
				content: '';
				height: 100%;
				left: 0;
				mix-blend-mode: multiply;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 9500;
			}
			.subsection:hover .picture img,
			[popover]:popover-open .picture img{
				filter: none;
			}
		.site{
		}
			.site__header{
				color: var(--accentColor1);
				display: flex;
				/*
				left: 0;
				*/
				padding: var(--lineHeightModule) calc(50% - var(--pageWidth) * 0.5);
				position: fixed;
				top: 0;
				z-index: 10000;
				width: 100%;
			}
			.site__header_stuck{
				background: var(--reversedBaseColor1);
			}
				.site__menu-toggle{
					margin-left: auto;
					padding-bottom: 0;
					padding-top: 0;
				}
				.site__menu{
				}
					.site__menu ul{
						list-style: none;
						padding: 0;
					}
						.site__menu li{
							padding: calc(var(--lineHeightModule) * 0.5);
						}
				.site__cta{
					padding-bottom: 0;
					padding-top: 0;
				}
			.site__body{
				padding: var(--lineHeightModule) calc(50% - var(--pageWidth) * 0.5);
			}
			.site__body:has(.page){
				padding: 0;
			}
				.page{
				}
					.page__header{
						color: var(--accentColor1);
						display: flex;
						flex-direction: column;
						justify-content: end;
						min-height: 100vh;
						min-height: 100dvh;
						padding: var(--lineHeightModule) calc(50% - var(--pageWidth) * 0.5);
					}
						p:has(.page__cta){
							color: var(--baseColor1);
							padding: 0;
						}
					.page__body{
						padding: var(--lineHeightModule) calc(50% - var(--pageWidth) * 0.5);
					}
					.page__body:has(.section){
						padding: 0 calc(50% - var(--pageWidth) * 0.5 - var(--lineHeightModule));
						padding: 0;
					}
						.section{
							min-height: calc(100vh - var(--lineHeightModule) * 3);
							min-height: calc(100dvh - var(--lineHeightModule) * 3);
							padding: calc(var(--lineHeightModule) * 0.5) calc(50% - var(--pageWidth) * 0.5 - var(--lineHeightModule) * 0.5);
							padding-bottom: calc(var(--lineHeightModule) * 1.5);
						}
							.section__header{
								padding: var(--lineHeightModule);
								padding: calc(var(--lineHeightModule) * 0.5);
							}
							.section__body{
								padding: var(--lineHeightModule);
								padding: calc(var(--lineHeightModule) * 0.5);
							}
							.section__body:has(.subsection){
								display: flex;
								flex-wrap: wrap;
								padding: calc(var(--lineHeightModule) * 0.5);
								padding: 0;
							}
								.subsection{
									flex: 0 1 calc(100% - var(--lineHeightModule));
									margin: calc(var(--lineHeightModule) * 0.5);
									overflow: hidden;
								}
								.subsection_popover{
									cursor: pointer;
								}
							.section__footer{
								padding: var(--lineHeightModule);
								padding: calc(var(--lineHeightModule) * 0.5);
							}
						.section_manifesto,
						.section_about-us,
						.section_our-projects{
							color: var(--reversedBaseColor1);
						}
							.section_manifesto [popover],
							.section_about-us [popover],
							.section_our-projects [popover]{
								color: var(--reversedBaseColor1);
							}
							.section_manifesto [popover]::backdrop,
							.section_about-us [popover]::backdrop,
							.section_our-projects [popover]::backdrop{
								background: color-mix(in srgb, var(--baseColor1), 5% transparent);;
							}
						.section_manifesto,
						.section_our-projects{
							background: color-mix(in srgb, var(--baseColor3), 5% transparent);;
						}
						.section_about-us{
							background: color-mix(in srgb, var(--baseColor2), 5% transparent);;
						}
							.section_about-us .subsection{
								background: var(--baseColor3);
							}
						.section_contact-us{
						}
					.page__footer{
						font-size: var(--smallFontSize1);
						padding: var(--lineHeightModule) calc(50% - var(--pageWidth) * 0.5);
					}
			.site__footer{
				font-size: var(--smallFontSize1);
				padding: var(--lineHeightModule) calc(50% - var(--pageWidth) * 0.5);
			}
		body:has(:popover-open){
			pointer-events: none;
		}
@media (min-width: 45em){
html{
	--fontSizeScaleRatio: 7;
	--pageWidth: 40rem;
}
	body{
	}
		.site{
		}
			.site__body:has(.page){
			}
				.page{
				}
					.page__body:has(.section){
					}
						.section{
						}
							.section__body:has(.subsection){
							}
								.subsection_quartiary,
								.subsection_secondary,
								.subsection_tertiary{
									flex-basis: calc(50% - var(--lineHeightModule));
								}
}
@media (min-width: 64em){
html{
	--pageWidth: 59rem;
	background-attachment: fixed;
	background-position: center right;
	background-size: calc(var(--vw) * 50);
}
	body{
	}
		.site{
		}
			.site__header{
			}
				.site__menu-toggle{
					display: none;
				}
				.site__menu{
					color: var(--baseColor1);
					display: block;
					margin-left: auto;
					position: static;
					transform: none;
				}
					.site__menu ul,
					.site__menu:popover-open ul{
						display: flex;
					}
				.site__menu::backdrop{
					backdrop-filter: none;
				}
			.site__body:has(.page){
			}
				.page{
				}
					.page__header{
						justify-content: center;
						position: relative;
					}
						.page__header h1,
						.page__header h1 + p{
							max-width: 45rem;
						}
						p:has(.page__cta){
							bottom: calc(var(--lineHeightModule) * 1.5);
							position: absolute;
						}
					.page__body:has(.section){
					}
						.section{
						}
							.section__body:has(.subsection){
							}
								.subsection_quartiary,
								.subsection_tertiary{
									flex-basis: calc(33.333333% - var(--lineHeightModule));
								}
								.subsection_secondary{
									flex-basis: calc(66.666666% - var(--lineHeightModule));
								}
						.section_contact-us{
						}
							.section_contact-us .section__body{
							}
								.section_contact-us .section__body form,
								.section_contact-us .section__body p{
									max-width: 45rem;
								}
}
@media (min-width: 80em){
html{
	--pageWidth: 75rem;
}
	body{
	}
		.site{
		}
			.site__body:has(.page){
			}
				.page{
				}
					.page__body:has(.section){
					}
						.section{
						}
							.section__body:has(.subsection){
							}
								.subsection_quartiary{
									flex-basis: calc(25% - var(--lineHeightModule));
								}
								.subsection_tertiary{
									flex-basis: calc(50% - var(--lineHeightModule));
								}
								.subsection_secondary{
									flex-basis: calc(75% - var(--lineHeightModule));
								}
}
@media (prefers-color-scheme: dark){
html{
}
	body{
	}
		.site{
		}
			.site__body{
			}
				.page{
				}
					.page__body{
					}
						.section_manifesto,
						.section_about-us,
						.section_our-projects{
							color: inherit;
						}
						.section_manifesto,
						.section_our-projects{
							background: color-mix(in srgb, var(--reversedBaseColor3), 5% transparent);;
						}
						.section_about-us{
							background: color-mix(in srgb, var(--reversedBaseColor2), 5% transparent);;
						}
							.section_about-us .subsection{
								background: var(--reversedBaseColor3);
							}
}