/*
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 {
	backdrop-filter: blur(18px);
	position: sticky;
	top: 0;
	z-index: 20;
}

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

.masko-card {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 8px;
	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 {
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.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;
	}
}