/**
 * Hayder Voice — CSS Reset
 * Modern reset inspired by Andy Bell & Josh Comeau.
 */

/* ============================================================
 * NUCLEAR WRITING-MODE GUARD — unlayered, wins over everything
 * ============================================================ */
html, html *, body, body * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

.hero__eyebrow,
.hero__scroll-label,
.scroll-label,
[class*="eyebrow"],
[class*="label"] {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  display: block !important;
}

@layer reset {

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

	/* Remove default margin and padding */
	* {
		margin: 0;
		padding: 0;
	}

	/* Root */
	html {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		tab-size: 4;
		hanging-punctuation: first last;
		interpolate-size: allow-keywords;
	}

	/* Body */
	body {
		min-height: 100svh;
		line-height: 1.5;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeSpeed;
	}

	/* Media elements */
	img,
	picture,
	video,
	canvas,
	svg {
		display: block;
		max-width: 100%;
	}

	/* Form elements inherit fonts */
	input,
	button,
	textarea,
	select {
		font: inherit;
	}

	/* Avoid text overflow */
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		overflow-wrap: break-word;
	}

	/* Remove list styles on ul, ol with role list */
	ul[role="list"],
	ol[role="list"] {
		list-style: none;
	}

	/* Accessible hidden */
	.screen-reader-text {
		border: 0;
		clip: rect(1px, 1px, 1px, 1px);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
		word-wrap: normal !important;
	}

	.screen-reader-text:focus {
		background-color: var(--c-surface, #1a1a1a);
		clip: auto !important;
		clip-path: none;
		color: var(--c-white, #f0ebe3);
		display: block;
		font-size: 0.875rem;
		font-weight: 700;
		height: auto;
		left: 4px;
		line-height: normal;
		padding: 0.75rem 1.25rem;
		text-decoration: none;
		top: 4px;
		width: auto;
		z-index: var(--z-transition, 90);
	}

	/* Remove outline for mouse, keep for keyboard */
	:focus:not(:focus-visible) {
		outline: none;
	}

	:focus-visible {
		outline: 2px solid var(--c-amber, #C4956A);
		outline-offset: 3px;
		border-radius: 2px;
	}

	/* Anchors */
	a {
		color: inherit;
		text-underline-offset: 0.25em;
	}

	/* Remove animation for people who prefer not to see them */
	@media (prefers-reduced-motion: reduce) {
		*,
		*::before,
		*::after {
			animation-duration: 0.01ms !important;
			animation-iteration-count: 1 !important;
			transition-duration: 0.01ms !important;
			scroll-behavior: auto !important;
		}
	}

	/* Scrollbar */
	html {
		scrollbar-color: var(--c-border, #2a2a2a) var(--c-void, #0a0a0b);
		scrollbar-width: thin;
	}

	/* Table reset */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* Fieldset reset */
	fieldset {
		border: none;
	}

	/* Dialog reset */
	dialog {
		border: none;
		background: transparent;
		padding: 0;
		margin: 0;
		max-width: 100%;
		max-height: 100%;
	}

	/* Image/object-fit */
	.img-cover {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	/* Hidden attribute */
	[hidden] {
		display: none !important;
	}

} /* @layer reset */