@layer base {

	:root {
		--blue: #0069B4;
		--orange: #F39800;
		--yellow: #FDE240;
		--paper: #F7F5F1;
		--darkpaper: #EAE9E4;
		--green: #118543;
		--text: #000000;
		--noto: 'Noto Sans Variable', sans-serif;
		--maxwidth: 52.8125rem;
		--maxwidthwider: 64rem;
		--maxwidthnarrow: 38rem;


		--fontsize-normal: clamp(0.9rem, 0.7977rem + 0.4364vw, 1.125rem);
		--fontsize-teaser: clamp(1rem, 0.8864rem + 0.4848vw, 1.25rem);
		--fontsize-h1: clamp(1.75rem, 0.9545rem + 3.3939vw, 3.5rem);
		--fontsize-h2: clamp(1.3333rem, 0.9166rem + 1.7778vw, 2.25rem);
		--fontsize-h3: clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem);
		--fontsize-h4: clamp(1rem, 0.9167rem + 0.4167vw, 1.25rem);
		--fontsize-smallkicker: clamp(0.7rem, 0.6318rem + 0.2909vw, 0.85rem);
		--fontsize-kicker: clamp(0.85rem, 0.6682rem + 0.7758vw, 1.25rem);
		--fontsize-small: clamp(0.8rem, 0.7333rem + 0.3333vw, 1rem);

		--circle: polygon( 33.002% 96.921%,33.002% 96.921%,31.218% 96.254%,29.421% 95.5%,27.619% 94.655%,25.818% 93.712%,24.023% 92.667%,22.243% 91.516%,20.483% 90.252%,18.749% 88.872%,17.049% 87.37%,15.388% 85.741%,15.388% 85.741%,14.863% 85.218%,14.346% 84.688%,13.836% 84.149%,13.334% 83.602%,12.84% 83.047%,12.354% 82.485%,11.876% 81.915%,11.407% 81.338%,10.945% 80.753%,10.492% 80.161%,10.492% 80.161%,8.04% 77.142%,6.023% 74.381%,4.401% 71.831%,3.13% 69.448%,2.168% 67.189%,1.474% 65.009%,1.004% 62.863%,0.717% 60.708%,0.57% 58.498%,0.522% 56.191%,0.522% 56.191%,0.263% 54.676%,0.098% 53.37%,0.015% 52.226%,0.002% 51.201%,0.046% 50.25%,0.135% 49.33%,0.254% 48.395%,0.393% 47.403%,0.538% 46.307%,0.677% 45.065%,0.677% 45.065%,2.142% 36.361%,3.776% 29.142%,5.672% 23.225%,7.923% 18.423%,10.622% 14.554%,13.863% 11.43%,17.738% 8.868%,22.34% 6.683%,27.763% 4.69%,34.1% 2.704%,34.1% 2.704%,35.674% 2.191%,37.26% 1.732%,38.859% 1.326%,40.468% 0.973%,42.087% 0.675%,43.714% 0.431%,45.347% 0.241%,46.987% 0.106%,48.631% 0.025%,50.278% -0%,50.278% 0%,50.543% 0.001%,50.808% 0.003%,51.073% 0.006%,51.337% 0.011%,51.601% 0.017%,51.865% 0.025%,52.128% 0.034%,52.392% 0.045%,52.654% 0.056%,52.917% 0.07%,52.917% 0.07%,55.004% 0.193%,57.14% 0.412%,59.317% 0.735%,61.529% 1.171%,63.768% 1.729%,66.028% 2.419%,68.3% 3.25%,70.58% 4.231%,72.859% 5.371%,75.13% 6.679%,75.13% 6.679%,75.688% 7.008%,76.241% 7.344%,76.791% 7.688%,77.336% 8.039%,77.877% 8.397%,78.414% 8.763%,78.946% 9.136%,79.473% 9.516%,79.996% 9.903%,80.514% 10.297%,80.514% 10.297%,84.068% 12.863%,87.009% 15.261%,89.41% 17.535%,91.346% 19.732%,92.891% 21.897%,94.119% 24.075%,95.104% 26.31%,95.921% 28.65%,96.644% 31.138%,97.347% 33.82%,97.347% 33.82%,97.849% 35.383%,98.299% 36.961%,98.697% 38.553%,99.042% 40.157%,99.335% 41.773%,99.575% 43.398%,99.761% 45.032%,99.895% 46.672%,99.974% 48.317%,100% 49.967%,100% 49.967%,99.976% 53.267%,99.882% 55.943%,99.719% 58.102%,99.489% 59.849%,99.194% 61.291%,98.836% 62.533%,98.416% 63.681%,97.936% 64.842%,97.399% 66.122%,96.806% 67.626%,96.806% 67.626%,93.177% 75.596%,89.765% 82.108%,86.436% 87.314%,83.056% 91.364%,79.49% 94.409%,75.604% 96.6%,71.264% 98.087%,66.334% 99.021%,60.682% 99.553%,54.172% 99.834%,54.172% 99.834%,53.767% 99.866%,53.362% 99.894%,52.958% 99.919%,52.554% 99.941%,52.15% 99.959%,51.747% 99.974%,51.344% 99.986%,50.941% 99.994%,50.539% 99.999%,50.137% 100%,50.137% 100%,48.388% 99.969%,46.643% 99.876%,44.903% 99.72%,43.17% 99.503%,41.446% 99.225%,39.731% 98.885%,38.028% 98.485%,36.338% 98.024%,34.662% 97.502%,33.002% 96.92% );
		--square: polygon( 0% 1.152%,0% 1.152%,1.482% 0.879%,5.278% 0.688%,10.848% 0.563%,17.653% 0.486%,25.154% 0.437%,32.81% 0.4%,40.084% 0.355%,46.436% 0.286%,51.325% 0.174%,54.214% 0%,54.214% 0%,61.012% 0.096%,67.619% 0.221%,73.922% 0.365%,79.802% 0.519%,85.144% 0.675%,89.832% 0.822%,93.75% 0.953%,96.782% 1.058%,98.81% 1.127%,99.72% 1.152%,99.72% 1.152%,100.089% 1.358%,100.343% 2.762%,100.498% 5.235%,100.567% 8.651%,100.566% 12.881%,100.507% 17.799%,100.406% 23.276%,100.277% 29.184%,100.133% 35.397%,99.99% 41.787%,99.99% 41.787%,99.914% 46.526%,99.87% 51.794%,99.853% 57.35%,99.857% 62.95%,99.877% 68.353%,99.906% 73.317%,99.938% 77.599%,99.969% 80.957%,99.991% 83.15%,100% 83.935%,100% 83.935%,99.987% 83.968%,99.954% 84.065%,99.908% 84.221%,99.854% 84.433%,99.801% 84.696%,99.754% 85.007%,99.721% 85.361%,99.709% 85.754%,99.723% 86.183%,99.772% 86.642%,99.772% 86.642%,99.707% 88.916%,99.497% 90.993%,99.12% 92.87%,98.553% 94.541%,97.775% 96%,96.764% 97.241%,95.498% 98.26%,93.955% 99.05%,92.112% 99.606%,89.947% 99.923%,89.947% 99.923%,77.388% 99.924%,67.38% 99.885%,59.633% 99.816%,53.86% 99.727%,49.768% 99.626%,47.07% 99.523%,45.476% 99.427%,44.696% 99.346%,44.44% 99.292%,44.419% 99.271%,0% 100%,1.367% 39.034%,0% 1.152% ); 
	}

	@font-face {
		font-family: 'Noto Sans Variable';
		src: url('fonts/noto-sans-latin-wght-normal.woff2') format('woff2');
		font-weight: 100 900;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Noto Sans Variable';
		src: url('fonts/noto-sans-latin-wght-italic.woff2') format('woff2');
		font-weight: 100 900;
		font-style: italic;
		font-display: swap;
	}

	body {
		font-family: var(--noto), sans-serif;
		color: var(--text);
		background-color: var(--paper);
		
		&.service {
			&::before {
				content: '';
				z-index: 3;
				pointer-events: none;
				position: fixed;
				inset: 0 auto 0 0;
				width: 2vw;
				max-width: 18px;
				background-color: var(--orange);
			}
		}
	}

	main {
		min-height: 50vh;
		padding-top: 2rem;
		position: relative;
		z-index: 1;
		@media (max-width: 1000px) {
			padding-top: 3.5%;
		}
	}

	.slogan {
		font-size: var(--fontsize-h1);
		font-weight: 700;
		line-height: 1.166;
		text-align: center;
		margin: 0 auto 4rem auto;
		padding: 3vw 1rem 5vw 1rem;
		border-bottom: 0.7vw solid white;
	}

	:focus {
		outline: none;
	}
	a:focus-visible, button:focus-visible, form:focus-visible {
		outline: 3px solid #c00;
		outline-offset: 5px;
		-webkit-outline-radius: 4px;
	}

	html {
		scroll-behavior: smooth;
	}

}