/*
Theme Name: Ledskof
Theme URI: https://ledskof.com/
Author: Ledskof
Description: A focused block theme for the Ledskof site.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: ledskof
*/

:root {
	--ledskof-bg: #020306;
	--ledskof-text: #eef8ff;
	--ledskof-glow: rgba(92, 188, 255, 0.34);
}

html,
body {
	margin: 0;
	min-height: 100%;
	background: var(--ledskof-bg);
}

body {
	overflow-x: hidden;
}

.wp-site-blocks {
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	padding: 0;
}

.wp-site-blocks > .ledskof-entry {
	margin-block-start: 0;
}

.ledskof-entry {
	position: relative;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100vw;
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	padding: clamp(1.5rem, 4vw, 4rem);
	overflow: hidden;
	background-color: var(--ledskof-bg);
	background-image: url("assets/images/ledskof-entry-bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--ledskof-text);
	isolation: isolate;
}

.ledskof-entry::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(circle at center, rgba(9, 28, 42, 0.02), rgba(0, 0, 0, 0.16) 74%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.08));
	pointer-events: none;
}

.ledskof-entry__mark {
	position: relative;
	z-index: 1;
	display: inline-grid;
	justify-items: center;
	gap: clamp(0.6rem, 1.6vw, 0.9rem);
	color: inherit;
	text-shadow:
		0 0 0.45rem rgba(238, 248, 255, 0.18),
		0 0 1.15rem var(--ledskof-glow);
}

.ledskof-entry__wordmark {
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: clamp(2.2rem, 8vw, 6.2rem);
	font-weight: 200;
	line-height: 1;
	letter-spacing: clamp(0.36rem, 1.9vw, 1.22rem);
	padding-left: clamp(0.36rem, 1.9vw, 1.22rem);
	text-transform: uppercase;
}

.ledskof-entry__line {
	display: block;
	width: clamp(3.8rem, 13vw, 8.5rem);
	height: 1px;
	background:
		linear-gradient(90deg, transparent, rgba(232, 247, 255, 0.72) 22%, rgba(126, 211, 255, 0.95) 50%, rgba(232, 247, 255, 0.72) 78%, transparent);
	box-shadow: 0 0 0.75rem rgba(98, 193, 255, 0.36);
	opacity: 0.82;
	transition:
		box-shadow 220ms ease,
		opacity 220ms ease;
}

@media (prefers-reduced-motion: reduce) {
	.ledskof-entry__line {
		transition: none;
	}
}