* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;

	transition: background-color 0.5s;

	color: #fff;
	background: var(--background);

	font-family: 'Hanken Grotesk', sans-serif;

	-webkit-font-smoothing: antialiased;
}

a,
a:hover,
a:visited {
	color: inherit;
}

.app {
	padding: 0 0 50vh 0;
}

.debug__framework {
	position: fixed;
	z-index: 9999;
	bottom: 0;
	/* width: 100%; */

	height: 60px;
	padding: 0 30px;

	background: #eee;

	line-height: 60px;
}

.debug__mock {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	pointer-events: none;

	opacity: 0.5;
	background-image: url('./mocks/mock.png');
	background-repeat: no-repeat;
	background-position: center top;
}

/* Logo */

.overlay {
	position: fixed;
	z-index: 7777;
	top: 0;
	right: 0;
	left: 0;

	width: 100%;
	max-width: 1368px;
	height: 100%;
	margin: auto;

	pointer-events: none;
}

.down__arrow {
	position: absolute;
	z-index: 9999;
	right: 30px;
	bottom: 60px;

	width: 30px;
	height: 90px;

	background-image: url('./client/images/down_arrow.svg');
	background-repeat: no-repeat;
	background-position: center;
}

/* Navigation */

header {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	left: 0;

	width: 100%;
}

.header__content {
	display: flex;
	justify-content: center;

	width: 100%;
	max-width: 1368px;
	margin: auto;
	padding: 0 24px 0 24px;

	color: var(--primary-color-tint);
}

.navigation {
	display: flex;

	margin: 48px 0 0 0;
}

.navigation__logo {
	/* position: absolute; */
	background-repeat: no-repeat;
	background-position: center;
}

a.navigation__link {
	display: block;

	height: 36px;
	padding: 0 18px;

	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	letter-spacing: 0.075em;
	text-transform: uppercase;

	color: rgba(151, 151, 151, 0.5);

	font-size: 16px;
	font-weight: 900;
	line-height: 36px;
}

.navigation__link.selected {
	color: var(--primary-color);
}

/*

.toggle {
	display: flex;

	margin: 0;
	padding: 0;

	color: inherit;
	border: 0;
	background: none;

	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.toggle__control {
	position: relative;

	width: 36px;
	height: 18px;
	margin: 9px 6px;

	border-radius: 18px;
	background: #eee;
}

.toggle__control::after {
	position: absolute;
	top: 1px;
	left: 1px;

	width: 16px;
	height: 16px;

	content: '';
	transition: left 0.25s;

	border-radius: 16px;
	background: var(--body-color-tint);
}

.toggle.selected .toggle__control::after {
	left: 19px;

	background: var(--primary-color);
}

.toggle__label {
	white-space: nowrap;
	text-transform: uppercase;

	font-weight: 900;
}

.toggle.selected .toggle__label {
	color: var(--primary-color);
}

.controls {
	height: 36px;
	margin: 48px 0 0 0;

	line-height: 36px;
}

*/

/*  */

.sections {
	pointer-events: none;
}

.scenes {
	/* margin: 0 0 100vh 0; */
}

.scene {
	position: relative;
}

.section:not(:last-child) .scene:not(:last-child) {
	margin: 0 0 50vh 0;
}

.scene.active {
}

.section__spacer {
	position: sticky;
	z-index: 6666;
	top: 0;
	bottom: auto;
	left: 0;

	height: 90px;

	/* background: #fff; */
}

.section__title {
	position: relative;
	z-index: 999;
}

.section__heros {
	position: sticky;
	z-index: 0;
	top: 0;
	bottom: auto;
	left: 0;

	height: 100vh;
}

.scene__hero {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	display: flex;
	flex-direction: column;
	justify-content: center;

	width: 100%;
	height: 100vh;

	transition: opacity 0.5s;
	transform: translate3d(0, 0, 0);

	opacity: 1;
}

.scene__hero.active {
	pointer-events: all;

	opacity: 1;
}

.scene__hero.inactive {
	opacity: 0;
}

/* Revert to this if needed */

/*

.scene__hero {
	position: sticky;
	z-index: 0;
	top: 0;
	bottom: auto;
	left: 0;

	display: flex;
	flex-direction: column;
	justify-content: center;

	width: 100%;
	height: 100vh;
	padding: 120px;

	transform: translate3d(0, 0, 0);
}

*/

.scene__hero__graphic {
	position: relative;

	width: 100%;
	height: 100%;

	/* background: var(--primary-tint); */
}

.scene__hero__graphic iframe {
	margin: 0;
	padding: 0;
}

.scene__hero__image {
	width: 100%;
	height: 100%;

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.scene__hero__observable {
	width: 100%;
	height: 100%;
}

.scene__hero__placeholder {
	width: 100%;
	height: 100%;

	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.scene__steps {
	position: relative;

	margin: auto;
	padding: 25vh 0 120px 0;
}

.scene__step {
	position: relative;
	/* transition: opacity 0.5s; */

	transform: translate3d(0, 0, 0);

	opacity: 1;
}

.scene__step__content {
	margin: auto;
}

.scene__step.active {
}

.scene__step.unseen {
	/* opacity: 0.2; */
}

/*  

.modal {
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;

	max-width: 872px;
	padding: 48px 72px;

	transform: translate(-50%, -50%);

	background: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);

	font-size: 28px;
	line-height: 40px;
}

.modal p em {
	font-weight: 700;
	font-style: normal;
}

.modal button {
	display: block;

	height: 60px;
	margin: 0;
	margin: auto;
	padding: 0 60px;

	text-align: center;
	letter-spacing: 0.075em;
	text-transform: uppercase;

	color: #fff;
	border: 0;
	outline: 0;
	background: var(--primary-color);

	font-size: 21px;
	font-weight: 700;
	line-height: 60px;
}

*/
.cover {
	position: relative;
	z-index: 8888;

	overflow: hidden;
}

.cover.intro::after {
	position: absolute;
	z-index: 9999;
	bottom: 60px;
	left: 50%;

	width: 90px;
	height: 90px;

	content: '';
	transform: translate(-50%, 0);
}

.cover.outro::after {
	position: absolute;
	z-index: 9999;
	bottom: 60px;
	left: 50%;

	width: 90px;
	height: 90px;

	content: '';
	transform: translate(-50%, 0) rotate(180deg);
}

.cover .section__spacer {
	display: none;
}

.cover .section__title {
	height: 100vh;

	color: #fff;
	background-color: #000;
}

.cover .section__title__headline {
	max-width: 1320px;
	margin: 0 auto;

	font-size: 56px;
	font-weight: 900;
}

.cover {
}

/*  */

.scene {
	/* padding: 0 0 150vh 0; */
}

.section__title {
	display: flex;
	flex-direction: column;
	justify-content: center;

	width: 100%;
	max-width: 720px;
	height: calc(100vh - 90px);
	margin: auto;
	padding: 0 24px;

	text-align: left;
}

.section__title__section {
	margin: 0 0 12px 0;

	letter-spacing: 0.075em;
	text-transform: uppercase;

	color: var(--primary-color);

	font-size: 18px;
	font-weight: 900;
	line-height: 21px;
}

.section__title__headline {
	position: relative;

	width: 100%;
	max-width: 620px;
	margin: 0 0 60px 0;

	letter-spacing: -0.04em;

	font-size: 100px;
	font-weight: 600;
	line-height: 1;
}

.section__title__headline::after {
	position: absolute;
	bottom: -24px;
	left: 0;

	width: 20%;
	height: 8px;

	content: '';

	background-color: var(--secondary);
}

.section__title__subheadline {
	margin: 0;

	font-family: 'Lora';
	font-size: 28px;
	font-weight: 400;
	font-style: italic;
	line-height: 40px;
}

/*  */

.scene__step__content {
	display: flex;
	flex-direction: column;
	justify-content: center;

	width: 100%;
	max-width: 640px;
	margin: 0 auto 150vh auto;
	padding: 48px 40px 40px 40px;

	border-radius: 8px;
	background: rgba(23, 56, 75, 0.75);
}

.scene__step__content h2 {
	position: relative;

	margin: 0 0 48px 0;

	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
}

.scene__step__content h2::after {
	position: absolute;
	bottom: -24px;
	left: 0;

	width: 20%;
	height: 8px;

	content: '';

	background-color: var(--secondary);
}

.scene__step__content p {
	margin: 0;

	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
}

.scene__step__content p em {
	color: var(--secondary);

	font-weight: 900;
	font-style: normal;
}

.scene__step__content p:not(:last-child) {
	margin: 0 0 24px 0;
}

@media screen and (max-width: 720px) {
	.scene__step__content h2 {
		font-size: 28px;
	}

	.scene__step__content p {
		font-size: 16px;
	}
}
.scene__hero {
}

.scene__hero__graphic {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;
	margin: auto;
}

.navigation__logo {
	width: 96px;
	height: 60px;

	margin: 30px 0 0 0;

	background-size: 90px;
}


.figure__header {
	position: absolute;

	width: 100%;
	padding: 60px 0;
}

.figure h2 {
	max-width: 1280px;
	margin: auto;
	padding: 60px;

	text-align: center;

	font-size: 36px;
	line-height: 1;
}

.figure__label {
	font-size: 20px;
	font-weight: 900;
}

.figure__text {
	max-width: 240px;
	height: 300px;
	min-height: 120px;

	text-align: center;

	font-family: 'Lora';
	font-style: italic;
}

@media screen and (max-width: 720px) {
	.figure h2 {
		padding: 24px 24px;
	}
}
@font-face {
	font-family: 'Hanken Grotesk';
	font-weight: 400;

	src: url('./client/fonts/HankenGrotesk-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Hanken Grotesk';
	font-weight: 500;

	src: url('./client/fonts/HankenGrotesk-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Hanken Grotesk';
	font-weight: 600;

	src: url('./client/fonts/HankenGrotesk-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Hanken Grotesk';
	font-weight: 900;

	src: url('./client/fonts/HankenGrotesk-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'Lora';
	font-weight: 400;
	font-style: italic;

	src: url('./client/fonts/Lora-Italic.ttf') format('truetype');
}
@media screen and (max-width: 720px) {
	header {
		background-color: var(--teal-800);
	}

	.scene__hero__image:not(.scene__hero__image--full) {
		background-size: contain;
	}

	.scene__step__content h2 {
		font-size: 30px;
	}

	.scene__step__content p {
		font-size: 20px;
	}
}
:root {
	--background: rgba(0, 59, 99, 1);

	--teal-600: rgba(23, 56, 75, 1);
	--teal-800: rgba(15, 43, 60, 1);

	--gray-100: rgba(184, 184, 184, 1);
	--gray-200: rgba(144, 144, 144, 1);

	--primary: #40d1f1;
	--secondary: #45cfcc;

	--methane: rgba(255, 131, 58, 1);

	--body-font: sans-serif;
}
nav.svelte-1coyvl4{position:fixed;z-index:9999;top:25%;bottom:25%;left:24px;display:flex;flex-direction:column;justify-content:center}.nav__scene.svelte-1coyvl4{width:10px;height:10px;margin:0 0 8px 0;cursor:pointer;transition:background 0.2s;border:1px solid #fff;border-radius:12px}.nav__scene.selected.svelte-1coyvl4{background:#fff}@media screen and (max-width: 960px){nav.svelte-1coyvl4{display:none}}.figure.svelte-p6y1xs.svelte-p6y1xs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.figure__bubbles.svelte-p6y1xs.svelte-p6y1xs{position:absolute;overflow:hidden;width:100%;height:100%}.illustrations.svelte-p6y1xs.svelte-p6y1xs{display:flex;align-items:center;height:100%;padding:0 60px}.illustration.svelte-p6y1xs.svelte-p6y1xs{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;width:100%;height:240px;padding:0 12px}.illustration.svelte-p6y1xs img.svelte-p6y1xs{width:100%;max-width:240px;margin:0 0 24px 0;object-fit:contain}@media screen and (max-width: 720px){.illustrations.svelte-p6y1xs.svelte-p6y1xs{padding:0 24px}}.figure.svelte-1flahg5.svelte-1flahg5{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.figure__bubbles.svelte-1flahg5.svelte-1flahg5{position:absolute;overflow:hidden;width:100%;height:100%}.illustrations.svelte-1flahg5.svelte-1flahg5{display:flex;align-items:center;justify-content:center;height:100%;padding:180px 60px 0 60px}.illustration.svelte-1flahg5.svelte-1flahg5{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;width:calc(100% / 3);height:240px;padding:0 12px}.illustration.svelte-1flahg5 img.svelte-1flahg5{width:100%;max-width:240px;margin:0 0 24px 0;object-fit:contain}@media screen and (max-width: 720px){.illustrations.svelte-1flahg5.svelte-1flahg5{padding:40vh 24px 0 24px}.illustration.svelte-1flahg5.svelte-1flahg5{width:50%}}.figure.svelte-s4frfg.svelte-s4frfg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none}.illustrations.svelte-s4frfg.svelte-s4frfg{display:flex;justify-content:center;width:100%;padding:0 60px}.illustration.svelte-s4frfg.svelte-s4frfg{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding:0 12px}.illustration.svelte-s4frfg svg.svelte-s4frfg{margin:0 0 24px 0}@media screen and (max-width: 720px){.illustrations.svelte-s4frfg.svelte-s4frfg{padding:0 24px}.illustration.svelte-s4frfg.svelte-s4frfg{width:50%}.figure__label.svelte-s4frfg.svelte-s4frfg{min-height:60px}}.figure.svelte-1d2v6xg.svelte-1d2v6xg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.illustrations.svelte-1d2v6xg.svelte-1d2v6xg{display:flex;align-items:center;justify-content:center;height:100%;padding:0 60px}.illustration.svelte-1d2v6xg.svelte-1d2v6xg{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding:0 12px}.illustration.svelte-1d2v6xg img.svelte-1d2v6xg{width:100%;max-width:240px;margin:0 0 24px 0;object-fit:contain}@media screen and (max-width: 720px){.illustrations.svelte-1d2v6xg.svelte-1d2v6xg{padding:0 24px}.illustration.svelte-1d2v6xg.svelte-1d2v6xg{width:50%}}.figure.svelte-on63h5{position:absolute;top:0;right:0;bottom:0;left:0}.figure__bubbles.svelte-on63h5{position:absolute;overflow:hidden;width:100%;height:100%}.cover.svelte-hxk896{position:absolute;top:0;left:0;right:0;bottom:0}.chart.svelte-178jct.svelte-178jct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:hidden;overflow-y:auto;flex-direction:column;justify-content:center;max-width:1280px;margin:auto;padding:0 60px;font-size:18px}.chart.svelte-178jct h2.svelte-178jct{text-align:center;font-size:36px;line-height:1}.chart__divider.svelte-178jct.svelte-178jct{position:absolute;z-index:999;top:0;left:calc(320px + (100% - 320px) * 0.5 - 8px);height:100%;border-right:2px dotted #fff}.chart__section.svelte-178jct.svelte-178jct{margin:0;padding:16px 0;letter-spacing:0.05em;text-transform:uppercase;color:rgba(144, 144, 144, 1);font-size:0.8em;font-weight:600}.row--header.svelte-178jct.svelte-178jct{letter-spacing:0.05em;text-transform:uppercase;color:rgba(144, 144, 144, 1);font-size:0.65em;font-weight:600}.row__chart__headers.svelte-178jct.svelte-178jct{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px}.row__chart__header.svelte-178jct.svelte-178jct{position:absolute;width:120px;padding:0 4px;text-align:center;letter-spacing:0.05em;text-transform:uppercase}.row.svelte-178jct.svelte-178jct{display:flex;align-items:center;padding:0 16px 0 0}.row--estimates.svelte-178jct.svelte-178jct{margin:0 0 1.5rem 0;display:flex;align-items:center}.row--estimates.svelte-178jct.svelte-178jct:first-child{border-top:1px solid rgba(255, 255, 255, 0.2);padding-top:.5rem}.row--estimates.svelte-178jct.svelte-178jct:last-child{border-bottom:1px solid rgba(255, 255, 255, 0.2);padding-bottom:.5rem}.row--study.svelte-178jct.svelte-178jct{margin:0 0 18px 0}.row--study.svelte-178jct .row__label.svelte-178jct{cursor:pointer}.row__chart.svelte-178jct.svelte-178jct{position:relative}.row__info.svelte-178jct.svelte-178jct{display:flex;align-items:center}.row__label.svelte-178jct.svelte-178jct{flex-grow:0;flex-shrink:0;width:200px;padding:0 12px 0 0;font-weight:700}.row__leakage.svelte-178jct.svelte-178jct{flex-grow:0;flex-shrink:0;width:120px}.row__chart.svelte-178jct.svelte-178jct{position:relative;width:100%;height:24px;padding:0 6px;border-radius:8px;background:rgba(23, 56, 75, 1)}.row__chart__bar.svelte-178jct.svelte-178jct{position:absolute;height:100%;border-radius:0 6px 6px 0;background:var(--methane)}.row--negative.svelte-178jct .row__chart__bar.svelte-178jct{border-radius:6px 0 0 6px;background-color:var(--secondary);transform:translate3d(-100%, 0, 0);background:rgba(64, 209, 241, 1)}.row__chart__bar__label.svelte-178jct.svelte-178jct{position:absolute;display:flex;align-items:center;height:100%;padding:0 6px;color:#fff;font-size:0.8em}.row--positive.svelte-178jct .row__chart__bar__label.svelte-178jct{transform:translate3d(-100%, 0, 0);justify-content:flex-end}.row--positive.svelte-178jct .row__chart__bar.svelte-178jct{transform:translate3d(100%, 0, 0)}.row--negative.svelte-178jct .row__chart__bar__label.svelte-178jct{transform:translate3d(-100%, 0, 0);justify-content:flex-start}.hidden.svelte-178jct.svelte-178jct{visibility:hidden}@media screen and (max-width: 720px){.chart.svelte-178jct.svelte-178jct{padding:24px}.chart__divider.svelte-178jct.svelte-178jct{left:calc(200px + (100% - 200px) * 0.5 - 8px)}.row__info.svelte-178jct.svelte-178jct{font-size:0.8em}.row__label.svelte-178jct.svelte-178jct{width:120px}.row__leakage.svelte-178jct.svelte-178jct{width:80px}.row--study.svelte-178jct.svelte-178jct{margin:0 0 12px 0}.row__chart__bar__label.svelte-178jct.svelte-178jct{font-size:0.6em}.row__chart.svelte-178jct.svelte-178jct{height:8px}.row__chart__header--hide-on-mobile.svelte-178jct.svelte-178jct{display:none}.row--positive.svelte-178jct .row__chart__bar__label.svelte-178jct{right:0;transform:translate3d(100%, 0, 0);justify-content:flex-end}.row--negative.svelte-178jct .row__chart__bar__label.svelte-178jct{transform:translate3d(-100%, 0, 0);left:0;justify-content:flex-start}}.debug.svelte-9e8hye{color:#333}.footer__content.svelte-1tmu9y3.svelte-1tmu9y3{max-width:960px;margin:120px auto}.footer__content.svelte-1tmu9y3 section.svelte-1tmu9y3{margin:0 24px 60px 24px}.links.svelte-1tmu9y3.svelte-1tmu9y3{display:flex;justify-content:space-between;padding:24px 24px 36px 24px;border-top:1px solid var(--secondary)}.links__logo.svelte-1tmu9y3 img.svelte-1tmu9y3{max-width:375px}.links.svelte-1tmu9y3 a.svelte-1tmu9y3{margin:0 4px;font-weight:600}.section__title.svelte-1r44v3t.svelte-1r44v3t{justify-content:space-between}.scroll-for-more.svelte-1r44v3t.svelte-1r44v3t{display:flex;align-items:center;letter-spacing:0.05em;text-transform:uppercase;color:var(--gray-200)}.inline-icon.svelte-1r44v3t.svelte-1r44v3t{display:inline-block;margin:0 8px 0 0;width:18px;height:18px}@media screen and (max-width: 720px){.section__title.svelte-1r44v3t h1.svelte-1r44v3t{max-width:300px;font-size:48px}.section__title.svelte-1r44v3t h2.svelte-1r44v3t{max-width:300px;font-size:16px;line-height:1.5}}.header.svelte-9vpxp.svelte-9vpxp{position:fixed;z-index:9999;top:-12px;right:0;left:0;display:flex;align-items:center;justify-content:space-between;height:72px;padding:12px 24px 0 24px}.header__logo.svelte-9vpxp.svelte-9vpxp{text-transform:uppercase}.menus.svelte-9vpxp.svelte-9vpxp{display:flex}.menu.svelte-9vpxp.svelte-9vpxp{position:relative;cursor:pointer;width:36px;height:36px;margin:0 6px;border-radius:18px}.menu__items.svelte-9vpxp.svelte-9vpxp{position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;width:240px;border-radius:8px;background:var(--teal-600);font-size:18px;font-weight:500}.menu__items--closed.svelte-9vpxp.svelte-9vpxp{display:none}.menu__items--opened.svelte-9vpxp.svelte-9vpxp{display:block}.menu__items.svelte-9vpxp>.svelte-9vpxp{display:flex;align-items:center;height:48px;padding:6px 12px;text-decoration:none}.menu__items.svelte-9vpxp>.svelte-9vpxp:not(:last-child){border-bottom:1px solid rgba(255, 255, 255, 0.2)}.menu__item.svelte-9vpxp.svelte-9vpxp{display:flex;align-items:center;cursor:pointer;transition:background 0.5s}@media(hover: hover){.menu.svelte-9vpxp.svelte-9vpxp:hover{background:rgba(255, 255, 255, 0.2)}.menu__item.svelte-9vpxp.svelte-9vpxp:hover{background:var(--secondary)}}.question.svelte-1906rzx{display:flex;justify-content:space-between;padding:24px 0;cursor:pointer;user-select:none;color:var(--secondary);border-bottom:1px solid rgba(255, 255, 255, 0.2);font-size:20px;font-weight:900;line-height:1.2}.question__icon.svelte-1906rzx{flex-grow:0;flex-shrink:0;width:24px;height:24px;margin:0 0 0 8px}.answer.svelte-1906rzx{padding:12px 12px 0;transition:height 0.5s;font-size:20px;font-weight:400}.answer.closed.svelte-1906rzx{display:none}.answer figure{position:relative;margin:0;padding:16px 0;border-top:1px solid rgba(255, 255, 255, 0.2)}.answer h2{margin:0 0 16px 0;font-size:24px}.answer figure .caption{font-family:'Lora';font-size:14px;line-height:1.5}.answer figure .caption p{margin:0}.answer figure img{width:100%}@media screen and (max-width: 720px){.answer.svelte-1906rzx{padding:24px 0}}.comparison__chart.svelte-qiwqp8{overflow:hidden;color:#fff;border-radius:8px;font-size:0.8em}.row.svelte-qiwqp8{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;letter-spacing:0.05em;text-transform:uppercase;font-size:18px;font-weight:700}.row.svelte-qiwqp8:not(:last-child){border-bottom:1px solid #fff}@media screen and (max-width: 720px){.row.svelte-qiwqp8{height:auto;padding:16px 16px;font-size:12px}}.scene__hero__key.svelte-8fdyoy,.scene__hero__source.svelte-8fdyoy{position:absolute;font-family:'Lora', sans-serif;font-style:italic}.scene__hero__key.svelte-8fdyoy{right:24px;bottom:60px}.scene__hero__source.svelte-8fdyoy{bottom:24px;left:24px}.menu.svelte-1mj68yw.svelte-1mj68yw{position:relative;width:36px;height:36px;border-radius:18px;background:var(--primary)}.menu__items.svelte-1mj68yw.svelte-1mj68yw{position:absolute;top:100%;right:0;width:240px;border-radius:8px;background:var(--teal-600)}.menu__items--closed.svelte-1mj68yw.svelte-1mj68yw{display:none}.menu__items--opened.svelte-1mj68yw.svelte-1mj68yw{display:block}.menu__items.svelte-1mj68yw a.svelte-1mj68yw{display:flex;align-items:center;text-decoration:none;height:48px;padding:6px 12px}.menu__items.svelte-1mj68yw a.svelte-1mj68yw:not(:last-child){border-bottom:1px solid #fff}