/*
Theme Name: Masko Consulting
Theme URI: https://masko.consulting/
Author: Masko Consulting
Author URI: https://masko.consulting/
Description: Ein editierbares WordPress Block Theme auf Basis der Strategis Figma-Template-Datei.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: masko-consulting
*/

html {
	scroll-behavior: smooth;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a {
	text-underline-offset: 0.18em;
}

.wp-site-blocks {
	overflow-x: clip;
}

.masko-header {
	position: sticky;
	top: 0;
	z-index: 20;
}

.masko-header-inner {
	backdrop-filter: blur(6px);
	background: rgba(243, 246, 245, 0.8);
	border-radius: 12px;
}

.masko-shell {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	box-shadow: 0 20px 70px rgba(11, 16, 20, 0.08);
	overflow: hidden;
}

.masko-card {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
	transition: border-color 180ms ease, transform 180ms ease;
}

.masko-card:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 40%, var(--wp--preset--color--line));
	transform: translateY(-2px);
}

.masko-kicker {
	align-items: center;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.875rem;
	gap: 0.375rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.masko-kicker::before {
	background: var(--wp--preset--color--accent);
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
}

.masko-serif {
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	font-weight: 400;
}

.masko-hero-cover {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	position: relative;
}

.masko-hero-cover::after {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.94) 91%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.masko-hero-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

.masko-glass {
	backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, 0.28);
	border-radius: 12px;
	color: #fff;
}

.masko-stat-card {
	background: var(--wp--preset--color--muted);
	border-radius: 12px;
}

.masko-number {
	border-bottom: 1px solid currentColor;
	font-variant-numeric: tabular-nums;
}

.masko-overlap-image {
	margin-bottom: clamp(-5rem, -8vw, -2rem);
	position: relative;
	z-index: 2;
}

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

@media (max-width: 781px) {
	.masko-header {
		position: static;
	}

	.masko-card:hover {
		transform: none;
	}
}