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



body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
}






:root {

	--skf-fond: #ffffff;
	--skf-encre: #0a0a0a;
	--skf-texte: #3a3833;
	--skf-texte-doux: #4a4842;
	--skf-gris: #8a857a;
	--skf-filet: #e8e6df;



	--skf-turquoise: #00b3a4;
	--skf-magenta: #e5007e;
	--skf-jaune: #ffc000;
	--skf-rouge: #e63329;
	--skf-vert: #3c9e4f;


	--skf-accent: var(--skf-turquoise);



	--skf-boxage: 1320px;
}






:root {
	--skf-marge: 60px;
}

@media (max-width: 1000px) {
	:root {
		--skf-marge: 40px;
	}
}

@media (max-width: 700px) {
	:root {
		--skf-marge: 22px;
	}
}








img,
svg,
video,
canvas {
	max-width: 100%;
	height: auto;
}






mark.has-inline-color:not([class*="-background-color"]) {
	background-color: transparent;
}






::selection {
	background: var(--skf-jaune);
	color: var(--skf-encre);
}






a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--skf-accent);
	outline-offset: 3px;
	box-shadow: none;
}






.skf-hors-ecran {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}








a,
button,
[role="button"],
summary,
label,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent;
}








.skf-faq-hero__ancre-ligne,
.skf-oeuvres-hero__ancre-ligne,
.skf-actu-hero__ancre-ligne,
.skf-contact-hero__ancre-ligne,
.skf-artiste-hero__ancre-ligne {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}



.skf-faq-hero__ancre-mot,
.skf-oeuvres-hero__ancre-mot,
.skf-actu-hero__ancre-mot,
.skf-contact-hero__ancre-mot,
.skf-artiste-hero__ancre-mot {
	position: relative;
	display: inline-block;
}


.skf-faq-hero__ancre-mot::after,
.skf-oeuvres-hero__ancre-mot::after,
.skf-actu-hero__ancre-mot::after,
.skf-contact-hero__ancre-mot::after,
.skf-artiste-hero__ancre-mot::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9px;
	height: 2px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 650ms cubic-bezier(0.33, 0.02, 0.35, 1);
}

.skf-faq-hero__ancre:hover .skf-faq-hero__ancre-mot::after,
.skf-faq-hero__ancre:focus-visible .skf-faq-hero__ancre-mot::after,
.skf-oeuvres-hero__ancre:hover .skf-oeuvres-hero__ancre-mot::after,
.skf-oeuvres-hero__ancre:focus-visible .skf-oeuvres-hero__ancre-mot::after,
.skf-actu-hero__ancre:hover .skf-actu-hero__ancre-mot::after,
.skf-actu-hero__ancre:focus-visible .skf-actu-hero__ancre-mot::after,
.skf-contact-hero__ancre:hover .skf-contact-hero__ancre-mot::after,
.skf-contact-hero__ancre:focus-visible .skf-contact-hero__ancre-mot::after,

.skf-artiste-hero__ancre a:hover .skf-artiste-hero__ancre-mot::after,
.skf-artiste-hero__ancre a:focus-visible .skf-artiste-hero__ancre-mot::after {
	transform: scaleX(1);
}






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

	html {
		scroll-behavior: auto;
	}
}






.skf-grille {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.skf-grille > * {
	min-width: 0;
}






.skf-lame {
	position: absolute;
	display: block;
	width: 6px;
}

@media (max-width: 1000px) {

	.skf-lame.skf-lame--off {
		display: none;
	}

	.skf-lame.skf-lame--d {
		right: 8px;
	}

	.skf-lame.skf-lame--g {
		left: 8px;
	}
}

@media (max-width: 700px) {
	.skf-lame {
		width: 4px;
	}
}






.skf-bouton .wp-block-button__link,
.skf-faq-sommaire__ecrire .wp-block-button__link {
	position: relative;
	isolation: isolate;
	display: inline-block;
	padding: var(--skf-bouton-marge, 15px 30px);
	border: 2px solid var(--skf-bouton-teinte, var(--skf-magenta));
	border-radius: 0;
	font: 500 var(--skf-bouton-taille, 15px) Archivo, sans-serif;
	letter-spacing: 0.02em;
	color: var(--skf-bouton-teinte, var(--skf-magenta));
	white-space: nowrap;
	background-color: transparent;
	background-image: none;



	transition: color 260ms linear 170ms;
}

.skf-bouton .wp-block-button__link::before,
.skf-faq-sommaire__ecrire .wp-block-button__link::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -2px;
	background-color: var(--skf-bouton-teinte, var(--skf-magenta));
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform 650ms cubic-bezier(0.33, 0.02, 0.35, 1);
}



.skf-bouton .wp-block-button__link:focus-visible,
.skf-faq-sommaire__ecrire .wp-block-button__link:focus-visible {
	color: var(--skf-fond);
}

@media (hover: hover) and (pointer: fine) {
	.skf-bouton .wp-block-button__link:hover,
	.skf-faq-sommaire__ecrire .wp-block-button__link:hover {
		color: var(--skf-fond);
	}
}

.skf-bouton .wp-block-button__link:focus-visible::before,
.skf-faq-sommaire__ecrire .wp-block-button__link:focus-visible::before {
	transform: scaleY(1);
}

@media (hover: hover) and (pointer: fine) {
	.skf-bouton .wp-block-button__link:hover::before,
	.skf-faq-sommaire__ecrire .wp-block-button__link:hover::before {
		transform: scaleY(1);
	}
}