/**
 * Reveals + parallax
 *
 * @package OnirosDigital
 */

[data-od-reveal] {
	opacity: 0;
	transform: translate3d(0, 16px, 0);
	transition: opacity 0.55s ease, transform 0.55s ease;
	will-change: opacity, transform;
}

[data-od-reveal][data-od-delay="1"] { transition-delay: 0.08s; }
[data-od-reveal][data-od-delay="2"] { transition-delay: 0.16s; }
[data-od-reveal][data-od-delay="3"] { transition-delay: 0.24s; }
[data-od-reveal][data-od-delay="4"] { transition-delay: 0.32s; }
[data-od-reveal][data-od-delay="5"] { transition-delay: 0.4s; }

[data-od-reveal].is-in {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

[data-od-reveal].is-out {
	opacity: 0;
	transform: translate3d(0, 12px, 0);
}

[data-od-parallax] {
	will-change: transform;
}

.od-hero__media,
.od-story__media,
.od-feature__media,
.od-team__photo {
	overflow: hidden;
}

.od-hero__media img,
.od-story__media img,
.od-feature__media img,
.od-team__photo img {
	transform: scale(1.12);
	transform-origin: center center;
}

.od-process__item {
	position: relative;
	overflow: visible;
	isolation: isolate;
}

.od-process__ghost {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	font-family: var(--od-font-display);
	font-size: clamp(72px, 9vw, 112px);
	line-height: 0.78;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: rgba(255, 255, 255, 0.07);
	pointer-events: none;
	user-select: none;
	/* Misma firma que cards: esquina superior derecha en corte recto. */
	clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}

@media (prefers-reduced-motion: reduce) {
	[data-od-reveal],
	[data-od-reveal].is-in,
	[data-od-reveal].is-out,
	.od-marquee__track,
	.od-hero__media img,
	.od-story__media img,
	.od-feature__media img,
	.od-team__photo img {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}
}