html {
	scroll-behavior: smooth;
}

body {
	min-height: 100svh;
}

.wp-site-blocks {
	min-height: calc(100svh - var(--wp--style--root--padding-top) - var(--wp--style--root--padding-bottom));
	position: relative;
}

.ochraceo-shell {
	min-height: calc(100svh - var(--wp--style--root--padding-top) - var(--wp--style--root--padding-bottom));
	display: flex;
	align-items: center;
	justify-content: center;
}

.ochraceo-brand {
	gap: clamp(2rem, 5vw, 3.5rem);
}

.ochraceo-logo {
	aspect-ratio: 1;
	display: block;
	position: relative;
	width: clamp(120px, 28vw, 220px);
	max-width: 100%;
	transform-origin: 50% 50%;
	animation: ochraceo-logo-spin 180s linear infinite;
}

.ochraceo-logo-dot {
	background: var(--dot-color);
	border-radius: 50%;
	display: block;
	height: var(--s);
	left: var(--x);
	opacity: var(--dot-opacity);
	position: absolute;
	top: var(--y);
	transform: translate(-50%, -50%);
	width: var(--s);
}

.ochraceo-logo-dot-001 { --x: 50%; --y: 50%; --s: 4.66667%; --dot-color: #C68E3F; --dot-opacity: 1; }
.ochraceo-logo-dot-002 { --x: 59.2833%; --y: 51.5333%; --s: 2.88889%; --dot-color: #A8B3FF; --dot-opacity: 1; }
.ochraceo-logo-dot-003 { --x: 54.3111%; --y: 57.9833%; --s: 2.88889%; --dot-color: #A8B3FF; --dot-opacity: 1; }
.ochraceo-logo-dot-004 { --x: 46.7889%; --y: 58.3278%; --s: 2.88889%; --dot-color: #A8B3FF; --dot-opacity: 1; }
.ochraceo-logo-dot-005 { --x: 41.4278%; --y: 52.4111%; --s: 2.88889%; --dot-color: #A8B3FF; --dot-opacity: 1; }
.ochraceo-logo-dot-006 { --x: 42.4722%; --y: 44.3389%; --s: 2.88889%; --dot-color: #A8B3FF; --dot-opacity: 1; }
.ochraceo-logo-dot-007 { --x: 49.3167%; --y: 41.5778%; --s: 2.88889%; --dot-color: #A8B3FF; --dot-opacity: 1; }
.ochraceo-logo-dot-008 { --x: 56.7722%; --y: 43.8389%; --s: 2.88889%; --dot-color: #A8B3FF; --dot-opacity: 1; }
.ochraceo-logo-dot-009 { --x: 67.2778%; --y: 55.75%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-010 { --x: 61.7833%; --y: 62.85%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-011 { --x: 54.3111%; --y: 67.0278%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-012 { --x: 46.5944%; --y: 67.7389%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-013 { --x: 37.9444%; --y: 63.5056%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-014 { --x: 33.2167%; --y: 56.3778%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-015 { --x: 32.0056%; --y: 48.3778%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-016 { --x: 35.1889%; --y: 39.6944%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-017 { --x: 41.6833%; --y: 34.4611%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-018 { --x: 50.0167%; --y: 32.2722%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-019 { --x: 58.2667%; --y: 33.8167%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-020 { --x: 64.3778%; --y: 39.1167%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-021 { --x: 67.5444%; --y: 47.4333%; --s: 2.22222%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-022 { --x: 74.6722%; --y: 62.9778%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-023 { --x: 68.5778%; --y: 71.0389%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-024 { --x: 61.3611%; --y: 75.1889%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-025 { --x: 52.9056%; --y: 77.6056%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-026 { --x: 45.2167%; --y: 77.5944%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-027 { --x: 36.1278%; --y: 74.0222%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-028 { --x: 30.2222%; --y: 69.0222%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-029 { --x: 24.2667%; --y: 61.2667%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-030 { --x: 22.7167%; --y: 53.1556%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-031 { --x: 23.0222%; --y: 44.3611%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-032 { --x: 25.4778%; --y: 36.5333%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-033 { --x: 31.5222%; --y: 29.6611%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-034 { --x: 39.0222%; --y: 24.5944%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-035 { --x: 46.3444%; --y: 22.3222%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-036 { --x: 55.6389%; --y: 22.65%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-037 { --x: 63.8167%; --y: 26.0556%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-038 { --x: 70.3333%; --y: 31.2611%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-039 { --x: 75.3056%; --y: 38.5333%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-040 { --x: 77.3667%; --y: 46.4722%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-041 { --x: 77.0556%; --y: 55.0444%; --s: 1.77778%; --dot-color: #6B7BFF; --dot-opacity: 1; }
.ochraceo-logo-dot-042 { --x: 78.5778%; --y: 74.4778%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-043 { --x: 72.6111%; --y: 80.3389%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-044 { --x: 66.3389%; --y: 84.2611%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-045 { --x: 58.0889%; --y: 87.1667%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-046 { --x: 49.2333%; --y: 87.5111%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-047 { --x: 41.35%; --y: 86.9278%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-048 { --x: 32.6389%; --y: 83.2778%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-049 { --x: 26.8667%; --y: 79.5889%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-050 { --x: 21.0722%; --y: 74.0389%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-051 { --x: 15.5833%; --y: 65.7611%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-052 { --x: 13.5889%; --y: 59.1722%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-053 { --x: 12.4333%; --y: 48.75%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-054 { --x: 13.4056%; --y: 41.5222%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-055 { --x: 16.2056%; --y: 33.0722%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-056 { --x: 19.8167%; --y: 27.0333%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-057 { --x: 26.0944%; --y: 20.9389%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-058 { --x: 33.5889%; --y: 16.2111%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-059 { --x: 41.1667%; --y: 13.3889%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-060 { --x: 49.7222%; --y: 12.2944%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-061 { --x: 59.0167%; --y: 13.3111%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-062 { --x: 66.7556%; --y: 16.0611%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-063 { --x: 73.0889%; --y: 20.1333%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-064 { --x: 78.9444%; --y: 26.1278%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-065 { --x: 83.9611%; --y: 33.4278%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-066 { --x: 86.85%; --y: 42.3611%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-067 { --x: 87.6667%; --y: 49.6278%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-068 { --x: 86.8722%; --y: 58.4167%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
.ochraceo-logo-dot-069 { --x: 84.0389%; --y: 65.8778%; --s: 1.33333%; --dot-color: #3B4FE0; --dot-opacity: 0.85; }
}

.ochraceo-wordmark-lockup {
	gap: 1rem;
	max-width: 100%;
	width: max-content;
}

.ochraceo-tagline {
	color: #a8b3ff;
	font-size: clamp(0.6rem, 1.6vw, 1rem);
	letter-spacing: 0;
	line-height: 1.35;
	margin: 0;
	width: 100%;
}

.ochraceo-wordmark {
	letter-spacing: -0.03em;
	line-height: 1;
	margin: 0;
}

.ochraceo-home-copy {
	color: rgba(250, 251, 255, 0.72);
	font-size: clamp(0.85rem, 1.4vw, 1rem);
	line-height: 1.55;
	margin: 0;
	max-width: 34rem;
}

.ochraceo-page-brand {
	align-items: center;
	background: linear-gradient(
		180deg,
		var(--wp--preset--color--night, #0a1230) 0%,
		var(--wp--preset--color--night, #0a1230) 70%,
		rgba(10, 18, 48, 0) 100%
	);
	box-sizing: border-box;
	display: flex;
	gap: 1rem;
	height: 105px;
	left: 0;
	margin: 0;
	padding: 15px;
	position: fixed;
	right: 0;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}

.ochraceo-header-links {
	align-items: center;
	display: flex;
	gap: 1rem;
	justify-content: flex-end;
	line-height: 1;
	position: fixed;
	right: 15px;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 45px);
	transform: translateY(-50%);
	z-index: 61;
}

.ochraceo-header-links a {
	color: var(--wp--preset--color--moon, #fafbff);
	text-decoration: none;
}

.ochraceo-header-links a:hover,
.ochraceo-header-links a:focus-visible {
	color: var(--wp--preset--color--glow, #a8b3ff);
	outline: none;
}

.ochraceo-footer-legal {
	bottom: 1rem;
	color: rgba(250, 251, 255, 0.64);
	display: flex;
	font-size: 0.8rem;
	gap: 1rem;
	left: 50%;
	line-height: 1;
	margin: 0;
	position: fixed;
	text-align: center;
	transform: translateX(-50%);
	z-index: 60;
}

.ochraceo-footer-legal a {
	color: inherit;
	text-decoration: none;
}

.ochraceo-footer-legal a:hover,
.ochraceo-footer-legal a:focus-visible {
	color: var(--wp--preset--color--glow, #a8b3ff);
	outline: none;
}

.ochraceo-page-logo {
	flex: 0 0 75px;
	margin: 0;
}

.ochraceo-page-logo img {
	display: block;
	height: 75px;
	width: 75px;
}

.ochraceo-page-brand a {
	color: inherit;
	text-decoration: none;
}

.ochraceo-page-name {
	font-size: clamp(0.5rem, 1.25vw, 0.9375rem);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
}

.ochraceo-about {
	box-sizing: border-box;
	min-height: calc(100svh - var(--wp--style--root--padding-top) - var(--wp--style--root--padding-bottom));
	padding-block: 1rem; 
}

.ochraceo-about-hero {
	margin-inline: auto;
	max-width: 58rem;
}

.ochraceo-about-kicker {
	color: var(--wp--preset--color--glow, #a8b3ff);
	font-size: clamp(0.8rem, 1.6vw, 1rem);
	line-height: 1.4;
	margin: 0 0 1rem;
}

.ochraceo-about-title {
	font-size: clamp(2.4rem, 8vw, 6.5rem);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 0.95;
	margin: 0;
}

.ochraceo-about-lede {
	color: rgba(250, 251, 255, 0.86);
	font-size: clamp(1.1rem, 1.4vw, 1.3rem);
	line-height: 1.45;
	margin: clamp(1.5rem, 4vw, 2.5rem) 0 0;
	max-width: 45rem;
}

.ochraceo-about-body {
	display: grid;
	gap: 1.25rem;
	margin: clamp(2.5rem, 6vw, 4rem) auto 0;
	max-width: 42rem;
}

.ochraceo-about-body p {
	color: rgba(250, 251, 255, 0.74);
	font-size: clamp(1rem, 1.7vw, 1.15rem);
	line-height: 1.7;
	margin: 0;
}

@keyframes ochraceo-logo-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ochraceo-logo {
		animation: none;
	}
}

.ochraceo-contact-submit {
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--moon, #fafbff);
	font: inherit;
	letter-spacing: 0;
	line-height: 1;
	padding: 0;
}

.ochraceo-contact-submit:hover,
.ochraceo-contact-submit:focus-visible {
	outline: none;
}

.ochraceo-contact-submit {
	border: 1px solid rgba(168, 179, 255, 0.35);
	border-radius: 999px;
	padding: 0.75rem 1rem;
}

.ochraceo-contact-note {
	color: rgba(250, 251, 255, 0.72);
	font-size: 0.95rem;
	margin: 0 0 1rem;
}

.ochraceo-contact-form {
	display: grid;
	gap: 0.9rem;
	margin-top: 2rem;
	max-width: 32rem;
}

.ochraceo-contact-field {
	display: grid;
	gap: 0.35rem;
	font-size: 0.9rem;
}

.ochraceo-contact-field input,
.ochraceo-contact-field textarea {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(168, 179, 255, 0.2);
	border-radius: 0.6rem;
	color: var(--wp--preset--color--moon, #fafbff);
	font: inherit;
	padding: 0.75rem 0.85rem;
	width: 100%;
}

.ochraceo-contact-field textarea {
	resize: vertical;
	min-height: 8rem;
}

.ochraceo-contact-captcha {
	display: flex;
	justify-content: flex-start;
	min-height: 4.75rem;
}

.ochraceo-contact-captcha-widget {
	min-height: 4.75rem;
}

.ochraceo-contact-status {
	color: rgba(168, 179, 255, 0.92);
	font-size: 0.9rem;
	min-height: 1.25rem;
	margin: 0;
}

.ochraceo-contact-actions {
	display: flex;
	justify-content: flex-end;
}
