/* ==========================================================================
   Inteligenciartesanal — estilos del tema
   Todos los estilos del sitio viven en este archivo.
   Índice:
     1. Variables
     2. Base
     3. Utilidades compartidas (antetítulo, títulos, botón)
     4. Encabezado
     5. Navegación y buscador
     6. Sección: portada (hero)
     7. Sección: obra destacada
     8. Sección: proceso
     9. Sección: escultura destacada
    10. Sección: la artista y valores
    11. Pie de página
    12. Páginas internas, blog y búsqueda
    13. Responsivo
   ========================================================================== */


/* 1. Variables
   ========================================================================== */

:root {
	--ia-negro: var(--wp--preset--color--negro, #000000);
	--ia-blanco: var(--wp--preset--color--blanco, #ffffff);
	--ia-terracota: var(--wp--preset--color--terracota, #b55d39);
	--ia-grafito: var(--wp--preset--color--grafito, #1b1b1b);
	--ia-gris-texto: var(--wp--preset--color--gris-texto, #575757);
	--ia-gris-suave: var(--wp--preset--color--gris-suave, #a6a6a6);
	--ia-gris-claro: var(--wp--preset--color--gris-claro, #eaeaec);

	--ia-fuente-titulares: var(--wp--preset--font-family--titulares, "Archivo", "Arial Black", sans-serif);
	--ia-fuente-texto: var(--wp--preset--font-family--texto, "Plus Jakarta Sans", Arial, sans-serif);

	--ia-ancho: 1290px;
	--ia-margen-lateral: clamp(20px, 4vw, 48px);
	--ia-espacio-seccion: clamp(72px, 9vw, 128px);
	--ia-radio: 14px;
	--ia-radio-chico: 6px;
}


/* 2. Base
   ========================================================================== */

body {
	margin: 0;
	background-color: var(--ia-blanco);
	color: var(--ia-grafito);
	font-family: var(--ia-fuente-texto);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--ia-fuente-titulares);
	font-stretch: 125%;
	font-weight: 800;
	line-height: 1.25;
}

a {
	color: inherit;
}

img {
	max-width: 100%;
}

:focus-visible {
	outline: 2px solid var(--ia-terracota);
	outline-offset: 3px;
}

/* Las secciones, el encabezado y el pie van pegados, sin espacio entre ellos. */
body .wp-site-blocks > *,
body .ia-principal > *,
body .ia-contenido-inicio > .ia-seccion {
	margin-block-start: 0;
	margin-block-end: 0;
}

.ia-seccion {
	box-sizing: border-box;
	padding-inline: var(--ia-margen-lateral);
}


/* 3. Utilidades compartidas
   ========================================================================== */

.ia-seccion .ia-antetitulo,
.ia-pagina .ia-antetitulo {
	margin: 0 0 14px;
	color: var(--ia-terracota);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-transform: uppercase;
}

.ia-seccion .ia-titulo-seccion,
.ia-pagina .ia-titulo-seccion {
	margin: 0;
	font-size: clamp(28px, 3.1vw, 40px);
	line-height: 1.33;
	text-transform: uppercase;
}

.ia-boton .wp-block-button__link {
	display: inline-block;
	padding: 17px 32px;
	border-radius: var(--ia-radio-chico);
	background-color: var(--ia-terracota);
	color: var(--ia-blanco);
	font-family: var(--ia-fuente-texto);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.ia-boton .wp-block-button__link:hover,
.ia-boton .wp-block-button__link:focus-visible {
	background-color: #9d4e2f;
}


/* 4. Encabezado
   ========================================================================== */

.ia-encabezado {
	box-sizing: border-box;
	padding-inline: var(--ia-margen-lateral);
	background-color: var(--ia-negro);
	color: var(--ia-blanco);
}

.ia-encabezado .ia-encabezado__superior {
	margin: 0;
	padding-block: 26px 18px;
}

.ia-encabezado .ia-encabezado__inferior {
	margin: 0;
	padding-block: 18px 22px;
}

.ia-encabezado .ia-marca {
	gap: 8px;
}

.ia-encabezado .ia-marca__icono {
	margin: 0;
	width: 20px;
	line-height: 0;
}

.ia-encabezado .ia-marca__icono img {
	width: 20px;
	height: 20px;
}

.ia-encabezado .ia-marca__nombre {
	margin: 0;
	font-family: var(--ia-fuente-texto);
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1;
	text-transform: uppercase;
}

.ia-encabezado .ia-marca__nombre a {
	color: var(--ia-blanco);
	text-decoration: none;
}

.ia-encabezado .ia-encabezado__utilidades {
	gap: 28px;
}

.ia-encabezado .ia-utilidad {
	margin: 0;
	color: var(--ia-blanco);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
}

.ia-encabezado .ia-utilidad a {
	text-decoration: none;
}

.ia-encabezado .ia-utilidad a:hover {
	color: var(--ia-terracota);
}


/* 5. Navegación y buscador
   ========================================================================== */

.ia-encabezado .ia-menu {
	gap: 44px;
	font-size: 14px;
	font-weight: 500;
}

.ia-encabezado .ia-menu .wp-block-navigation-item__content {
	color: #d4d4d4;
	text-decoration: none;
}

.ia-encabezado .ia-menu .wp-block-navigation-item__content:hover,
.ia-encabezado .ia-menu .current-menu-item > .wp-block-navigation-item__content,
.ia-encabezado .ia-menu .wp-block-navigation-item:first-child > .wp-block-navigation-item__content {
	color: var(--ia-blanco);
}

.ia-encabezado .ia-menu .wp-block-navigation__submenu-icon {
	margin-left: 6px;
	color: #d4d4d4;
}

.ia-encabezado .ia-menu .wp-block-navigation__submenu-container {
	min-width: 180px;
	padding-block: 10px;
	border: 1px solid #262626;
	border-radius: var(--ia-radio-chico);
	background-color: var(--ia-negro);
}

.ia-encabezado .ia-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 18px;
}

.ia-encabezado .ia-menu .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--ia-negro);
	color: var(--ia-blanco);
}

.ia-encabezado .ia-menu .wp-block-navigation__responsive-container-open,
.ia-encabezado .ia-menu .wp-block-navigation__responsive-container-close {
	color: var(--ia-blanco);
}

.ia-encabezado .ia-buscador {
	margin: 0;
}

.ia-encabezado .ia-buscador .wp-block-search__button {
	margin: 0;
	padding: 4px;
	border: 0;
	background: transparent;
	color: var(--ia-blanco);
}

.ia-encabezado .ia-buscador .wp-block-search__button svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.ia-encabezado .ia-buscador .wp-block-search__input {
	border: 1px solid #333333;
	border-radius: var(--ia-radio-chico);
	background-color: var(--ia-grafito);
	color: var(--ia-blanco);
	font-family: var(--ia-fuente-texto);
	font-size: 14px;
}


/* 6. Sección: portada (hero)
   ========================================================================== */

.ia-hero {
	padding-block: 44px 52px;
	background-color: var(--ia-negro);
	color: var(--ia-blanco);
}

.ia-hero .ia-hero__columnas {
	margin: 0 auto;
	gap: 40px;
}

.ia-hero .ia-hero__titulo {
	margin: 0;
	max-width: 590px;
	font-size: clamp(36px, 4.4vw, 60px);
	line-height: 1.28;
	text-transform: uppercase;
}

.ia-hero .ia-hero__descripcion {
	margin: 30px 0 0;
	max-width: 440px;
	color: #e9e9e9;
	font-size: 16px;
	line-height: 1.65;
}

.ia-hero .ia-hero__botones {
	margin: 52px 0 0;
}

.ia-hero .ia-hero__datos {
	margin: 92px 0 0;
	gap: 36px;
}

.ia-hero .ia-dato {
	gap: 10px;
}

.ia-hero .ia-dato__valor {
	margin: 0;
	font-family: var(--ia-fuente-texto);
	font-size: clamp(36px, 3.6vw, 50px);
	font-weight: 500;
	line-height: 1;
}

.ia-hero .ia-dato__etiqueta {
	margin: 0;
	color: #e9e9e9;
	font-size: 15px;
	line-height: 1.25;
}

/* Tarjetas de imagen escalonadas */
.ia-hero .ia-hero__tarjetas {
	gap: 23px;
	align-items: flex-start;
}

.ia-hero .ia-hero__principal {
	flex: 0 0 58%;
	box-sizing: border-box;
	min-height: 674px;
	margin: 0;
	padding: 36px 34px;
	border-radius: var(--ia-radio);
	align-items: flex-start;
	justify-content: flex-start;
	background-color: var(--ia-grafito);
	overflow: hidden;
}

/* Degradado superior para que la insignia se lea sobre la pintura */
.ia-hero .ia-hero__principal > .wp-block-cover__background.has-background-dim.has-background-dim-0 {
	opacity: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 38%);
}

.ia-hero .ia-hero__principal .wp-block-cover__inner-container {
	width: 100%;
}

.ia-hero .ia-insignia {
	margin: 0;
	gap: 18px;
}

.ia-hero .ia-insignia__icono {
	flex: 0 0 48px;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 13px;
	border-radius: 50%;
	background-color: var(--ia-terracota);
	line-height: 0;
}

.ia-hero .ia-insignia__icono img {
	width: 22px;
	height: 22px;
}

.ia-hero .ia-insignia__texto {
	margin: 0;
	color: var(--ia-blanco);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}

.ia-hero .ia-hero__angosta {
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	border-radius: var(--ia-radio);
	overflow: hidden;
	background-color: var(--ia-grafito);
}

.ia-hero .ia-hero__angosta img {
	display: block;
	width: 100%;
	height: 624px;
	object-fit: cover;
}

.ia-hero .ia-hero__angosta--baja {
	margin-top: 115px;
}


/* 7. Sección: obra destacada
   ========================================================================== */

.ia-obra {
	padding-block: var(--ia-espacio-seccion) 120px;
	background-color: var(--ia-blanco);
	color: var(--ia-grafito);
}

.ia-obra .ia-obra__encabezado {
	margin: 0 auto 58px;
	gap: 40px;
}

.ia-obra .ia-texto-apoyo {
	margin: 0;
	max-width: 500px;
	color: var(--ia-gris-texto);
	font-size: 16px;
	line-height: 1.75;
}

.ia-obra .ia-obra__tarjetas {
	margin: 0 auto;
	gap: 30px;
}

.ia-obra .ia-tarjeta__imagen {
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
	background-color: var(--ia-gris-claro);
}

.ia-obra .ia-tarjeta__imagen img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.ia-obra .ia-tarjeta__categoria,
.ia-listado .ia-tarjeta__categoria {
	margin: 32px 0 0;
	color: var(--ia-grafito);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.ia-obra .ia-tarjeta__titulo,
.ia-listado .ia-tarjeta__titulo {
	margin: 8px 0 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
}

.ia-listado .ia-tarjeta__titulo a {
	text-decoration: none;
}

.ia-obra .ia-tarjeta__detalle {
	margin: 10px 0 0;
	color: var(--ia-grafito);
	font-size: 15px;
	line-height: 1.55;
}


/* 8. Sección: proceso
   ========================================================================== */

.ia-proceso {
	padding-inline: 0;
	background-color: var(--ia-negro);
	color: var(--ia-blanco);
}

.ia-proceso .ia-proceso__columnas {
	margin: 0;
	gap: 0;
}

.ia-proceso .ia-proceso__texto {
	box-sizing: border-box;
	padding-block: var(--ia-espacio-seccion) 110px;
	padding-inline-start: max(var(--ia-margen-lateral), calc((100vw - var(--ia-ancho)) / 2));
	padding-inline-end: var(--ia-margen-lateral);
}

.ia-proceso .ia-proceso__descripcion {
	margin: 26px 0 0;
	max-width: 590px;
	color: #e9e9e9;
	font-size: 16px;
	line-height: 1.75;
}

.ia-proceso .ia-proceso__fotos {
	margin: 28px 0 0;
	max-width: 594px;
	gap: 52px;
}

.ia-proceso .ia-proceso__imagen {
	margin: 0;
	border-radius: 4px;
	overflow: hidden;
}

.ia-proceso .ia-proceso__imagen img {
	display: block;
	width: 100%;
	height: 272px;
	object-fit: cover;
}

.ia-proceso .ia-proceso__imagen--alta img {
	height: 372px;
	filter: grayscale(1);
}

.ia-proceso .ia-proceso__pie {
	margin: 30px 0 0;
	color: #e9e9e9;
	font-size: 15px;
	line-height: 1.7;
}

.ia-proceso .ia-proceso__media {
	display: flex;
}

.ia-proceso .ia-proceso__portada {
	flex: 1 1 auto;
	box-sizing: border-box;
	min-height: 814px;
	margin: 0;
	padding-block: 120px;
	padding-inline-start: 40px;
	padding-inline-end: max(var(--ia-margen-lateral), calc((100vw - var(--ia-ancho)) / 2));
	align-items: flex-start;
	justify-content: flex-end;
}

.ia-proceso .ia-proceso__portada .wp-block-cover__inner-container {
	width: 100%;
}

.ia-proceso .ia-sello {
	width: fit-content;
	margin: 0 0 0 auto;
	padding: 16px 26px;
	gap: 12px;
	border-radius: 4px;
	background-color: var(--ia-terracota);
	color: var(--ia-blanco);
}

.ia-proceso .ia-sello__valor {
	margin: 0;
	font-size: 34px;
	font-weight: 500;
	line-height: 1;
}

.ia-proceso .ia-sello__etiqueta {
	margin: 0;
	font-size: 14px;
	line-height: 1.25;
}


/* 9. Sección: escultura destacada
   ========================================================================== */

.ia-destacada {
	padding-block: var(--ia-espacio-seccion) 0;
	background-color: var(--ia-gris-claro);
	color: var(--ia-grafito);
}

.ia-destacada .ia-destacada__titulo {
	max-width: 620px;
}

.ia-destacada .ia-destacada__imagen {
	margin: 80px auto 0;
	line-height: 0;
}

.ia-destacada .ia-destacada__imagen img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 1;
	object-fit: cover;
}


/* 10. Sección: la artista y valores
   ========================================================================== */

.ia-artista {
	padding-block: 110px 48px;
	background-color: var(--ia-negro);
	color: var(--ia-blanco);
}

.ia-artista .ia-artista__columnas {
	margin: 0 auto;
	gap: 100px;
}

.ia-artista .ia-artista__imagen {
	margin: 0;
	line-height: 0;
}

.ia-artista .ia-artista__imagen img {
	display: block;
	width: 100%;
	height: 644px;
	object-fit: cover;
	filter: grayscale(1);
}

.ia-artista .ia-artista__descripcion {
	margin: 32px 0 0;
	max-width: 600px;
	color: #e9e9e9;
	font-size: 16px;
	line-height: 1.75;
}

.ia-artista .ia-artista__firma {
	margin: 34px 0 0;
	font-size: 16px;
	font-weight: 700;
}

.ia-artista .ia-artista__botones {
	margin: 40px 0 0;
}

.ia-artista .ia-valores {
	margin: 64px auto 0;
	gap: 40px;
}

.ia-artista .ia-valor__fila {
	gap: 18px;
}

.ia-artista .ia-valor__icono {
	flex: 0 0 34px;
	margin: 0;
	line-height: 0;
}

.ia-artista .ia-valor__icono img {
	width: 34px;
	height: 34px;
}

.ia-artista .ia-valor__texto > * {
	margin: 0;
}

.ia-artista .ia-valor__titulo {
	font-family: var(--ia-fuente-titulares);
	font-size: 15px;
	font-stretch: 125%;
	font-weight: 700;
	line-height: 1.4;
}

.ia-artista .ia-valor__descripcion {
	margin-top: 6px;
	color: #cfcfcf;
	font-size: 14px;
	line-height: 1.65;
}


/* 11. Pie de página
   ========================================================================== */

.ia-pie {
	box-sizing: border-box;
	padding: 72px var(--ia-margen-lateral) 0;
	background-color: var(--ia-negro);
	color: var(--ia-blanco);
	scroll-margin-top: 20px;
}

.ia-pie .ia-pie__columnas {
	margin: 0 auto;
	gap: 40px;
}

.ia-pie .ia-pie__titulo {
	margin: 0 0 18px;
	font-family: var(--ia-fuente-texto);
	font-size: 16px;
	font-stretch: normal;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none;
}

.ia-pie .ia-pie__lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ia-pie .ia-pie__lista li,
.ia-pie .ia-pie__texto {
	margin: 0 0 4px;
	color: var(--ia-gris-suave);
	font-size: 15px;
	line-height: 1.8;
}

.ia-pie .ia-pie__texto + .ia-pie__texto {
	margin-top: 22px;
}

.ia-pie .ia-pie__lista a {
	text-decoration: none;
}

.ia-pie .ia-pie__lista a:hover {
	color: var(--ia-blanco);
}

.ia-pie .ia-redes {
	margin: 20px 0 0;
	gap: 14px;
}

.ia-pie .ia-redes .wp-social-link {
	background-color: #2c2c2c;
	color: var(--ia-blanco);
	font-size: 15px;
}

.ia-pie .ia-pie__inferior {
	margin: 90px auto 0;
	padding-block: 34px;
	border-top: 1px solid #1f1f1f;
}

.ia-pie .ia-pie__legal {
	margin: 0;
	color: var(--ia-gris-suave);
	font-size: 13px;
}


/* 12. Páginas internas, blog y búsqueda
   ========================================================================== */

.ia-pagina {
	box-sizing: border-box;
	padding: 90px var(--ia-margen-lateral) 120px;
}

.ia-pagina .ia-pagina__fecha {
	margin: 0 auto 14px;
	color: var(--ia-terracota);
	font-size: 13px;
	text-transform: uppercase;
}

.ia-pagina .ia-pagina__titulo {
	margin: 0 auto 40px;
	font-size: clamp(30px, 3.6vw, 48px);
	text-transform: uppercase;
}

.ia-pagina .ia-pagina__imagen {
	margin: 0 auto 48px;
	border-radius: var(--ia-radio);
	overflow: hidden;
}

.ia-pagina .ia-pagina__contenido {
	font-size: 17px;
	line-height: 1.75;
}

.ia-pagina .ia-pagina__contenido > * {
	max-width: 760px;
}

.ia-pagina .ia-pagina__navegacion {
	margin-top: 40px;
	font-weight: 600;
}

.ia-pagina .ia-listado {
	margin-top: 56px;
}

.ia-pagina .ia-listado__rejilla {
	gap: 48px 30px;
}

.ia-pagina .ia-listado__imagen {
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
}

.ia-pagina .ia-listado__imagen img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.ia-pagina .ia-listado__extracto {
	margin-top: 10px;
	color: var(--ia-gris-texto);
	font-size: 15px;
}

.ia-pagina .ia-listado__paginacion {
	margin-top: 64px;
	gap: 18px;
	font-weight: 600;
}

.ia-pagina .ia-buscador-pagina {
	max-width: 560px;
	margin: 32px 0 0;
}

.ia-pagina .ia-buscador-pagina .wp-block-search__input {
	padding: 12px 16px;
	border: 1px solid #d0d0d0;
	border-radius: var(--ia-radio-chico);
	font-family: var(--ia-fuente-texto);
	font-size: 15px;
}

.ia-pagina .ia-buscador-pagina .wp-block-search__button {
	padding: 12px 24px;
	border: 0;
	border-radius: var(--ia-radio-chico);
	background-color: var(--ia-terracota);
	color: var(--ia-blanco);
	font-family: var(--ia-fuente-texto);
	font-weight: 600;
}


/* 13. Responsivo
   ========================================================================== */

/* Escritorio: proporciones de columnas como en la referencia */
@media (min-width: 782px) {
	.ia-hero .ia-hero__columnas > .ia-hero__texto {
		flex: 0 0 44%;
	}

	.ia-hero .ia-hero__columnas > .ia-hero__galeria {
		flex: 1 1 0;
	}

	.ia-obra .ia-obra__encabezado > .ia-obra__titulos {
		flex: 0 0 58%;
	}

	.ia-obra .ia-obra__encabezado > .ia-obra__intro {
		flex: 1 1 0;
	}

	.ia-proceso .ia-proceso__columnas > .ia-proceso__texto,
	.ia-proceso .ia-proceso__columnas > .ia-proceso__media {
		flex: 0 0 50%;
	}

	.ia-artista .ia-artista__columnas > .ia-artista__foto {
		flex: 0 0 46%;
	}

	.ia-artista .ia-artista__columnas > .ia-artista__texto {
		flex: 1 1 0;
	}
}

/* Tabletas */
@media (max-width: 1100px) {
	.ia-hero .ia-hero__principal {
		min-height: 540px;
	}

	.ia-hero .ia-hero__angosta img {
		height: 500px;
	}

	.ia-hero .ia-hero__angosta--baja {
		margin-top: 80px;
	}

	.ia-artista .ia-artista__columnas {
		gap: 56px;
	}

	.ia-encabezado .ia-menu {
		gap: 28px;
	}
}

/* Móviles */
@media (max-width: 781px) {
	.ia-encabezado .ia-encabezado__utilidades {
		display: none;
	}

	.ia-hero {
		padding-block: 28px 56px;
	}

	.ia-hero .ia-hero__datos {
		margin-top: 56px;
	}

	.ia-hero .ia-hero__galeria {
		margin-top: 24px;
	}

	.ia-hero .ia-hero__tarjetas {
		gap: 12px;
	}

	.ia-hero .ia-hero__principal {
		min-height: 420px;
		padding: 18px;
	}

	.ia-hero .ia-insignia {
		gap: 10px;
	}

	.ia-hero .ia-insignia__icono {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
		padding: 9px;
	}

	.ia-hero .ia-insignia__icono img {
		width: 18px;
		height: 18px;
	}

	.ia-hero .ia-insignia__texto {
		font-size: 12px;
		line-height: 1.45;
	}

	.ia-hero .ia-hero__angosta img {
		height: 380px;
	}

	.ia-hero .ia-hero__angosta--baja {
		margin-top: 48px;
	}

	.ia-obra .ia-obra__encabezado {
		margin-bottom: 40px;
		gap: 20px;
	}

	.ia-obra .ia-obra__tarjetas {
		gap: 48px;
	}

	.ia-proceso .ia-proceso__texto {
		padding-inline: var(--ia-margen-lateral);
		padding-block: 80px 64px;
	}

	.ia-proceso .ia-proceso__fotos {
		gap: 28px;
	}

	.ia-proceso .ia-proceso__portada {
		min-height: 460px;
		padding: 32px var(--ia-margen-lateral);
	}

	.ia-destacada .ia-destacada__imagen {
		margin-top: 48px;
	}

	.ia-artista {
		padding-top: 80px;
	}

	.ia-artista .ia-artista__imagen img {
		height: 460px;
	}

	.ia-artista .ia-valores {
		margin-top: 56px;
		gap: 28px;
	}

	.ia-pie .ia-pie__columnas {
		gap: 36px;
	}

	.ia-pie .ia-pie__inferior {
		margin-top: 56px;
	}
}

/* Movimiento reducido */
@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}