/* ==================================================================
   Olam – home
   ================================================================== */

/* Point final rose des titres de section */
.section__title .olam-dot {
	color: var(--olam-pink, #E5428A);
}

/* Trait sous les titres : rose, plus large, qui se dessine à l'arrivée */
.section__title::after {
	width: 56px !important;
	height: 4px !important;
	background: var(--olam-pink, #E5428A) !important;
	transition: transform 1s cubic-bezier(.2, .7, .2, 1) .35s;
}

.olam-js .section__title.olam-reveal::after {
	transform: scaleX(0);
}

.olam-js .section__title.olam-reveal.is-in::after {
	transform: scaleX(1);
}

/* Vignettes portfolio : zoom lent de l'image au survol */
.item__portfolio__inner {
	overflow: hidden;
}

.item__portfolio__inner .image__portfolio {
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}

.item__portfolio:hover .image__portfolio,
.item__portfolio:focus-within .image__portfolio {
	transform: scale(1.06);
}

/* Petit trait blanc sous le titre de la vignette au survol (le voile est déjà rose) */
.item__portfolio .title_portfolio::after {
	content: "";
	display: block;
	width: 32px;
	height: 3px;
	margin-top: 10px;
	background: #ffffff;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .5s cubic-bezier(.2, .7, .2, 1) .1s;
}

.item__portfolio:hover .title_portfolio::after,
.item__portfolio:focus-within .title_portfolio::after {
	transform: scaleX(1);
}

/* Actus : même zoom */
.olam-actu-item {
	overflow: hidden;
}

.olam-actu-item img {
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}

.olam-actu-item:hover img,
.olam-actu-item:focus-visible img {
	transform: scale(1.06);
}

/* Logos références : légère montée au survol */
#section-clients-list .section__subtitle a img {
	transition: transform .4s cubic-bezier(.2, .7, .2, 1);
}

#section-clients-list .section__subtitle a:hover img {
	transform: translateY(-6px);
}

/* Barre de progression de lecture */
.olam-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
	width: 100%;
	height: 3px;
	background: var(--olam-pink, #E5428A);
	transform: scaleX(0);
	transform-origin: left;
	pointer-events: none;
}

.admin-bar .olam-progress {
	top: 32px;
}

@media (prefers-reduced-motion: reduce) {
	.item__portfolio__inner .image__portfolio,
	.item__portfolio .title_portfolio::after,
	.olam-actu-item img,
	#section-clients-list .section__subtitle a img {
		transition: none;
	}

	.olam-js .section__title.olam-reveal::after {
		transform: none;
	}
}