main {
	padding-top: var(--header-height);
}
:root {
	--border-color: var(--base-trans-50);
	--filter-plus: brightness(0) saturate(100%);
	--filter-secondary: brightness(0) saturate(100%) invert(90%) sepia(18%) saturate(466%) hue-rotate(199deg) brightness(102%) contrast(91%);
	--filter-secondary-light: brightness(0) saturate(100%) invert(99%) sepia(90%) saturate(408%) hue-rotate(295deg) brightness(101%) contrast(91%);
	--filter-white: invert(100%) sepia(4%) saturate(404%) hue-rotate(248deg) brightness(120%) contrast(100%);
	--filter-base: invert(5%) sepia(9%) saturate(3471%) hue-rotate(189deg) brightness(98%) contrast(95%);
	--filter-base-dark: brightness(0) saturate(100%) invert(21%) sepia(2%) saturate(3554%) hue-rotate(210deg) brightness(94%) contrast(82%);
	--filter-primary: brightness(0) saturate(100%) invert(16%) sepia(71%) saturate(5117%) hue-rotate(253deg) brightness(69%) contrast(100%);
	--mobile-left: 7.5rem;
	--font-alt: IBM Plex Mono;
	--h6-letter-spacing: 1.5px;
	--animation-bezier: cubic-bezier(1, -0.02, 0.39, 0.87);
	--h1-xl: 12.6rem;
	--h1-xl-line-height: 1;
	--heading-font: DM Sans;
}

@media screen and (max-width: 767px) {
	:root {
		--h1-xl: 6.2rem;
		--h1-xl-line-height: 1.1;
	}
}

@view-transition {
	navigation: auto;
}
figure.wp-block-image img {
	display: block;
	border-radius: var(--radius-m);
}
.content-grid figure.wp-block-image img {
	border-radius: 0;
}
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
body b {
	font-weight: 400;
}

/* Fonts */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: DM Sans;
	font-style: normal;
	font-weight: 400;
	src: url("/wp-content/themes/Samuraj/assets/media/fonts/dm-sans-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Normal */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: DM Sans;
	font-style: normal;
	font-weight: 500;
	src: url("/wp-content/themes/Samuraj/assets/media/fonts/dm-sans-v17-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.h1--xl {
	font-size: var(--h1-xl);
	line-height: var(--h1-xl-line-height);
}

.heading-font {
	font-family: var(--heading-font);
}

ul li::marker {
	color: var(--primary-ultra-dark);
}

/* ===== Scrollbar CSS ===== */
/* Firefox */

* {
	scrollbar-width: auto;
	scrollbar-color: var(--base-trans-90) white;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 10px;
}

*::-webkit-scrollbar-track {
	background: var(--base-trans-60);
	margin: 0.5em;
}

*::-webkit-scrollbar-thumb {
	background-color: #0000009e;
	border-radius: 10px;
	outline: 1px solid #ffffff0f;
	outline-offset: -3px;
	border: 1px solid #ffffff5e;
}

/******

DEFAULTS 

******/

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: pretty;
}