.section-home-hero.svelte-18nc8p0 {
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;

		width: 100%;
		height: 100dvh;
		background-color: var(--color-green);

		--color-text: var(--color-white);
		color: var(--color-text);
	}

	.media.svelte-18nc8p0 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.logo.svelte-18nc8p0 {
		position: absolute;
		top: 50%;
		left: 50%;
		width: clamp(var(--s300), 100%, 50vh);
		transform: translate(-50%, -50%);
		-webkit-mask-image: radial-gradient(
			circle,
			black var(--mask-radius),
			transparent var(--mask-radius)
		);
		mask-image: radial-gradient(
			circle,
			black 0%,
			black calc(var(--mask-radius) * 0.8),
			transparent var(--mask-radius)
		);
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: cover;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		-webkit-mask-size: cover;
	}

	.buttons.svelte-18nc8p0 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: var(--s32);

		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: var(--s4);
	}