@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-italic.woff2") format("woff2");
	font-weight: 400 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--sk-bg: #050505;
	--sk-bg-2: #0d0d0d;
	--sk-bg-light: #171717;
	--sk-text: #f5f5f3;
	--sk-muted: #a6a6a6;
	--sk-accent: #d4af37;
	--sk-accent-dim: color-mix(in srgb, var(--sk-accent) 16%, transparent);
	--sk-accent-strong: color-mix(in srgb, var(--sk-accent) 42%, transparent);
	--sk-primary: #050505;
	--sk-ink: #f5f5f3;
	--sk-line: rgba(255, 255, 255, 0.18);
	--sk-line-dark: rgba(255, 255, 255, 0.18);
	--sk-header-bg: #050505;
	--sk-nav-bg: #050505;
	--sk-nav-active: #d4af37;
	--sk-nav-inactive: #a6a6a6;
	--sk-font-heading: "Cormorant Garamond", Georgia, serif;
	--sk-font-body: "Manrope", system-ui, sans-serif;
	--sk-radius: 0px;
	--sk-container: 1240px;
	--sk-overlay: 0.55;
	--sk-gutter: clamp(1.25rem, 4vw, 2.5rem);
	--sk-section: clamp(4.5rem, 10vw, 7.5rem);
	--sk-header-h: 6.25rem;
	--sk-mobile-nav-h: calc(4.35rem + env(safe-area-inset-bottom, 0px));
	--sk-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--sk-surface: #0d0d0d;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: auto;
}

html.sk-smooth {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html.sk-smooth {
		scroll-behavior: auto;
	}
}

body {
	margin: 0;
	background: var(--sk-bg);
	color: var(--sk-text);
	font-family: var(--sk-font-body);
	font-size: 1rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

img,
video {
	max-width: 100%;
	height: auto;
	display: block;
}

button,
input,
select,
textarea {
	font: inherit;
}

a {
	color: inherit;
	text-decoration: none;
}

ul,
ol,
p,
h1,
h2,
h3,
h4,
figure {
	margin: 0;
}

.sk-skip {
	position: absolute;
	left: -999px;
	top: 0;
	background: var(--sk-text);
	color: var(--sk-bg);
	padding: 0.75rem 1rem;
	z-index: 1000;
}

.sk-skip:focus {
	left: 1rem;
	top: 1rem;
}

@media (min-width: 961px) {
	:root {
		--sk-header-h: 9.25rem;
	}
}