/*! tailwindcss v4.0.2 | MIT License | https://tailwindcss.com */
@layer theme {
	:root, :host {
		--font-sans: inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--spacing: .25rem;
		--breakpoint-sm: 40rem;
		--breakpoint-md: 48rem;
		--breakpoint-lg: 64rem;
		--breakpoint-xl: 80rem;
		--breakpoint-2xl: 96rem;
		--container-3xs: 16rem;
		--container-2xs: 18rem;
		--container-xs: 20rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-xl: 36rem;
		--container-2xl: 42rem;
		--container-3xl: 48rem;
		--container-4xl: 56rem;
		--container-5xl: 64rem;
		--container-6xl: 72rem;
		--container-7xl: 80rem;
		--text-xs: .75rem;
		--text-xs--line-height: calc(1/.75);
		--text-sm: .875rem;
		--text-sm--line-height: calc(1.25/.875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5/1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75/1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75/1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2/1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25/1.875);
		--text-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5/2.25);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--text-7xl: 4.5rem;
		--text-7xl--line-height: 1;
		--text-8xl: 6rem;
		--text-8xl--line-height: 1;
		--text-9xl: 8rem;
		--text-9xl--line-height: 1;
		--font-weight-thin: 100;
		--font-weight-extralight: 200;
		--font-weight-light: 300;
		--font-weight-normal: 400;
		--font-weight-medium: 500;
		--font-weight-semibold: 600;
		--font-weight-bold: 700;
		--font-weight-extrabold: 800;
		--font-weight-black: 900;
		--tracking-tighter: -.05em;
		--tracking-tight: -.025em;
		--tracking-normal: 0em;
		--tracking-wide: .025em;
		--tracking-wider: .05em;
		--tracking-widest: .1em;
		--leading-tight: 1.25;
		--leading-snug: 1.375;
		--leading-normal: 1.5;
		--leading-relaxed: 1.625;
		--leading-loose: 2;
		--radius-xs: .125rem;
		--radius-sm: .25rem;
		--radius-md: .375rem;
		--radius-lg: .5rem;
		--radius-xl: .75rem;
		--radius-2xl: 1rem;
		--radius-3xl: 1.5rem;
		--radius-4xl: 2rem;
		--shadow-2xs: 0 1px #0000000d;
		--shadow-xs: 0 1px 2px 0 #0000000d;
		--shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
		--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
		--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
		--shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
		--shadow-2xl: 0 25px 50px -12px #00000040;
		--inset-shadow-2xs: inset 0 1px #0000000d;
		--inset-shadow-xs: inset 0 1px 1px #0000000d;
		--inset-shadow-sm: inset 0 2px 4px #0000000d;
		--drop-shadow-xs: 0 1px 1px #0000000d;
		--drop-shadow-sm: 0 1px 2px #00000026;
		--drop-shadow-md: 0 3px 3px #0000001f;
		--drop-shadow-lg: 0 4px 4px #00000026;
		--drop-shadow-xl: 0 9px 7px #0000001a;
		--drop-shadow-2xl: 0 25px 25px #00000026;
		--ease-in: cubic-bezier(.4, 0, 1, 1);
		--ease-out: cubic-bezier(0, 0, .2, 1);
		--ease-in-out: cubic-bezier(.4, 0, .2, 1);
		--animate-spin: spin 1s linear infinite;
		--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
		--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
		--animate-bounce: bounce 1s infinite;
		--blur-xs: 4px;
		--blur-sm: 8px;
		--blur-md: 12px;
		--blur-lg: 16px;
		--blur-xl: 24px;
		--blur-2xl: 40px;
		--blur-3xl: 64px;
		--perspective-dramatic: 100px;
		--perspective-near: 300px;
		--perspective-normal: 500px;
		--perspective-midrange: 800px;
		--perspective-distant: 1200px;
		--aspect-video: 16/9;
		--default-transition-duration: .15s;
		--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		--default-font-family: var(--font-sans);
		--default-font-feature-settings: var(--font-sans--font-feature-settings);
		--default-font-variation-settings: var(--font-sans--font-variation-settings);
		--default-mono-font-family: var(--font-mono);
		--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
		--default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
		--color-greenish: #21c044;
		--color-redish: #ff5e3a;
		--color-blueish: #4170ff;
		--color-yellowish: #ffda1e;
		--color-pinkish: #ff9cea;
		--color-beige: #fffdfa;
		--color-blackish: #252525;
		--color-black: black;
		--color-lightredish: #ff6b256b;
		--color-lightyellowish: #ffd13880;
		--color-lightblueish: #058ac273;
		--animate-spin-slow: spin 200s linear infinite;
		--star-end-1: translate(50px, -4500px);
		--star-end-2: translate(185px, -5000px);
		--star-end-3: translate(300px, -6000px);
	}

}

@layer base {
	*, :after, :before, ::backdrop {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	::file-selector-button {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0
	}

	html, :host {
		-webkit-text-size-adjust: 100%;
		tab-size: 4;
		line-height: 1.5;
		font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
		font-feature-settings: var(--default-font-feature-settings, normal);
		font-variation-settings: var(--default-font-variation-settings, normal);
		-webkit-tap-highlight-color: transparent
	}

	body {
		line-height: inherit
	}

	hr {
		height: 0;
		color: inherit;
		border-top-width: 1px
	}

	abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted
	}

	h1, h2, h3, h4, h5, h6 {
		font-size: inherit;
		font-weight: inherit
	}

	a {
		color: inherit;
		-webkit-text-decoration: inherit;
		-webkit-text-decoration: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit
	}

	b, strong {
		font-weight: bolder
	}

	code, kbd, samp, pre {
		font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
		font-feature-settings: var(--default-mono-font-feature-settings, normal);
		font-variation-settings: var(--default-mono-font-variation-settings, normal);
		font-size: 1em
	}

	small {
		font-size: 80%
	}

	sub, sup {
		vertical-align: baseline;
		font-size: 75%;
		line-height: 0;
		position: relative
	}

	sub {
		bottom: -.25em
	}

	sup {
		top: -.5em
	}

	table {
		text-indent: 0;
		border-color: inherit;
		border-collapse: collapse
	}

	:-moz-focusring {
		outline: auto
	}

	progress {
		vertical-align: baseline
	}

	summary {
		display: list-item
	}

	ol, ul, menu {
		list-style: none
	}

	img, svg, video, canvas, audio, iframe, embed, object {
		vertical-align: middle;
		display: block
	}

	img, video {
		max-width: 100%;
		height: auto
	}

	button, input, select, optgroup, textarea {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0
	}

	:where(select:is([multiple], [size])) optgroup {
		font-weight: bolder
	}

	:where(select:is([multiple], [size])) optgroup option {
		padding-inline-start: 20px
	}

	::file-selector-button {
		margin-inline-end: 4px
	}

	::placeholder {
		opacity: 1;
		color: color-mix(in oklab, currentColor 50%, transparent)
	}

	textarea {
		resize: vertical
	}

	::-webkit-search-decoration {
		-webkit-appearance: none
	}

	::-webkit-date-and-time-value {
		min-height: 1lh;
		text-align: inherit
	}

	::-webkit-datetime-edit {
		display: inline-flex
	}

	::-webkit-datetime-edit-fields-wrapper {
		padding: 0
	}

	::-webkit-datetime-edit {
		padding-block: 0
	}

	::-webkit-datetime-edit-year-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-month-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-day-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-hour-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-minute-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-second-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-millisecond-field {
		padding-block: 0
	}

	::-webkit-datetime-edit-meridiem-field {
		padding-block: 0
	}

	:-moz-ui-invalid {
		box-shadow: none
	}

	button, input:where([type=button], [type=reset], [type=submit]) {
		appearance: button
	}

	::file-selector-button {
		appearance: button
	}

	::-webkit-inner-spin-button {
		height: auto
	}

	::-webkit-outer-spin-button {
		height: auto
	}

	[hidden]:where(:not([hidden=until-found])) {
		display: none !important
	}

}

@layer components;

@layer utilities {
	.absolute {
		position: absolute
	}

	.relative {
		position: relative
	}

	.sticky {
		position: sticky
	}

	.top-0 {
		top: calc(var(--spacing)*0)
	}

	.right-0 {
		right: calc(var(--spacing)*0)
	}

	.bottom-0 {
		bottom: calc(var(--spacing)*0)
	}

	.left-0 {
		left: calc(var(--spacing)*0)
	}

	.-z-5 {
		z-index: calc(5*-1)
	}

	.-z-10 {
		z-index: calc(10*-1)
	}

	.z-10 {
		z-index: 10
	}

	.mx-auto {
		margin-inline: auto
	}

	.my-16 {
		margin-block: calc(var(--spacing)*16)
	}

	.mt-6 {
		margin-top: calc(var(--spacing)*6)
	}

	.mt-16 {
		margin-top: calc(var(--spacing)*16)
	}

	.mr-4 {
		margin-right: calc(var(--spacing)*4)
	}

	.mb-2 {
		margin-bottom: calc(var(--spacing)*2)
	}

	.mb-3 {
		margin-bottom: calc(var(--spacing)*3)
	}

	.mb-4 {
		margin-bottom: calc(var(--spacing)*4);
	}

	.mb-6 {
		margin-bottom: calc(var(--spacing)*6)
	}

	.mb-8 {
		margin-bottom: calc(var(--spacing)*8)
	}

	.mb-16 {
		margin-bottom: calc(var(--spacing)*16)
	}

	.mb-24 {
		margin-bottom: calc(var(--spacing)*24)
	}

	.ml-2 {
		margin-left: calc(var(--spacing)*2)
	}

	.block {
		display: block
	}

	.flex {
		display: flex
	}

	.hidden {
		display: none
	}

	.table {
		display: table
	}

	.aspect-\[8\/5\] {
		aspect-ratio: 8/5
	}

	.h-2 {
		height: calc(var(--spacing)*2)
	}

	.h-4 {
		height: calc(var(--spacing)*4)
	}

	.h-6 {
		height: calc(var(--spacing)*6)
	}

	.h-10 {
		height: calc(var(--spacing)*10)
	}

	.h-12 {
		height: calc(var(--spacing)*12)
	}

	.h-20 {
		height: calc(var(--spacing)*20)
	}

	.h-\[40vh\] {
		height: 40vh
	}

	.h-auto {
		height: auto
	}

	.h-full {
		height: 100%
	}

	.min-h-\[25vh\] {
		min-height: 25vh
	}

	.w-2 {
		width: calc(var(--spacing)*2)
	}

	.w-4 {
		width: calc(var(--spacing)*4)
	}

	.w-6 {
		width: calc(var(--spacing)*6)
	}

	.w-10 {
		width: calc(var(--spacing)*10)
	}

	.w-12 {
		width: calc(var(--spacing)*12)
	}

	.w-20 {
		width: calc(var(--spacing)*20)
	}

	.w-24 {
		width: calc(var(--spacing)*24)
	}

	.w-32 {
		width: calc(var(--spacing)*32)
	}

	.w-40 {
		width: calc(var(--spacing)*40)
	}

	.w-50 {
		width: calc(var(--spacing)*50)
	}

	.w-60 {
		width: calc(var(--spacing)*60)
	}

	.w-\[40vw\] {
		width: 40vw
	}

	.w-full {
		width: 100%
	}

	.max-w-\[60ch\] {
		max-width: 60ch
	}

	.max-w-\[70ch\] {
		max-width: 70ch
	}

	.max-w-\[80ch\] {
		max-width: 80ch
	}

	.max-w-screen-2xl {
		max-width: var(--breakpoint-2xl)
	}

	.max-w-screen-xl {
		max-width: var(--breakpoint-xl)
	}

	.flex-1 {
		flex: 1
	}

	.-translate-1 {
		--tw-translate-x: calc(var(--spacing)*-1);
		--tw-translate-y: calc(var(--spacing)*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.-translate-1\/2 {
		--tw-translate-x: calc(calc(1/2*100%)*-1);
		--tw-translate-y: calc(calc(1/2*100%)*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.-translate-\[8\%\] {
		--tw-translate-x: calc(8%*-1);
		--tw-translate-y: calc(8%*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.translate-\[8\%\] {
		--tw-translate-x: 8%;
		--tw-translate-y: 8%;
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.-translate-y-1 {
		--tw-translate-y: calc(var(--spacing)*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.-translate-y-1\/2 {
		--tw-translate-y: calc(calc(1/2*100%)*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.-translate-y-\[25\%\] {
		--tw-translate-y: calc(25%*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.-translate-y-\[40\%\] {
		--tw-translate-y: calc(40%*-1);
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.translate-y-\[10\%\] {
		--tw-translate-y: 10%;
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.translate-y-\[40\%\] {
		--tw-translate-y: 40%;
		translate: var(--tw-translate-x)var(--tw-translate-y)
	}

	.scale-80 {
		--tw-scale-x: 80%;
		--tw-scale-y: 80%;
		--tw-scale-z: 80%;
		scale: var(--tw-scale-x)var(--tw-scale-y)
	}

	.-rotate-8 {
		rotate: -8deg
	}

	.rotate-2 {
		rotate: 2deg
	}

	.rotate-15 {
		rotate: 15deg
	}

	.cursor-pointer {
		cursor: pointer
	}

	.flex-col {
		flex-direction: column
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.items-center {
		align-items: center
	}

	.items-start {
		align-items: flex-start
	}

	.justify-center {
		justify-content: center
	}

	.gap-2 {
		gap: calc(var(--spacing)*2)
	}

	.gap-4 {
		gap: calc(var(--spacing)*4)
	}

	.gap-8 {
		gap: calc(var(--spacing)*8)
	}

	.gap-16 {
		gap: calc(var(--spacing)*16)
	}

	.gap-x-8 {
		column-gap: calc(var(--spacing)*8)
	}

	.gap-y-6 {
		row-gap: calc(var(--spacing)*6)
	}

	.overflow-hidden {
		overflow: hidden
	}

	.overflow-x-clip {
		overflow-x: clip
	}

	.rounded-full {
		border-radius: 3.40282e38px
	}

	.rounded-lg {
		border-radius: var(--radius-lg)
	}

	.border-2 {
		border-style: var(--tw-border-style);
		border-width: 2px
	}

	.border-b-2 {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 2px
	}

	.bg-beige {
		background-color: var(--color-beige)
	}

	.bg-black {
		background-color: var(--color-black)
	}

	.bg-blackish {
		background-color: var(--color-blackish)
	}

	.bg-pinkish {
		background-color: var(--color-pinkish)
	}

	.bg-redish {
		background-color: var(--color-redish)
	}

	.bg-lightredish {
		background-color: var(--color-lightredish);
	}

	.bg-lightblueish {
		background-color: var(--color-lightblueish);
	}

	.bg-lightyellowish {
		background-color: var(--color-lightyellowish);
	}

	.fill-yellowish {
		fill: var(--color-yellowish)
	}

	.stroke-beige {
		stroke: var(--color-beige)
	}

	.object-contain {
		object-fit: contain
	}

	.object-cover {
		object-fit: cover
	}

	.object-top {
		object-position: top
	}

	.p-3 {
		padding: calc(var(--spacing)*3)
	}

	.p-3\.5 {
		padding: calc(var(--spacing)*3.5)
	}

	.p-8 {
		padding: calc(var(--spacing)*8)
	}

	.px-2 {
		padding-inline: calc(var(--spacing)*2)
	}

	.px-4 {
		padding-inline: calc(var(--spacing)*4)
	}

	.px-8 {
		padding-inline: calc(var(--spacing)*8)
	}

	.py-1 {
		padding-block: calc(var(--spacing)*1)
	}

	.py-12 {
		padding-block: calc(var(--spacing)*12)
	}

	.pt-2 {
		padding-top: calc(var(--spacing)*2)
	}

	.pt-4 {
		padding-top: calc(var(--spacing)*4)
	}

	.pb-4 {
		padding-bottom: calc(var(--spacing)*4)
	}

	.font-\[Jaro\] {
		font-family: Jaro
	}

	.text-2xl {
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height))
	}

	.text-6xl {
		font-size: var(--text-6xl);
		line-height: var(--tw-leading, var(--text-6xl--line-height))
	}

	.text-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height))
	}

	.text-xl {
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height))
	}

	.text-6xl\/12 {
		font-size: var(--text-6xl);
		line-height: calc(var(--spacing)*12)
	}

	.leading-\[160\%\] {
		--tw-leading: 160%;
		line-height: 160%
	}

	.font-bold {
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold)
	}

	.font-extrabold {
		--tw-font-weight: var(--font-weight-extrabold);
		font-weight: var(--font-weight-extrabold)
	}

	.text-beige {
		color: var(--color-beige)
	}

	.text-blueish {
		color: var(--color-blueish)
	}

	.text-greenish {
		color: var(--color-greenish)
	}

	.text-redish {
		color: var(--color-redish)
	}

	.text-yellowish {
		color: var(--color-yellowish)
	}

	.capitalize {
		text-transform: capitalize
	}

	.uppercase {
		text-transform: uppercase
	}

	.underline {
		text-decoration-line: underline
	}

	.opacity-40 {
		opacity: .4
	}

	.drop-shadow-\[0\.3em_0\.3em_0px_black\] {
		--tw-drop-shadow: drop-shadow(.3em .3em 0px black);
		filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
	}

	.transition-all {
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration))
	}

	@media (hover:hover) {
		.hover\:z-1:hover {
			z-index: 1
		}

		.hover\:scale-100:hover {
			--tw-scale-x: 100%;
			--tw-scale-y: 100%;
			--tw-scale-z: 100%;
			scale: var(--tw-scale-x)var(--tw-scale-y)
		}

	}

	@media (prefers-reduced-motion:no-preference) {
		.motion-safe\:animate-spin-slow {
			animation: var(--animate-spin-slow)
		}

	}

	@media (width>=40rem) {
		.sm\:grid {
			display: grid
		}

		.sm\:grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}

		.sm\:flex-row {
			flex-direction: row
		}

		.sm\:text-9xl\/24 {
			font-size: var(--text-9xl);
			line-height: calc(var(--spacing)*24)
		}

	}

	@media (width>=48rem) {
		.md\:my-24 {
			margin-block: calc(var(--spacing)*24)
		}

		.md\:flex {
			display: flex
		}

		.md\:grid {
			display: grid
		}

		.md\:hidden {
			display: none
		}

		.md\:h-\[80\%\] {
			height: 80%
		}

		.md\:min-h-\[60vh\] {
			min-height: 60vh
		}

		.md\:w-\[40\%\] {
			width: 40%
		}

		.md\:w-auto {
			width: auto
		}

		.md\:grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}

		.md\:flex-col {
			flex-direction: column
		}

		.md\:flex-row {
			flex-direction: row
		}

	}

	@media (width>=64rem) {
		.lg\:absolute {
			position: absolute
		}

		.lg\:right-0 {
			right: calc(var(--spacing)*0)
		}

		.lg\:bottom-0 {
			bottom: calc(var(--spacing)*0)
		}

		.lg\:bottom-20 {
			bottom: calc(var(--spacing)*20)
		}

		.lg\:mt-24 {
			margin-top: calc(var(--spacing)*24)
		}

		.lg\:h-\[80vh\] {
			height: 80vh
		}

		.lg\:h-\[140\%\] {
			height: 140%
		}

		.lg\:w-42 {
			width: calc(var(--spacing)*42)
		}

		.lg\:w-50 {
			width: calc(var(--spacing)*50)
		}

		.lg\:w-70 {
			width: calc(var(--spacing)*70)
		}

		.lg\:w-auto {
			width: auto
		}

		.lg\:-translate-x-1\/2 {
			--tw-translate-x: calc(calc(1/2*100%)*-1);
			translate: var(--tw-translate-x)var(--tw-translate-y)
		}

		.lg\:-translate-y-\[40\%\] {
			--tw-translate-y: calc(40%*-1);
			translate: var(--tw-translate-x)var(--tw-translate-y)
		}

		.lg\:translate-x-1\/2 {
			--tw-translate-x: calc(1/2*100%);
			translate: var(--tw-translate-x)var(--tw-translate-y)
		}

		.lg\:grid-cols-3 {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}

		.lg\:object-contain {
			object-fit: contain
		}

		.lg\:object-center {
			object-position: center
		}

	}

}

@font-face {
	font-family: Jaro;
	src: url(/assets/fonts/jaro.ttf);
	font-weight: 100 1000;
	font-display: swap
}

html {
	scroll-behavior: smooth
}

body {
	background-image: url(/images/US/2026/comic-texture.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: lighten;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-color: #f7f7f7;
	font-family: var(--font-sans)
}

p a {
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
	text-decoration-line: underline;
	text-decoration-thickness: from-font
}

.input-text {
	border-style: var(--tw-border-style);
	padding-inline: calc(var(--spacing)*2.5);
	padding-block: calc(var(--spacing)*2);
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
	border-width: 2px;
	display: inline-block
}

.btn {
	--tw-translate-x: calc(.15em*-1);
	--tw-translate-y: calc(.15em*-1);
	translate: var(--tw-translate-x)var(--tw-translate-y);
	border-style: var(--tw-border-style);
	background-color: var(--color-beige);
	padding-inline: calc(var(--spacing)*2.5);
	padding-block: calc(var(--spacing)*2);
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
	--tw-drop-shadow: drop-shadow(.3em .3em 0px black);
	filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
	transition-property: all;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	border-width: 2px;
	display: inline-block
}

.btn:hover {
	--tw-translate-x: 0em;
	--tw-translate-y: 0em;
	translate: var(--tw-translate-x)var(--tw-translate-y);
	--tw-drop-shadow:;
	filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
}

header {
	z-index: 3;
    background: white;
}

header>img {
	margin: 50% 0px;
    width: 100%;
    height: auto;
}

@media screen and (orientation: landscape) and (width >= 48rem) {
	header>img {
		margin: 0;
		height: 100vh;
		width: auto;
	}
}

nav {
	border-top-style: var(--tw-border-style);
	border-top-width: 2px;
	border-bottom-style: var(--tw-border-style);
	border-bottom-width: 2px;
	flex-direction: column;
	display: flex
}

nav a:first-child {
	border-top-style: var(--tw-border-style);
	border-top-width: 0
}

@media (width>=48rem) {
	nav a:first-child {
		border-left-style: var(--tw-border-style);
		border-left-width: 2px
	}

}

nav label {
	padding: calc(var(--spacing)*4)
}

nav a {
	border-top-style: var(--tw-border-style);
	padding: calc(var(--spacing)*4);
	border-top-width: 2px
}

@media (hover:hover) {
	nav a:hover {
		background-color: var(--color-black);
		color: var(--color-beige)
	}

}

@media (width>=48rem) {
	nav a {
		border-top-style: var(--tw-border-style);
		border-top-width: 0;
		border-right-style: var(--tw-border-style);
		border-right-width: 2px
	}

}

nav .menu-arrow {
	transition-property: transform, translate, scale, rotate;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	rotate: 180deg
}

nav input[type=checkbox]:not(:checked)~.menu-list {
	display: none
}

@media (width>=48rem) {
	nav input[type=checkbox]:not(:checked)~.menu-list {
		display: flex
	}

}

nav input[type=checkbox]:not(:checked)~label .menu-arrow {
	rotate: none
}

.building-block {
	padding: 25px;
    border: solid 2px black;
    box-shadow: 2px 2px 1px 1px black;
}

@media (width>=48rem) {
	.building-block-222 {
		height: 222px;
	}

	.half-width {
		display: inline-block;
		width: 49%;
	}
}

.top {
	vertical-align: top;
	margin-bottom: 0px;
}

.bottom {
	vertical-align: bottom;
	margin-top: 0px;
}

.image-break {
	margin: auto;
	max-height: 200px;
}

details>summary {
	list-style-type: none
}

details>summary::-webkit-details-marker {
	display: none
}

details svg {
	transition-property: transform, translate, scale, rotate;
	transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	transition-duration: var(--tw-duration, var(--default-transition-duration))
}

details[open] svg {
	rotate: 180deg
}

.star-holder {
	display: block;
	position: fixed;
	transform-origin: bottom right;
	width: 1px;
	height: 1px;
	bottom: 1px;
	right: 1px;
}

.star-path {
	position: absolute;
	width: max-content;
	bottom: 0;
	right: 0;
	z-index: 0;
	transform-origin: bottom right;
	animation-fill-mode: forwards;
}

@keyframes scrollAndGrow {
	from { transform: scale(0.1) translateX(-325px) scaleX(-1); }
	to { transform: scale(0.5) translateX(-295px) scaleX(-1); }
}

.scroll-and-grow {
	transform-origin: bottom right;
	animation: scrollAndGrow linear both;
	animation-timeline: scroll(root);
	animation-range: entry 0% entry 100%;
}

.sticky-img {
	height: 250px;
	width: 100%;
}

.sticky-container {
	display: none;
	position: fixed;
	top: 0px;
	right: -15px;
}

.sticky-container.scrolled {
	display: block;
}

footer {
	min-height: 200px;
}

.speaker-type.community-talk {
	background-color: var(--color-blueish)
}

.speaker-type.lightning-talk {
	background-color: var(--color-redish)
}

.speaker-type.workshop {
	background-color: var(--color-greenish)
}

.speaker-type.sponsored {
	background-color: var(--color-yellowish)
}

.sponsor-grid {
	gap: calc(var(--spacing)*4);
	display: grid
}

.sponsor-grid.gold {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (width>=40rem) {
	.sponsor-grid.gold {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

}

@media (width>=48rem) {
	.sponsor-grid.gold {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

}

.sponsor-grid.silver {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (width>=40rem) {
	.sponsor-grid.silver {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

}

@media (width>=48rem) {
	.sponsor-grid.silver {
		grid-template-columns: repeat(5, minmax(0, 1fr))
	}

}

.sponsor-grid.bronze {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media (width>=40rem) {
	.sponsor-grid.bronze {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

}

@media (width>=48rem) {
	.sponsor-grid.bronze {
		grid-template-columns: repeat(6, minmax(0, 1fr))
	}

}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}

}

@keyframes ping {
	75%, to {
		opacity: 0;
		transform: scale(2)
	}

}

@keyframes pulse {
	50% {
		opacity: .5
	}

}

@keyframes bounce {
	0%, to {
		animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		transform: translateY(-25%)
	}

	50% {
		animation-timing-function: cubic-bezier(0, 0, .2, 1);
		transform: none
	}

}

@property --tw-translate-x {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-translate-y {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-translate-z {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

@property --tw-scale-x {
	syntax: "*";
	inherits: false;
	initial-value: 1
}

@property --tw-scale-y {
	syntax: "*";
	inherits: false;
	initial-value: 1
}

@property --tw-scale-z {
	syntax: "*";
	inherits: false;
	initial-value: 1
}

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid
}

@property --tw-leading {
	syntax: "*";
	inherits: false
}

@property --tw-font-weight {
	syntax: "*";
	inherits: false
}

@property --tw-blur {
	syntax: "*";
	inherits: false
}

@property --tw-brightness {
	syntax: "*";
	inherits: false
}

@property --tw-contrast {
	syntax: "*";
	inherits: false
}

@property --tw-grayscale {
	syntax: "*";
	inherits: false
}

@property --tw-hue-rotate {
	syntax: "*";
	inherits: false
}

@property --tw-invert {
	syntax: "*";
	inherits: false
}

@property --tw-opacity {
	syntax: "*";
	inherits: false
}

@property --tw-saturate {
	syntax: "*";
	inherits: false
}

@property --tw-sepia {
	syntax: "*";
	inherits: false
}