.visually-hidden.svelte-1egao0f:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.about.svelte-enoavj {
	width: auto;
	min-width: 60px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-underline-offset: 2px
}

.active.svelte-enoavj {
	-webkit-text-decoration: underline solid black 3px;
	text-decoration: underline solid black 3px
}

.info.svelte-1iua94a.svelte-1iua94a {
	font-size: min(6vw,40px);
	max-width: min(39vw,300px);
	line-height: 1.2;
	font-weight: 800;
	text-transform: uppercase;
	padding: 48px 24px
}

@media (max-width: 640px) {
	.info.svelte-1iua94a.svelte-1iua94a {
		width:calc(100% - 64px);
		max-width: none
	}
}

.info.svelte-1iua94a span.svelte-1iua94a {
	position: relative;
	z-index: 10
}

.link.svelte-1iua94a .panel.svelte-1iua94a {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
	background-color: #000
}

.link.svelte-1iua94a.svelte-1iua94a {
	display: block;
	position: relative;
	transition: color .1s ease;
	padding-left: 4px
}

.link.svelte-1iua94a.svelte-1iua94a:focus,.link.svelte-1iua94a.svelte-1iua94a:hover {
	transition-delay: 0s;
	color: #fff
}

.link.svelte-1iua94a:focus .panel.svelte-1iua94a,.link.svelte-1iua94a:hover .panel.svelte-1iua94a {
	transform: scaleX(1)
}

.about.svelte-18u3b7j.svelte-18u3b7j {
	height: 100%;
	max-height: calc(100vh - 76px);
	overflow: auto
}

.about-container.svelte-18u3b7j.svelte-18u3b7j {
	z-index: 20;
	flex: 1 1 0%;
	margin-top: 60px
}

.about.svelte-18u3b7j a.svelte-18u3b7j {
	text-decoration: underline;
	text-underline-offset: 2px
}

blockquote.svelte-18u3b7j.svelte-18u3b7j {
	background: #f9f9f9;
	border-left: 10px solid #222;
	margin: 1.5em 10px;
	padding: .5em 10px;
	quotes: "\201c""\201d""\2018""\2019"
}

blockquote.svelte-18u3b7j.svelte-18u3b7j:before {
	color: #222;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em
}

blockquote.svelte-18u3b7j p.svelte-18u3b7j {
	display: inline
}

@-webkit-keyframes svelte-r3jxac-roundtime {
	to {
		transform: scaleX(0)
	}
}

@keyframes svelte-r3jxac-roundtime {
	to {
		transform: scaleX(0)
	}
}

.progress.svelte-r3jxac {
	width: 100%;
	height: 4px;
	background-color: #000;
	transform-origin: left;
	-webkit-animation: svelte-r3jxac-roundtime 10s linear forwards;
	animation: svelte-r3jxac-roundtime 10s linear forwards
}

.controls.svelte-hqacny {
	gap: 4px
}

@-webkit-keyframes svelte-1wsd19b-tune {
	0% {
		transform: rotate(3deg)
	}

	37% {
		transform: rotate(45deg)
	}

	50% {
		transform: rotate(-40deg)
	}

	65% {
		transform: rotate(15deg)
	}

	80% {
		transform: rotate(-45deg)
	}

	90% {
		transform: rotate(-55deg)
	}

	to {
		transform: rotate(3deg)
	}
}

@keyframes svelte-1wsd19b-tune {
	0% {
		transform: rotate(3deg)
	}

	37% {
		transform: rotate(45deg)
	}

	50% {
		transform: rotate(-40deg)
	}

	65% {
		transform: rotate(15deg)
	}

	80% {
		transform: rotate(-45deg)
	}

	90% {
		transform: rotate(-55deg)
	}

	to {
		transform: rotate(3deg)
	}
}

@-webkit-keyframes svelte-1wsd19b-tune-marker {
	0% {
		transform: translate(0)
	}

	37% {
		transform: translate(calc(.5 * var(--line-width)))
	}

	50% {
		transform: translate(calc(-.45 * var(--line-width)))
	}

	65% {
		transform: translate(calc(.2 * var(--line-width)))
	}

	80% {
		transform: translate(calc(-.45 * var(--line-width)))
	}

	90% {
		transform: translate(calc(-.55 * var(--line-width)))
	}

	to {
		transform: translate(0)
	}
}

@keyframes svelte-1wsd19b-tune-marker {
	0% {
		transform: translate(0)
	}

	37% {
		transform: translate(calc(.5 * var(--line-width)))
	}

	50% {
		transform: translate(calc(-.45 * var(--line-width)))
	}

	65% {
		transform: translate(calc(.2 * var(--line-width)))
	}

	80% {
		transform: translate(calc(-.45 * var(--line-width)))
	}

	90% {
		transform: translate(calc(-.55 * var(--line-width)))
	}

	to {
		transform: translate(0)
	}
}

.line.svelte-1wsd19b {
	--full-line-width: 300px;
	--line-width: calc(var(--full-line-width) / 2);
	margin-top: 24px;
	position: relative;
	height: 12px;
	background-color: #000;
	width: var(--full-line-width);
	background: repeating-linear-gradient(90deg,#000000,#000000 1px,#ffffff 2px,#ffffff 8px)
}

.station.svelte-1wsd19b {
	position: absolute;
	top: -4px;
	height: 16px;
	background-color: #000;
	width: 2px;
	left: 0
}

.station.b.svelte-1wsd19b {
	left: calc(25% + 5px)
}

.station.c.svelte-1wsd19b {
	left: calc(50% + 2px)
}

.station.d.svelte-1wsd19b {
	left: calc(75% + 7px)
}

.station.e.svelte-1wsd19b {
	left: calc(100% - 4px)
}

.marker.svelte-1wsd19b {
	position: absolute;
	top: -8px;
	height: 40px;
	width: 2px;
	left: 50%;
	background-color: #000;
	-webkit-animation-name: svelte-1wsd19b-tune-marker;
	animation-name: svelte-1wsd19b-tune-marker;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
	animation-duration: 5s
}

.dial.svelte-1wsd19b {
	position: relative;
	background-color: #fff;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	-webkit-animation-name: svelte-1wsd19b-tune;
	animation-name: svelte-1wsd19b-tune;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	border: 1px solid black;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23444444' stroke-width='7' stroke-dasharray='1%25%2c 2%25' stroke-dashoffset='86' stroke-linecap='butt'/%3e%3c/svg%3e")
}

.dot.svelte-1wsd19b {
	background-color: #000;
	display: none;
	width: 1px;
	height: 8px;
	left: 50%;
	transform: translate(-50%)
}

.main-wrapper.svelte-t7uqqm.svelte-t7uqqm {
	flex: 1;
	background-color: #000;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: end;
	position: relative
}

.main-content.svelte-t7uqqm.svelte-t7uqqm {
	width: 100%;
	height: 100%;
	align-items: flex-end;
	gap: 4px
}

.hi.svelte-t7uqqm span.svelte-t7uqqm {
	position: relative
}

.hi.svelte-t7uqqm span.svelte-t7uqqm:after {
	display: block;
	content: "";
	width: 104%;
	border-bottom: 1px solid black;
	height: 0;
	bottom: 18px;
	left: -2%;
	transition: transform .3s ease;
	transform: scaleX(0);
	position: absolute
}

.hi.svelte-t7uqqm span.svelte-t7uqqm:hover:after {
	transform: scaleX(1)
}

.hi.svelte-t7uqqm:focus span.svelte-t7uqqm:after,.hi.svelte-t7uqqm:active span.svelte-t7uqqm:after {
	transform: scaleX(1)
}