.ts-timeline { border-left: 0.2rem solid var(--ts-red); display: grid; gap: 1.5rem; margin-left: 0.6rem; padding-left: clamp(1.5rem, 4vw, 3rem); }
.ts-timeline > .wp-block-group__inner-container { display: contents; }
.ts-timeline-item { background: var(--ts-white); border: 1px solid var(--ts-border); border-radius: var(--ts-radius); padding: 1.5rem; position: relative; }
.ts-timeline-item::before { background: var(--ts-red); border: 0.3rem solid var(--ts-white); border-radius: 50%; box-shadow: 0 0 0 0.15rem var(--ts-red); content: ""; height: 0.9rem; left: calc(clamp(1.5rem, 4vw, 3rem) * -1 - 0.55rem); position: absolute; top: 1.8rem; width: 0.9rem; }
.ts-timeline-item h3 { margin: 0 0 0.5rem; }
.ts-timeline--alternating { border-left: 0; display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); margin: 2rem 0 0; padding: 0; position: relative; }
.ts-timeline--alternating::before { background: var(--ts-red); content: ""; inset-block: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0.2rem; }
.ts-timeline--alternating .ts-timeline-item { box-shadow: 0 0.5rem 1.6rem rgb(0 0 0 / 7%); margin-right: calc(50% + 2rem); width: auto; }
.ts-timeline--alternating .ts-timeline-item:nth-child(even) { margin-left: calc(50% + 2rem); margin-right: 0; }
.ts-timeline--alternating .ts-timeline-item::before { left: auto; right: -2.62rem; top: 1.55rem; }
.ts-timeline--alternating .ts-timeline-item:nth-child(even)::before { left: -2.62rem; right: auto; }
.ts-timeline--alternating .ts-timeline-item::after { border-block: 0.65rem solid transparent; border-left: 0.75rem solid var(--ts-white); content: ""; position: absolute; right: -0.75rem; top: 1.55rem; }
.ts-timeline--alternating .ts-timeline-item:nth-child(even)::after { border-left: 0; border-right: 0.75rem solid var(--ts-white); left: -0.75rem; right: auto; }
.ts-timeline--alternating .wp-block-image { margin: -1.5rem -1.5rem 1.25rem; }
.ts-timeline--alternating .wp-block-image img { aspect-ratio: 16 / 9; border-radius: var(--ts-radius) var(--ts-radius) 0 0; display: block; object-fit: cover; width: 100%; }
.ts-timeline--alternating .ts-timeline-logo img { background: var(--ts-white); object-fit: contain; padding: clamp(1rem, 3vw, 2rem); }
.ts-timeline--alternating .ts-logo-elastic-drop {
	background: var(--ts-white);
	box-sizing: border-box;
	overflow: hidden;
	padding: clamp(1rem, 3vw, 2rem);
}
.ts-timeline--alternating .ts-logo-elastic-drop img {
	background: transparent;
	opacity: 0;
	padding: 0;
	scale: 1;
	transform: translateY(-25px) scale(0.9);
	transform-origin: center;
	transition: scale 220ms ease-out;
	will-change: opacity, transform;
}
.ts-timeline--alternating .ts-logo-elastic-drop:hover img {
	scale: 1.02;
}
.ts-timeline--alternating .ts-logo-elastic-drop.is-elastic-visible img {
	animation: ts-logo-elastic-drop 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.editor-styles-wrapper .ts-logo-elastic-drop img {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.ts-timeline--alternating .ts-logo-elastic-drop img {
		animation: none;
		filter: none;
		opacity: 1;
		scale: 1;
		transform: none;
		transition: none;
		will-change: auto;
	}}
.ts-timeline--alternating .ts-timeline-hover-image { inset: 0 0 auto; margin: 0; opacity: 0; pointer-events: none; position: absolute; transition: opacity 350ms ease; z-index: 2; }
.ts-timeline--alternating .ts-timeline-item:is(:hover, :focus-within) .ts-timeline-hover-image { opacity: 1; }
.editor-styles-wrapper .ts-timeline--alternating .ts-timeline-hover-image { opacity: 0.45; position: static; }
.ts-timeline--alternating .ts-timeline-year { color: var(--ts-red); font-family: var(--wp--preset--font-family--display); font-size: clamp(1.35rem, 2.5vw, 2rem); font-weight: 800; left: calc(100% + 4rem); margin: 0; position: absolute; text-align: left; top: 1.15rem; width: clamp(7rem, 14vw, 11rem); }
.ts-timeline--alternating .ts-timeline-item:nth-child(even) .ts-timeline-year { left: auto; right: calc(100% + 4rem); text-align: right; }

@media (max-width: 781px) {
	.ts-timeline--alternating { padding-left: 2rem; }
	.ts-timeline--alternating::before { left: 0.55rem; transform: none; }
	.ts-timeline--alternating .ts-timeline-item,
	.ts-timeline--alternating .ts-timeline-item:nth-child(even) { margin-left: 0; margin-right: 0; }
	.ts-timeline--alternating .ts-timeline-item::before,
	.ts-timeline--alternating .ts-timeline-item:nth-child(even)::before { left: -2.02rem; right: auto; }
	.ts-timeline--alternating .ts-timeline-item::after,
	.ts-timeline--alternating .ts-timeline-item:nth-child(even)::after { border-left: 0; border-right: 0.75rem solid var(--ts-white); left: -0.75rem; right: auto; }
	.ts-timeline--alternating .ts-timeline-year,
	.ts-timeline--alternating .ts-timeline-item:nth-child(even) .ts-timeline-year { font-size: 1.35rem; left: auto; margin: 0 0 0.35rem; position: static; right: auto; text-align: left; width: auto; }}