.hero-section.svelte-1rvubuj {
		--font-display:
			'SF Pro Display', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		--font-body: 'SF Pro Text', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

		position: relative;
		width: 100%;
		min-height: 90vh;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 8rem 1.5rem 4rem;
		background: rgb(255, 255, 255);
		overflow: hidden;
	}

	@media (min-width: 768px) {
		.hero-section.svelte-1rvubuj {
			padding: 10rem 3.5rem 6rem;
		}
	}

	@media (min-width: 1024px) {
		.hero-section.svelte-1rvubuj {
			padding: 12rem 5rem 8rem;
		}
	}

	.dark .hero-section.svelte-1rvubuj {
		background: rgb(9, 9, 11);
	}

	/* Decorative backgrounds */
	.hero-bg-gradient.svelte-1rvubuj {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		background: linear-gradient(to left, rgb(250 250 250 / 0.8), transparent);
		pointer-events: none;
	}

	.dark .hero-bg-gradient.svelte-1rvubuj {
		background: linear-gradient(to left, rgb(24 24 27 / 0.3), transparent);
	}

	.hero-bg-blur.svelte-1rvubuj {
		position: absolute;
		top: -8rem;
		right: -8rem;
		width: 24rem;
		height: 24rem;
		background: rgb(34 197 94 / 0.1);
		border-radius: 50%;
		filter: blur(80px);
		pointer-events: none;
	}

	.dark .hero-bg-blur.svelte-1rvubuj {
		background: rgb(34 197 94 / 0.05);
	}

	.hero-content.svelte-1rvubuj {
		position: relative;
		z-index: 10;
		display: flex;
		flex-direction: column;
		max-width: 56rem;
	}

	/* Label */
	.hero-label.svelte-1rvubuj {
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: 2rem;
	}

	@media (min-width: 768px) {
		.hero-label.svelte-1rvubuj {
			margin-bottom: 2.5rem;
		}
	}

	.label-line.svelte-1rvubuj {
		width: 2rem;
		height: 1px;
		background: rgb(24 24 27);
	}

	@media (min-width: 768px) {
		.label-line.svelte-1rvubuj {
			width: 3rem;
		}
	}

	.dark .label-line.svelte-1rvubuj {
		background: rgb(250 250 250);
	}

	.label-text.svelte-1rvubuj {
		font-family: var(--font-body);
		font-size: 0.65rem;
		font-weight: 600;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: rgb(113, 113, 122);
	}

	@media (min-width: 768px) {
		.label-text.svelte-1rvubuj {
			font-size: 0.75rem;
		}
	}

	.dark .label-text.svelte-1rvubuj {
		color: rgb(161 161 170);
	}

	.label-dot.svelte-1rvubuj {
		width: 6px;
		height: 6px;
		background: rgb(34 197 94);
		border-radius: 50%;
		animation: svelte-1rvubuj-pulse 2s ease-in-out infinite;
	}

	@keyframes svelte-1rvubuj-pulse {
		0%,
		100% {
			opacity: 1;
			transform: scale(1);
		}
		50% {
			opacity: 0.5;
			transform: scale(0.8);
		}
	}

	/* Heading */
	.hero-heading.svelte-1rvubuj {
		margin-bottom: 2rem;
	}

	@media (min-width: 768px) {
		.hero-heading.svelte-1rvubuj {
			margin-bottom: 2.5rem;
		}
	}

	.hero-title.svelte-1rvubuj {
		font-family: var(--font-display);
		font-size: clamp(3.5rem, 12vw, 9rem);
		font-weight: 900;
		letter-spacing: -0.04em;
		line-height: 0.9;
		text-transform: uppercase;
		color: rgb(24 24 27);
		margin: 0;
	}

	.dark .hero-title.svelte-1rvubuj {
		color: rgb(250 250 250);
	}

	.title-accent.svelte-1rvubuj {
		color: rgb(161 161 170);
	}

	.dark .title-accent.svelte-1rvubuj {
		color: rgb(82 82 91);
	}

	/* Description */
	.hero-description.svelte-1rvubuj {
		font-family: var(--font-body);
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.8;
		color: rgb(113 113 122);
		max-width: 32ch;
		margin: 0 0 3rem;
	}

	@media (min-width: 768px) {
		.hero-description.svelte-1rvubuj {
			font-size: 1.125rem;
			margin-bottom: 3.5rem;
		}
	}

	.dark .hero-description.svelte-1rvubuj {
		color: rgb(161 161 170);
	}

	/* Email Link */
	.hero-email.svelte-1rvubuj {
		margin-bottom: 4rem;
	}

	@media (min-width: 768px) {
		.hero-email.svelte-1rvubuj {
			margin-bottom: 5rem;
		}
	}

	.email-link.svelte-1rvubuj {
		display: inline-flex;
		align-items: center;
		gap: 1rem;
		padding: 0.75rem 1.5rem;
		background: rgb(244, 244, 245);
		border-radius: 9999px;
		text-decoration: none;
		transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .email-link.svelte-1rvubuj {
		background: rgb(39, 39, 42);
	}

	.email-link.svelte-1rvubuj:hover {
		background: rgb(228, 228, 231);
		transform: translateY(-2px);
	}

	.dark .email-link.svelte-1rvubuj:hover {
		background: rgb(63, 63, 70);
	}

	.email-icon.svelte-1rvubuj {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2rem;
		height: 2rem;
		background: rgb(255, 255, 255);
		border-radius: 50%;
		color: rgb(24, 24, 27);
	}

	.dark .email-icon.svelte-1rvubuj {
		background: rgb(24, 24, 27);
		color: rgb(250, 250, 250);
	}

	.email-text.svelte-1rvubuj {
		font-family: var(--font-body);
		font-size: 0.875rem;
		font-weight: 600;
		color: rgb(24, 24, 27);
	}

	.dark .email-text.svelte-1rvubuj {
		color: rgb(250, 250, 250);
	}

	.email-arrow.svelte-1rvubuj {
		color: rgb(161, 161, 170);
		transition: transform 0.3s ease;
	}

	.email-link.svelte-1rvubuj:hover .email-arrow:where(.svelte-1rvubuj) {
		transform: translateX(4px);
		color: rgb(24, 24, 27);
	}

	.dark .email-link.svelte-1rvubuj:hover .email-arrow:where(.svelte-1rvubuj) {
		color: rgb(250, 250, 250);
	}

	/* Social Links */
	.hero-social.svelte-1rvubuj {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding-top: 2rem;
		border-top: 1px solid rgb(228 228 231 / 0.5);
	}

	.dark .hero-social.svelte-1rvubuj {
		border-top-color: rgb(63 63 70 / 0.5);
	}

	.social-label.svelte-1rvubuj {
		font-family: var(--font-body);
		font-size: 0.625rem;
		font-weight: 600;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: rgb(161, 161, 170);
	}

	.social-list.svelte-1rvubuj {
		display: flex;
		gap: 1rem;
	}

	.social-item.svelte-1rvubuj {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		border: 1px solid rgb(228 228 231);
		border-radius: 50%;
		color: rgb(113 113 122);
		transition: all 0.3s ease;
	}

	.dark .social-item.svelte-1rvubuj {
		border-color: rgb(63 63 70);
		color: rgb(161 161 170);
	}

	.social-item.svelte-1rvubuj:hover {
		background: rgb(24, 24, 27);
		border-color: rgb(24, 24, 27);
		color: rgb(255, 255, 255);
		transform: translateY(-2px);
	}

	.dark .social-item.svelte-1rvubuj:hover {
		background: rgb(250, 250, 250);
		border-color: rgb(250, 250, 250);
		color: rgb(24, 24, 27);
	}

	/* Add any specific non-Tailwind styles here if strictly necessary, but prefer Tailwind utility classes */
	.ease-out-expo.svelte-6fqot {
		transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
	}

	.contact-page.svelte-1xkbojm {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
	}