.wvlyrwagl{display:block;width:100%;height:100%;position:relative}.wvlyrwagl img{width:100%;height:100%;object-fit:contain;cursor:pointer}.wvlyrwagl button{appearance:none;background-color:transparent;border:none;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background-image:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 68\ 48\"><path\ d=\"M66.52\ 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13\ 34\ 0\ 34\ 0S12.21.13\ 6.9\ 1.55c-2.93.78-4.63\ 3.26-5.42\ 6.19C.06\ 13.05\ 0\ 24\ 0\ 24s.06\ 10.95\ 1.48\ 16.26c.78\ 2.93\ 2.49\ 5.41\ 5.42\ 6.19C12.21\ 47.87\ 34\ 48\ 34\ 48s21.79-.13\ 27.1-1.55c2.93-.78\ 4.64-3.26\ 5.42-6.19C67.94\ 34.95\ 68\ 24\ 68\ 24s-.06-10.95-1.48-16.26z\"\ fill=\"red\"/><path\ d=\"M45\ 24\ 27\ 14v20\"\ fill=\"white\"/></svg>);filter:grayscale(100%);transition:filter 0.1s cubic-bezier(0,0,0.2,1);cursor:pointer}.wvlyrwagl:hover button{filter:grayscale(0%)}.wvlyrwagl .first-load{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 64px));background-color:white;padding:1ex 1rem;width:max-content;cursor:pointer;opacity:0.6}.wvlyrwagl:hover .first-load{opacity:1}.wvlyrwagl .hidden{display:none}.wvlyrwagl iframe{display:block;position:absolute;inset:0;border:none}
.wlyc7hrsx{display:block}
.wdztprbe9 .st0{opacity:0.2;fill:#ffffff}.wdztprbe9 .st1{opacity:0.8}.wdztprbe9 .st2{fill:#ffffff}.wdztprbe9 .st3{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10}.wdztprbe9 .st4{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.1337,3.0669}.wdztprbe9 .st5{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:5.8924,2.9462}.wdztprbe9 .st6{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:5.8186,2.9093}.wdztprbe9 .st7{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.0931,3.0465}.wdztprbe9 .st8{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.0151,3.0076}.wdztprbe9 .st9{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:5.8959,2.9479}.wdztprbe9 .st10{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.4395,3.2197}.wdztprbe9 .st11{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.1111,3.0556}.wdztprbe9 .st12{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:5.9663,2.9832}.wdztprbe9 .st13{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.1476,3.0738}.wdztprbe9 .st14{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:5.9894,2.9947}.wdztprbe9 .st15{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.0622,3.0311}.wdztprbe9 .st16{fill:none;stroke:#ffffff;stroke-width:0.75;stroke-miterlimit:10;stroke-dasharray:6.045,3.0225}.wdztprbe9 .st17{fill:none;stroke:#b2b2b2;stroke-width:0.5;stroke-miterlimit:10}.wdztprbe9 .st18{display:none;fill:#b2b2b2}.wdztprbe9 .st20{font-size:8px}.wdztprbe9 .st21{opacity:0.8;fill:#ffffff}.wdztprbe9 .st22{opacity:0.75}.wdztprbe9 .st23{opacity:0.8;fill:none;stroke:#ffffff;stroke-miterlimit:10}.wdztprbe9 .st24{fill:none;stroke:var(--color-lying);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6,4}.wdztprbe9 .st25{fill:var(--color-lying)}.wdztprbe9 .st26{fill:none;stroke:var(--color-lying);stroke-width:5;stroke-miterlimit:10}.wdztprbe9 .st27{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10}.wdztprbe9 .st28{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.2879,3.1439}.wdztprbe9 .st29{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.4428,3.2214}.wdztprbe9 .st30{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.9245,2.9622}.wdztprbe9 .st31{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.9989,2.9994}.wdztprbe9 .st32{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.9146,2.9573}.wdztprbe9 .st33{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.8349,2.9174}.wdztprbe9 .st34{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.022,3.011}.wdztprbe9 .st35{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.012,3.006}.wdztprbe9 .st36{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.2018,3.1009}.wdztprbe9 .st37{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.6644,2.8322}.wdztprbe9 .st38{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:4.84,2.42}.wdztprbe9 .st39{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.7406,3.3703}.wdztprbe9 .st40{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.3526,3.1763}.wdztprbe9 .st41{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.8234,2.9117}.wdztprbe9 .st42{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:4.5836,2.2918}.wdztprbe9 .st43{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:4.6833,2.3416}.wdztprbe9 .st44{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.6573,2.8287}.wdztprbe9 .st45{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.3878,3.1939}.wdztprbe9 .st46{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.944,2.972}.wdztprbe9 .st47{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.8756,2.9378}.wdztprbe9 .st48{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.0858,3.0429}.wdztprbe9 .st49{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.0534,3.0267}.wdztprbe9 .st50{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:4.5714,2.2857}.wdztprbe9 .st51{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.3403,2.6701}.wdztprbe9 .st52{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.1603,3.0801}.wdztprbe9 .st53{fill:none;stroke:var(--color-walking);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:5.9823,2.9911}.wdztprbe9 .st54{fill:var(--color-walking)}.wdztprbe9 .st55{fill:none;stroke:var(--color-cycling);stroke-width:5;stroke-miterlimit:10}.wdztprbe9 .st56{fill:none;stroke:var(--color-cycling);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.0035,3.0018}.wdztprbe9 .st57{fill:none;stroke:var(--color-cycling);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.1053,3.0527}.wdztprbe9 .st58{fill:none;stroke:var(--color-cycling);stroke-width:5;stroke-miterlimit:10;stroke-dasharray:6.0037,3.0019}.wdztprbe9 .st59{fill:var(--color-cycling)}
.wdztprbe9{display:block;width:100%;height:100%;background-color:hsla(0,0%,0%,0.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.wdztprbe9 svg{position:absolute;inset:0;width:100%;height:100%;--color-walking: #ffa700;--color-cycling: #ffa700;--color-lying: #ffa700}.wdztprbe9 :is(#Lying,#Walking,#Cycling){opacity:0;transition:opacity 0.3s,transform 0.3s}.wdztprbe9 :is(#Lying,#Walking,#Cycling):is(.experience-lying-active,.experience-walking-active,.experience-cycling-active){opacity:1}
/*background*/
	.fixed-bg {
		position: fixed;
		top: 0;
		left: 50%;
		--shift: 0px;
		transform: translatex(calc(-50% + var(--shift)));
		aspect-ratio: 1800/1200;
		height: 100vh;
		height: 100lvh;
		min-width: 100%;
		background-color: white;
	}

	.fixed-bg img {
		position: absolute;
		inset: 0;
		height: 100%;
		min-width: 100%;
		width: auto;
		object-fit: cover;
		object-position: bottom center;
		opacity: 0.7;
	}

	nav {
		z-index: 1;
		width: 100%;
		max-width: 1300px;

		padding: 0 2rem;
	}

	nav a {
		text-decoration: none;
	}

	nav a:hover {
		text-decoration: underline;
	}
	/* page layout */
	.top-nav {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);

		height: 2rem;
		line-height: 2rem;

		display: flex;
		justify-content: space-between;
	}

	.bottom-nav {
		position: relative;
		margin-inline: auto;
		margin-bottom: 2rem;
	}

	nav .homelink {
		font-weight: 500;
		display: flex;
		column-gap: 0.5ch;
	}
	nav .homelink img {
		width: 1ch;
	}

	.lang-switcher .current-lang {
		font-weight: 500;
	}

	.prevnext {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		/* grid-template-columns: auto auto auto; */
		column-gap: 1rem;
		font-weight: 500;
		font-size: 1.2rem;
		justify-content: center;
		background-color: white;
		padding: 1rem;
	}
	.prevnext a {
		display: flex;
		align-items: center;
		column-gap: 1ch;
		justify-content: space-between;
	}
	.prevnext .prev::before,
	.prevnext .next::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
	}

	.prevnext .prev::before {
		border-width: 1ex 1ex 1ex 0;
		border-color: transparent currentColor transparent transparent;
	}

	.prevnext .next::after {
		border-width: 1ex 0 1ex 1ex;
		border-color: transparent transparent transparent currentColor;
	}

	.prevnext .separator {
		grid-column: 2;
		display: grid;
		place-content: center;
	}
	.prevnext .separator::before {
		content: "";
		display: block;
		width: 0.5ex;
		height: 0.5ex;
		background-color: currentColor;
	}

	main {
		position: relative;
		z-index: 1;

		margin-inline: auto;
		max-width: 1300px;
		padding: 2rem;
		padding-top: 0;
		margin-top: 2rem;

		pointer-events: none;
	}

	main > * {
		pointer-events: all;
	}

	.main-grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto;
		grid-template-areas:
			"photos"
			"title"
			"text"
			"drawings";
		gap: 2rem;

		pointer-events: none;
	}

	.main-grid > * {
		pointer-events: all;
	}

	@media (min-width: 700px) {
		.main-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto 1fr;
			grid-template-areas:
				"drawings photos"
				"drawings title"
				"drawings text";
			gap: 2rem;
		}
	}

	.drawings {
		grid-area: drawings;
		height: calc(100vh - 4rem);
		height: calc(100svh - 4rem);
		position: sticky;
		top: 2rem;

		/* background-color: hsla(0, 0%, 100%, 0.3); */
		background-color: hsla(0, 0%, 0%, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}

	.drawings.fixed {
		position: fixed;
		left: 50%;
		width: calc(100% - 4rem);
		transform: translateX(-50%);
		z-index: -1;

		background-color: transparent;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	@media (min-width: 700px) {
		.drawings.fixed {
			position: sticky;
			left: unset;
			width: 100%;
			transform: unset;
		}
	}

	.photos {
		grid-area: photos;
		aspect-ratio: 3/2;
		/*position: sticky;
		top: 2rem;*/
		z-index: 2;

		background-color: hsla(0, 0%, 100%, 0.3);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	h1 {
		margin: 0;
		color: #fff;
		grid-area: title;
		font-size: 2.4rem;
		font-weight: 700;
		border: 3px solid white;
		padding: 1rem;
		background-color: rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}
	.text {
		grid-area: text;
		padding: 1rem;
		align-self: top;

		background-color: hsla(0, 0%, 100%, 0.5);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}
	.text h2 {
		margin: 0;
		font-weight: 600;
	}

	.text figure {
		margin: 0;
		margin-bottom: 2rem;
	}

	.text blockquote {
		margin: 1rem 1rem;
	}

	.text blockquote + figcaption {
		margin-left: 2rem;
	}

	.text p {
		margin: 0;
	}
	.text p + p {
		margin-top: 1rem;
	}
	.text.blocks {
		background-color: transparent;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		padding: 0;
		pointer-events: none;
	}
	.text.blocks > div,
	.text.blocks > scroll-point > div {
		background-color: hsla(0, 0%, 100%, 0.5);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		padding: 1rem;
		pointer-events: all;
	}
	.text.blocks > * + * {
		margin-top: 1rem;
	}

	.bottom {
		grid-area: bottom;
	}
/* montserrat-200 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 200;
	src: url("/fonts/montserrat-v25-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-200italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 200;
	src: url("/fonts/montserrat-v25-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 300;
	src: url("/fonts/montserrat-v25-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-300italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 300;
	src: url("/fonts/montserrat-v25-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/montserrat-v25-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 400;
	src: url("/fonts/montserrat-v25-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 500;
	src: url("/fonts/montserrat-v25-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 500;
	src: url("/fonts/montserrat-v25-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 600;
	src: url("/fonts/montserrat-v25-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 600;
	src: url("/fonts/montserrat-v25-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 700;
	src: url("/fonts/montserrat-v25-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 700;
	src: url("/fonts/montserrat-v25-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

* {
	box-sizing: border-box;
}

html:focus-within {
	scroll-behavior: smooth;
}

:root {
	font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	line-height: 1.4;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
}

a {
	color: inherit;
}

img,
svg {
	display: block;
	width: 100%;
	height: auto;
}

/* UTILITIES */