.labs-hero.svelte-1tkh7h7 {
		--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;

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

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

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

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

	/* Decorative backgrounds */
	.hero-bg-gradient.svelte-1tkh7h7 {
		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-1tkh7h7 {
		background: linear-gradient(to left, rgb(24 24 27 / 0.3), transparent);
	}

	.hero-bg-blur.svelte-1tkh7h7 {
		position: absolute;
		top: -8rem;
		right: -8rem;
		width: 24rem;
		height: 24rem;
		background: rgb(244 244 245 / 0.6);
		border-radius: 50%;
		filter: blur(80px);
		pointer-events: none;
	}

	.dark .hero-bg-blur.svelte-1tkh7h7 {
		background: rgb(39 39 42 / 0.4);
	}

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

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

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

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

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

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

	.label-text.svelte-1tkh7h7 {
		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-1tkh7h7 {
			font-size: 0.75rem;
		}
	}

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

	.label-dot.svelte-1tkh7h7 {
		width: 6px;
		height: 6px;
		background: rgb(168 85 247);
		border-radius: 50%;
		animation: svelte-1tkh7h7-pulse 2s ease-in-out infinite;
	}

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

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

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

	.hero-title.svelte-1tkh7h7 {
		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-1tkh7h7 {
		color: rgb(250 250 250);
	}

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

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

	/* Description */
	.hero-description.svelte-1tkh7h7 {
		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-1tkh7h7 {
			font-size: 1.125rem;
			margin-bottom: 3.5rem;
		}
	}

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

	/* Links */
	.hero-links.svelte-1tkh7h7 {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		margin-bottom: 4rem;
	}

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

	.link-primary.svelte-1tkh7h7 {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 1rem 2.5rem;
		background: rgb(24 24 27);
		color: rgb(250 250 250);
		border-radius: 9999px;
		font-family: var(--font-body);
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-decoration: none;
		overflow: hidden;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .link-primary.svelte-1tkh7h7 {
		background: rgb(250 250 250);
		color: rgb(24 24 27);
	}

	.link-primary.svelte-1tkh7h7:hover {
		transform: scale(1.02);
	}

	.link-primary.svelte-1tkh7h7:active {
		transform: scale(0.98);
	}

	.link-primary.svelte-1tkh7h7 span:where(.svelte-1tkh7h7) {
		position: relative;
		z-index: 10;
	}

	.link-bg.svelte-1tkh7h7 {
		position: absolute;
		inset: 0;
		background: rgb(63 63 70);
		transform: translateY(100%);
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .link-bg.svelte-1tkh7h7 {
		background: rgb(228 228 231);
	}

	.link-primary.svelte-1tkh7h7:hover .link-bg:where(.svelte-1tkh7h7) {
		transform: translateY(0);
	}

	.link-secondary.svelte-1tkh7h7 {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 1rem 2rem;
		background: transparent;
		border: 1px solid rgb(228 228 231);
		color: rgb(24 24 27);
		border-radius: 9999px;
		font-family: var(--font-body);
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-decoration: none;
		transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .link-secondary.svelte-1tkh7h7 {
		border-color: rgb(63 63 70);
		color: rgb(250 250 250);
	}

	.link-secondary.svelte-1tkh7h7:hover {
		border-color: rgb(24 24 27);
		transform: scale(1.02);
	}

	.dark .link-secondary.svelte-1tkh7h7:hover {
		border-color: rgb(250 250 250);
	}

	.link-secondary.svelte-1tkh7h7 .link-icon {
		width: 1rem;
		height: 1rem;
		transition: transform 0.3s ease;
	}

	.link-secondary.svelte-1tkh7h7:hover .link-icon {
		transform: translate(2px, -2px);
	}

	/* Stats */
	.hero-stats.svelte-1tkh7h7 {
		display: flex;
		align-items: center;
		gap: 1.5rem;
		padding-top: 2rem;
		border-top: 1px solid rgb(228 228 231 / 0.5);
	}

	@media (min-width: 768px) {
		.hero-stats.svelte-1tkh7h7 {
			gap: 2.5rem;
		}
	}

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

	.stat-item.svelte-1tkh7h7 {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
	}

	.stat-number.svelte-1tkh7h7 {
		font-family: var(--font-display);
		font-size: 1.25rem;
		font-weight: 800;
		letter-spacing: -0.02em;
		color: rgb(24 24 27);
	}

	@media (min-width: 768px) {
		.stat-number.svelte-1tkh7h7 {
			font-size: 1.5rem;
		}
	}

	.dark .stat-number.svelte-1tkh7h7 {
		color: rgb(250 250 250);
	}

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

	@media (min-width: 768px) {
		.stat-label.svelte-1tkh7h7 {
			font-size: 0.6875rem;
		}
	}

	.stat-divider.svelte-1tkh7h7 {
		width: 1px;
		height: 2rem;
		background: rgb(228 228 231 / 0.5);
	}

	.dark .stat-divider.svelte-1tkh7h7 {
		background: rgb(63 63 70 / 0.5);
	}

	.labs-list.svelte-2oc08v {
		--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;
		--font-mono: 'SF Mono', 'Fira Code', ui-monospace, monospace;

		width: 100%;
		padding: 4rem 1.5rem 6rem;
		background: rgb(250 250 250);
	}

	@media (min-width: 768px) {
		.labs-list.svelte-2oc08v {
			padding: 6rem 3.5rem 8rem;
		}
	}

	@media (min-width: 1024px) {
		.labs-list.svelte-2oc08v {
			padding: 8rem 5rem 10rem;
		}
	}

	.dark .labs-list.svelte-2oc08v {
		background: rgb(12 12 14);
	}

	/* Section Header */
	.section-header.svelte-2oc08v {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		max-width: 80rem;
		margin: 0 auto 4rem;
		padding-bottom: 2.5rem;
		border-bottom: 1px solid rgb(228 228 231 / 0.5);
	}

	@media (min-width: 768px) {
		.section-header.svelte-2oc08v {
			flex-direction: row;
			justify-content: space-between;
			align-items: flex-end;
			margin-bottom: 5rem;
		}
	}

	.dark .section-header.svelte-2oc08v {
		border-bottom-color: rgb(39 39 42 / 0.5);
	}

	.header-content.svelte-2oc08v {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.header-label.svelte-2oc08v {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

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

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

	.dark .label-line.svelte-2oc08v {
		background: rgb(250 250 250);
	}

	.label-text.svelte-2oc08v {
		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-2oc08v {
			font-size: 0.75rem;
		}
	}

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

	.header-title.svelte-2oc08v {
		font-family: var(--font-display);
		font-size: clamp(2.5rem, 6vw, 4.5rem);
		font-weight: 900;
		letter-spacing: -0.03em;
		line-height: 0.95;
		text-transform: uppercase;
		color: rgb(24 24 27);
		margin: 0;
	}

	.dark .header-title.svelte-2oc08v {
		color: rgb(250 250 250);
	}

	.title-accent.svelte-2oc08v {
		color: rgb(161 161 170);
	}

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

	.header-description.svelte-2oc08v {
		font-family: var(--font-body);
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.7;
		color: rgb(113 113 122);
		max-width: 28ch;
		margin: 0;
		text-align: left;
	}

	@media (min-width: 768px) {
		.header-description.svelte-2oc08v {
			font-size: 0.9375rem;
			text-align: right;
			max-width: 32ch;
		}
	}

	.dark .header-description.svelte-2oc08v {
		color: rgb(161 161 170);
	}

	/* Labs Grid */
	.labs-grid.svelte-2oc08v {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.5rem;
		max-width: 80rem;
		margin: 0 auto;
	}

	@media (min-width: 640px) {
		.labs-grid.svelte-2oc08v {
			grid-template-columns: repeat(2, 1fr);
			gap: 2rem;
		}
	}

	@media (min-width: 1024px) {
		.labs-grid.svelte-2oc08v {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	/* Lab Card */
	.lab-card.svelte-2oc08v {
		position: relative;
		display: flex;
		flex-direction: column;
		background: rgb(255 255 255);
		border-radius: 1.5rem;
		overflow: hidden;
		cursor: pointer;
		text-decoration: none;
		transition:
			transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
			box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .lab-card.svelte-2oc08v {
		background: rgb(24 24 27);
	}

	.lab-card.svelte-2oc08v:hover {
		transform: translateY(-8px);
		box-shadow:
			0 25px 50px -12px rgb(0 0 0 / 0.1),
			0 12px 24px -8px rgb(0 0 0 / 0.05);
	}

	.dark .lab-card.svelte-2oc08v:hover {
		box-shadow:
			0 25px 50px -12px rgb(0 0 0 / 0.5),
			0 12px 24px -8px rgb(0 0 0 / 0.3);
	}

	/* Card Border Effect */
	.card-border.svelte-2oc08v {
		position: absolute;
		inset: 0;
		border: 1px solid rgb(228 228 231 / 0.6);
		border-radius: 1.5rem;
		pointer-events: none;
		transition: border-color 0.4s ease;
	}

	.dark .card-border.svelte-2oc08v {
		border-color: rgb(39 39 42 / 0.6);
	}

	.lab-card.svelte-2oc08v:hover .card-border:where(.svelte-2oc08v) {
		border-color: rgb(24 24 27 / 0.2);
	}

	.dark .lab-card.svelte-2oc08v:hover .card-border:where(.svelte-2oc08v) {
		border-color: rgb(82 82 91);
	}

	/* Card Image */
	.card-image.svelte-2oc08v {
		position: relative;
		width: 100%;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		background: rgb(244 244 245);
	}

	.dark .card-image.svelte-2oc08v {
		background: rgb(39 39 42);
	}

	.image-skeleton.svelte-2oc08v {
		position: absolute;
		inset: 0;
		background: rgb(244 244 245);
		z-index: 2;
		overflow: hidden;
	}

	.dark .image-skeleton.svelte-2oc08v {
		background: rgb(39 39 42);
	}

	.skeleton-shimmer.svelte-2oc08v {
		position: absolute;
		inset: 0;
		background: linear-gradient(
			90deg,
			transparent 0%,
			rgb(255 255 255 / 0.4) 50%,
			transparent 100%
		);
		animation: svelte-2oc08v-shimmer 1.5s ease-in-out infinite;
	}

	.dark .skeleton-shimmer.svelte-2oc08v {
		background: linear-gradient(
			90deg,
			transparent 0%,
			rgb(255 255 255 / 0.06) 50%,
			transparent 100%
		);
	}

	@keyframes svelte-2oc08v-shimmer {
		0% {
			transform: translateX(-100%);
		}
		100% {
			transform: translateX(100%);
		}
	}

	.card-image.svelte-2oc08v img:where(.svelte-2oc08v) {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0;
		transform: scale(1.02);
		transition:
			opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
			transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.card-image.svelte-2oc08v img.loaded:where(.svelte-2oc08v) {
		opacity: 1;
		transform: scale(1);
	}

	.lab-card.svelte-2oc08v:hover .card-image:where(.svelte-2oc08v) img:where(.svelte-2oc08v) {
		transform: scale(1.05);
	}

	.image-overlay.svelte-2oc08v {
		position: absolute;
		inset: 0;
		background: linear-gradient(to top, rgb(0 0 0 / 0.1), transparent 50%);
		opacity: 0;
		transition: opacity 0.4s ease;
	}

	.lab-card.svelte-2oc08v:hover .image-overlay:where(.svelte-2oc08v) {
		opacity: 1;
	}

	.status-badge.svelte-2oc08v {
		position: absolute;
		top: 1rem;
		right: 1rem;
		padding: 0.35rem 0.75rem;
		background: rgb(24 24 27 / 0.8);
		backdrop-filter: blur(8px);
		border-radius: 9999px;
		color: white;
		font-family: var(--font-body);
		font-size: 0.625rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		z-index: 10;
		border: 1px solid rgb(255 255 255 / 0.1);
	}

	.dark .status-badge.svelte-2oc08v {
		background: rgb(250 250 250 / 0.9);
		color: rgb(24 24 27);
		border-color: transparent;
	}

	/* Card Content */
	.card-content.svelte-2oc08v {
		padding: 1.25rem 1.5rem;
	}

	@media (min-width: 768px) {
		.card-content.svelte-2oc08v {
			padding: 1.5rem 2rem;
		}
	}

	.card-header.svelte-2oc08v {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
	}

	.card-meta.svelte-2oc08v {
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}

	.meta-series.svelte-2oc08v {
		font-family: var(--font-display);
		font-size: 0.8125rem;
		font-weight: 800;
		color: rgb(24 24 27);
	}

	@media (min-width: 768px) {
		.meta-series.svelte-2oc08v {
			font-size: 0.875rem;
		}
	}

	.dark .meta-series.svelte-2oc08v {
		color: rgb(250 250 250);
	}

	.meta-dot.svelte-2oc08v {
		width: 4px;
		height: 4px;
		background: rgb(212 212 216);
		border-radius: 50%;
	}

	.dark .meta-dot.svelte-2oc08v {
		background: rgb(63 63 70);
	}

	.meta-title.svelte-2oc08v {
		font-family: var(--font-body);
		font-size: 0.6875rem;
		font-weight: 600;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: rgb(113 113 122);
	}

	@media (min-width: 768px) {
		.meta-title.svelte-2oc08v {
			font-size: 0.75rem;
		}
	}

	.dark .meta-title.svelte-2oc08v {
		color: rgb(161 161 170);
	}

	.card-arrow.svelte-2oc08v {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.25rem;
		height: 2.25rem;
		border: 1.5px solid rgb(228 228 231);
		border-radius: 50%;
		color: rgb(161 161 170);
		flex-shrink: 0;
		transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	@media (min-width: 768px) {
		.card-arrow.svelte-2oc08v {
			width: 2.5rem;
			height: 2.5rem;
		}
	}

	.dark .card-arrow.svelte-2oc08v {
		border-color: rgb(63 63 70);
		color: rgb(113 113 122);
	}

	.lab-card.svelte-2oc08v:hover .card-arrow:where(.svelte-2oc08v) {
		background: rgb(24 24 27);
		border-color: rgb(24 24 27);
		color: rgb(255 255 255);
	}

	.dark .lab-card.svelte-2oc08v:hover .card-arrow:where(.svelte-2oc08v) {
		background: rgb(250 250 250);
		border-color: rgb(250 250 250);
		color: rgb(24 24 27);
	}

	.card-arrow.svelte-2oc08v svg {
		width: 1rem;
		height: 1rem;
		transition: transform 0.3s ease;
	}

	.lab-card.svelte-2oc08v:hover .card-arrow:where(.svelte-2oc08v) svg {
		transform: translate(2px, -2px);
	}

	/* Section Footer */
	.section-footer.svelte-2oc08v {
		display: flex;
		justify-content: center;
		margin-top: 4rem;
	}

	@media (min-width: 768px) {
		.section-footer.svelte-2oc08v {
			margin-top: 5rem;
		}
	}

	.view-more-link.svelte-2oc08v {
		display: inline-flex;
		align-items: center;
		gap: 0.75rem;
		padding: 1rem 2.5rem;
		background: transparent;
		border: 2px solid rgb(228 228 231);
		border-radius: 9999px;
		color: rgb(24 24 27);
		font-family: var(--font-body);
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		text-decoration: none;
		transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.dark .view-more-link.svelte-2oc08v {
		border-color: rgb(63 63 70);
		color: rgb(250 250 250);
	}

	.view-more-link.svelte-2oc08v:hover {
		background: rgb(24 24 27);
		border-color: rgb(24 24 27);
		color: rgb(255 255 255);
		transform: scale(1.02);
	}

	.dark .view-more-link.svelte-2oc08v:hover {
		background: rgb(250 250 250);
		border-color: rgb(250 250 250);
		color: rgb(24 24 27);
	}

	.view-more-link.svelte-2oc08v .link-icon {
		width: 1rem;
		height: 1rem;
		transition: transform 0.3s ease;
	}

	.view-more-link.svelte-2oc08v:hover .link-icon {
		transform: translateX(4px);
	}

	.labs-page.svelte-14i8z4e {
		--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;

		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		background: rgb(255 255 255);
		font-family: var(--font-body);
	}

	.dark .labs-page.svelte-14i8z4e {
		background: rgb(9 9 11);
	}