body:has(.skf-coll-hero) [data-e="filet"] {
	display: none !important;
}

body:has(.skf-coll-hero) [data-e="lettres"] {
	padding-bottom: clamp(46px, 5.6svh, 56px) !important;
}






.skf-coll-hero {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;


	height: min(560px, calc(100svh - var(--skf-entete-bas, 400px)));
	background: #0B0B0A;
	overflow: hidden;
}

.skf-coll-hero__fil {
	position: absolute;
	z-index: 3;
	inset: 0 0 auto 0;
	margin: 0;
	padding: 20px 60px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 11px;
	font: 400 13px/1.4 Archivo, sans-serif;
	color: rgba(255, 255, 255, .7);
	white-space: nowrap;
}

.skf-coll-hero__fil-lien {
	color: rgba(255, 255, 255, .7);
	text-decoration: none;
	transition: color .3s cubic-bezier(.22, .61, .36, 1);
}

.skf-coll-hero__fil-lien:hover {
	color: var(--skf-collection, #E5007E);
}

.skf-coll-hero__fil-ici {
	color: #fff;
}



.skf-coll-hero__lame {
	flex: 0 0 13%;
	overflow: hidden;
}

.skf-coll-hero__lame--1 { height: 78%; }
.skf-coll-hero__lame--2 { height: 91%; }
.skf-coll-hero__lame--3 { height: 86%; }
.skf-coll-hero__lame--4 { height: 70%; }

.skf-coll-hero__lame-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: .42;
}

.skf-coll-hero__centre {
	flex: 0 0 48%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-top: 6px solid var(--skf-collection, #E5007E);
	border-bottom: 6px solid var(--skf-collection, #E5007E);
}



.skf-coll-hero__phare {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


.skf-coll-hero__phare--vide {
	display: block;
	width: 100%;
	height: 100%;
	background: #1C1B18;
}

.skf-coll-hero__degrade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, .58) 56%, rgba(0, 0, 0, .86) 100%);
	pointer-events: none;
}



.skf-coll-hero__voile {
	display: none;
	position: absolute;
	inset: auto 0 0 0;
	height: 62%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .72) 58%, rgba(0, 0, 0, .9) 100%);
	pointer-events: none;
}



.skf-coll-hero__legende {
	position: absolute;
	z-index: 2;
	inset: auto 0 52px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 0 60px;
	pointer-events: none;
}

.skf-coll-hero__legende > * {
	pointer-events: auto;
}



.skf-coll-hero__texte {
	width: 100%;
}

.skf-coll-hero__trait {
	width: 34px;
	height: 6px;
	background: var(--skf-collection, #E5007E);
	display: block;
	margin-bottom: 18px;
}

.skf-coll-hero__surtitre {
	margin: 0 0 16px;
	font: 600 12px/1.4 Archivo, sans-serif;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #fff;
}


.skf-coll-hero__legende .wp-block-post-title {
	margin: 0 0 20px;
	font: 600 clamp(58px, 7.4vw, 104px)/1 Archivo, sans-serif;
	font-size: min(clamp(58px, 7.4vw, 104px), 13svh);
	letter-spacing: -.04em;
	text-transform: uppercase;
	color: #fff;
}



.skf-coll-hero__legende p:not(.skf-coll-hero__surtitre) {
	margin: 0 auto 26px;
	font: 300 clamp(18px, 1.8vw, 25px)/1.42 Archivo, sans-serif;
	font-size: clamp(14px, min(1.8vw, 3svh), 25px);
	color: rgba(255, 255, 255, .93);
	max-width: 22em;
	text-wrap: pretty;
}

.skf-coll-hero__legende p:not(.skf-coll-hero__surtitre):last-child {
	margin-bottom: 0;
	font: 500 11px/1.9 Archivo, sans-serif;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .78);
	max-width: 44em;
}



.skf-coll-hero__legende p mark.has-inline-color:not([class*="-background-color"]) {
	color: var(--skf-collection, #E5007E) !important;
	background: none;
}



.skf-coll-hero__ancre {
	margin-top: min(26px, 2.6svh);
	color: #fff;
	text-decoration: none;
}

.skf-coll-hero__ancre-mot {
	display: inline-block;
	font: 500 12px Archivo, sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;
	transition: color .3s cubic-bezier(.22, .61, .36, 1),
		transform .3s cubic-bezier(.22, .61, .36, 1);
}

.skf-coll-hero__ancre:hover .skf-coll-hero__ancre-mot {
	color: var(--skf-collection, #E5007E);
	transform: translateY(3px);
}








.skf-coll-grille {
	position: relative;
	padding: 56px 60px 88px;
	scroll-margin-top: 96px;
}

.skf-coll-grille__lame-g { position: absolute; left: 16px;  top: 420px; width: 6px; height: 300px; background: #E5007E; }
.skf-coll-grille__lame-d { position: absolute; right: 16px; top: 560px; width: 6px; height: 260px; background: #00B3A4; }

.skf-coll-grille__tete {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
	border-bottom: 1px solid #E8E6DF;
	padding-bottom: 26px;
	margin-bottom: 34px;
}



.skf-coll-grille__traits,
.skf-coll-grille__encart-traits {
	display: block;
	width: 88px;
	height: 6px;
	background:
		linear-gradient(to right,
			#E5007E 0 26px, transparent 26px 31px,
			#FFC000 31px 57px, transparent 57px 62px,
			#00B3A4 62px 88px);
}

.skf-coll-grille__compte {
	font: 500 11px/1.4 Archivo, sans-serif;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: #8A857A;
}



.skf-coll-grille__grille {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 38px;
	align-items: stretch;
}

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

.skf-coll-grille__vignette {
	margin: 0;
	display: flex;
	flex-direction: column;
}



.skf-coll-grille__vignette .skf-coll-grille__lien {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}


.skf-coll-grille__vignette--vide {
	display: block;
	aspect-ratio: 1 / 1;
	background: #F2F0EA;
}

.skf-coll-grille__lien {
	display: block;
	color: #6E6A60;
	text-decoration: none;
	transition: color .3s cubic-bezier(.22, .61, .36, 1);
}

.skf-coll-grille__lien:hover {
	color: var(--skf-collection, #E5007E);
}



.skf-coll-grille__cadre {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	position: relative;
	margin-bottom: 14px;
}



.skf-coll-grille__image {
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
	display: block;
	transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}


.skf-coll-grille__lien:hover .skf-coll-grille__image {
	transform: scale(1.06);
}







.skf-coll-grille__enveloppe {
	position: relative;
	display: block;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	box-shadow: 0 0 0 4px transparent, 0 0 0 6px transparent;
	transition: box-shadow .3s cubic-bezier(.22, .61, .36, 1);
}



.skf-coll-grille__lien:hover .skf-coll-grille__enveloppe {
	box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--skf-collection, #E5007E);
}

.skf-coll-grille__pastille {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 9px 14px;
	background: #E63329;
	font: 500 11px/1.4 Archivo, sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #fff;
}

.skf-coll-grille__pied {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.skf-coll-grille__nom {
	font: 400 21px/1.3 Archivo, sans-serif;
	letter-spacing: -.015em;
	color: #0A0A0A;
}

.skf-coll-grille__cartel {
	font: 400 14px/1.4 Archivo, sans-serif;
	color: #8A857A;
	white-space: nowrap;
}

.skf-coll-grille__voir {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
	font: 500 11px/1.4 Archivo, sans-serif;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: currentColor;
}

.skf-coll-grille__voir-traits {
	display: block;
	width: 46px;
	height: 5px;
	background:
		linear-gradient(to right,
			#E5007E 0 14px, transparent 14px 18px,
			#FFC000 18px 32px, transparent 32px 36px,
			#00B3A4 36px 50px);
}








.skf-coll-grille__encart {
	margin: 0;
	font: 300 clamp(13px, 1.16vw, 19px)/1.6 Archivo, sans-serif;
	color: #0A0A0A;
	text-wrap: pretty;
	gap: clamp(16px, 1.6vw, 26px);
}



.skf-coll-grille__encart::before,
.skf-coll-grille__encart::after {
	content: "";
	display: block;
	width: 88px;
	height: 6px;
	flex: 0 0 auto;
}

.skf-coll-grille__encart::before {
	margin-bottom: clamp(16px, 1.6vw, 26px);
	background:
		linear-gradient(to right,
			#00B3A4 0 26px, transparent 26px 31px,
			#E5007E 31px 57px, transparent 57px 62px,
			#FFC000 62px 88px);
}

.skf-coll-grille__encart::after {
	margin-top: clamp(16px, 1.6vw, 26px);
	background:
		linear-gradient(to right,
			#FFC000 0 26px, transparent 26px 31px,
			#E63329 31px 57px, transparent 57px 88px);
}



.skf-coll-grille__encart--1 { grid-column: 3; grid-row: 1; }
.skf-coll-grille__encart--2 { grid-column: 2; grid-row: 3; }
.skf-coll-grille__encart--3 { grid-column: 1 / -1; }



.skf-coll-grille--courte .skf-coll-grille__encart--1,
.skf-coll-grille--courte .skf-coll-grille__encart--2 {
	grid-column: auto;
	grid-row: auto;
}



.skf-coll-grille__encart--1,
.skf-coll-grille__encart--2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}



.skf-coll-grille__encart--3 {
	margin: 52px auto 0;
	text-align: center;
}


.skf-coll-grille__encart--3::before,
.skf-coll-grille__encart--3::after {
	display: none;
}



.skf-coll-grille__encart--3 {
	max-width: 1120px;
	font-size: clamp(24px, 2.8vw, 40px);
	line-height: 1.45;
}



.skf-coll-grille__signe {
	grid-column: 1 / -1;
	width: clamp(76px, 7vw, 104px);
	height: auto;
	margin: 0 auto;
	display: block;
}










.skf-coll-cloture {
	position: relative;
	padding: 0 60px 96px;
}

.skf-coll-cloture__corps {
	border-top: 1px solid #E8E6DF;
	padding-top: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.skf-coll-cloture__corps h2 {
	margin: 0 0 26px;
	font: 600 52px/1.06 Archivo, sans-serif;
	letter-spacing: -.035em;
	color: #0A0A0A;
	max-width: 15em;
	text-wrap: pretty;
}

.skf-coll-cloture__corps p {
	margin: 0 0 40px;
	font: 300 20px/1.72 Archivo, sans-serif;
	color: #4A4842;
	max-width: 38em;
	text-wrap: pretty;
}



.skf-coll-cloture__corps .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
}



.skf-coll-cloture__corps .wp-block-buttons {
	--gws-cta: #E5007E;
	--gws-cta-sur: #fff;
}

.skf-coll-cloture__corps .skf-coll-cloture__second {
	--gws-cta: #00B3A4;
	--gws-cta-sur: #fff;
}

.skf-coll-cloture__corps .wp-block-button__link {
	font: 500 16px/1.2 Archivo, sans-serif;
	letter-spacing: .02em;
	white-space: nowrap;
}

.skf-coll-cloture__lame-1 { position: absolute; left: 16px;  top: 40px;    width: 6px; height: 300px; background: #00B3A4; }
.skf-coll-cloture__lame-2 { position: absolute; left: 38px;  top: 90px;    width: 6px; height: 180px; background: #E5007E; }
.skf-coll-cloture__lame-3 { position: absolute; left: 60px;  top: 150px;   width: 6px; height: 120px; background: #FFC000; }
.skf-coll-cloture__lame-4 { position: absolute; right: 16px; bottom: 40px; width: 6px; height: 260px; background: #E63329; }






.skf-coll-autres {
	position: relative;
	padding: 0 0 96px;
	background: var(--skf-fond);
}



.skf-coll-autres__tete {
	margin: 0 var(--skf-marge) 48px;
	border-top: 1px solid #E8E6DF;
	padding-top: 60px;
	text-align: center;
}



.skf-coll-autres__tete .skf-coll-autres__sourcil {
	margin: 0 0 20px;
	font: 600 12px Archivo, sans-serif;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--skf-gris);
}



.skf-coll-autres__tete .skf-coll-autres__titre {
	margin: 0;
	font: 600 52px/1.06 Archivo, sans-serif;
	font-size: clamp(32px, 4.2vw, 52px);
	letter-spacing: -.035em;
	color: var(--skf-encre);
}



.skf-coll-autres__tete .skf-coll-autres__titre mark.has-inline-color:not([class*="-background-color"]) {
	color: var(--skf-collection, #E5007E) !important;
	background: none;
}



.skf-coll-autres__piste {
	list-style: none;
	margin: 0;
	padding: 0 var(--skf-marge);
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(280px, 1fr);
	gap: 24px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
}



.skf-coll-autres__piste::-webkit-scrollbar {
	display: none;
}

.skf-coll-autres__tuile {
	min-width: 0;
}

.skf-coll-autres__lien {
	display: block;
	text-decoration: none;
}



.skf-coll-autres__cadre {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-top: 6px solid var(--skf-collection, #E5007E);
	border-bottom: 6px solid var(--skf-collection, #E5007E);
	background: #1C1B18;
	box-shadow: 0 0 0 4px transparent, 0 0 0 6px transparent;
	transition: box-shadow .3s cubic-bezier(.22, .61, .36, 1);
}

.skf-coll-autres__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}


.skf-coll-autres__image--vide {
	width: 100%;
	height: 100%;
	display: block;
	background: #1C1B18;
}



.skf-coll-autres__degrade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .10) 0%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, .62) 72%, rgba(0, 0, 0, .88) 100%);
	pointer-events: none;
}

.skf-coll-autres__nom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22px;
	padding: 0 18px;
	font: 600 clamp(24px, 2.4vw, 34px)/1 Archivo, sans-serif;
	letter-spacing: -.02em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}



.skf-coll-autres__lien:hover .skf-coll-autres__image {
	transform: scale(1.06);
}

.skf-coll-autres__lien:hover .skf-coll-autres__cadre {
	box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--skf-collection, #E5007E);
}



.skf-coll-autres__piste-zone {
	position: relative;
}

.skf-coll-autres__fleche {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: var(--skf-collection, #E5007E);
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .22);
	transition: transform .3s cubic-bezier(.22, .61, .36, 1);
}

.skf-coll-autres__fleche[hidden] {
	display: none;
}

.skf-coll-autres__fleche:hover {
	transform: translateY(-50%) translateX(3px);
}








@media (max-width: 1000px) {

	.skf-coll-hero { height: 340px; }


	.skf-coll-hero__lame--cache { display: none; }

	.skf-coll-hero__lame--1 { flex: 0 0 22%; height: 84%; }
	.skf-coll-hero__lame--4 { flex: 0 0 22%; height: 74%; }
	.skf-coll-hero__centre  { flex: 0 0 56%; }

	.skf-coll-hero__voile   { display: block; }
	.skf-coll-hero__fil     { padding-left: 40px; padding-right: 40px; }
	.skf-coll-hero__legende { bottom: 28px; }



	.skf-coll-hero__centre {
		border-top-width: 0;
		border-bottom-width: 0;
	}

	.skf-coll-hero__centre::after {
		content: "";
		position: absolute;
		z-index: 2;
		inset: 0;
		border-top: 6px solid var(--skf-collection, #E5007E);
		border-bottom: 6px solid var(--skf-collection, #E5007E);
		pointer-events: none;
	}

	.skf-coll-hero__legende .wp-block-post-title { font-size: 36px; letter-spacing: -.03em; }

	.skf-coll-hero__legende p:not(.skf-coll-hero__surtitre) { font-size: 16px; }



	.skf-coll-grille { padding-left: 40px; padding-right: 40px; padding-bottom: 78px; }

	.skf-coll-grille__grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px; }



	.skf-coll-grille__encart--1,
	.skf-coll-grille__encart--2 { grid-column: auto; grid-row: auto; }

	.skf-coll-grille__encart--1,
	.skf-coll-grille__encart--2 { aspect-ratio: auto; align-self: stretch; justify-content: center; }

	.skf-coll-grille__encart { font-size: 17px; line-height: 1.7; }

	.skf-coll-cloture { padding-left: 40px; padding-right: 40px; }
}

@media (min-width: 701px) and (max-width: 1000px) {

	.skf-coll-hero { height: min(54vw, 520px, calc(100svh - var(--skf-entete-bas, 400px))); }

	.skf-coll-hero__legende .wp-block-post-title { font-size: min(clamp(36px, 7vw, 64px), 13svh); }

	.skf-coll-hero__legende p:not(.skf-coll-hero__surtitre) { font-size: clamp(14px, min(2vw, 3svh), 20px); }
}

@media (max-width: 939px) {


	.skf-coll-grille__lame-g,
	.skf-coll-grille__lame-d,
	.skf-coll-cloture__lame-1,
	.skf-coll-cloture__lame-2,
	.skf-coll-cloture__lame-3,
	.skf-coll-cloture__lame-4 { display: none; }
}

@media (max-width: 700px) {

	.skf-coll-hero { height: 360px; }

	.skf-coll-hero__centre  { flex: 0 0 60%; }
	.skf-coll-hero__lame--1 { flex: 0 0 20%; }
	.skf-coll-hero__lame--4 { flex: 0 0 20%; }

	.skf-coll-hero__fil     { padding-left: 22px; padding-right: 22px; }

	.skf-coll-hero__legende {
		bottom: 26px;
		padding-left: 16px;
		padding-right: 16px;
		min-width: 0;
	}

	.skf-coll-hero__legende .wp-block-post-title { font-size: 30px; letter-spacing: -.03em; }

	.skf-coll-hero__legende p:not(.skf-coll-hero__surtitre) { font-size: 15px; }


	.skf-coll-hero__legende p:not(.skf-coll-hero__surtitre):last-child {
		font-size: 10px;
		letter-spacing: .18em;
		line-height: 1.7;
	}

	.skf-coll-grille { padding-left: 22px; padding-right: 22px; padding-bottom: 56px; }
	.skf-coll-cloture { padding-left: 22px; padding-right: 22px; }
}

@media (max-width: 600px) {

	.skf-coll-grille__grille { grid-template-columns: 1fr; gap: 44px; }
}








.editor-styles-wrapper .skf-coll-hero__legende {
	position: absolute;
}

.editor-styles-wrapper .skf-coll-hero__legende .wp-block-post-title {
	max-width: none;
	margin: 0 0 20px;
}


.editor-styles-wrapper .skf-coll-hero__legende p:not(.skf-coll-hero__surtitre) {
	max-width: 22em;
	margin: 0 auto 26px;
}

.editor-styles-wrapper .skf-coll-hero__legende p:not(.skf-coll-hero__surtitre):last-child {
	max-width: 44em;
	margin-bottom: 0;
}

.editor-styles-wrapper .skf-coll-grille__encart--1,
.editor-styles-wrapper .skf-coll-grille__encart--2 {
	max-width: none;
	margin: 0;
}



.editor-styles-wrapper .skf-coll-grille__encart--3 {
	max-width: 1120px;
	margin: 52px auto 0;
}



.editor-styles-wrapper .skf-coll-cloture__corps h2 {
	margin: 0 0 26px;
	max-width: 15em;
	font-size: 52px;
	line-height: 1.06;
	letter-spacing: -.035em;
}

.editor-styles-wrapper .skf-coll-cloture__corps p {
	margin: 0 0 40px;
	max-width: 38em;
	font-size: 20px;
	line-height: 1.72;
}

.editor-styles-wrapper .skf-coll-cloture__corps .wp-block-buttons {
	margin: 0;
	max-width: none;
}



.editor-styles-wrapper .skf-coll-grille__vignette--vide,
.editor-styles-wrapper .skf-coll-hero__phare--vide {
	pointer-events: none;
}