#kuma-page {
	max-width: var(--max-width);
	margin: 0 auto;
}





/* ========================================================================== */
/* ILLUSTRATION BLOCK                                                         */
/* ========================================================================== */

.convergence-illustration {
	img {
		width: 100%;
		display: block;
	}
}



/* ========================================================================== */
/* INTRO BLOCK                                                                */
/* ========================================================================== */


.convergence-intro {

	@media (min-width: 700px) {
		display: flex;

		.content,
		.illustration {
			flex: 1;
		}
		.content {
			border-bottom: var(--space-6) solid white;
		}
		.illustration {
			flex: 1;
			position: relative;
			img {
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			}
		}

	}

	.content {
		padding: var(--space-4);
		background: var(--color-light);
	}
}



/* ========================================================================== */
/* TEXT & CHIMERA BLOCK                                                       */
/* ========================================================================== */


.convergence-text-and-chimera {

	background: var(--color-light);

	.content {
		padding: var(--space-4);
	}

	@media (min-width: 900px) {
		
		.content {
			padding-right: 40%;
			position: relative;

	    .chimera {
	      content: "";
	      position: absolute;
	      top: 0;
	      right: 0;
	      width: 40%;
	      height: 100%;
	      background: var(--color-primary);
	      mask: var(--chimere-1) no-repeat center / 100% 100%;
	      transform: rotate(-5deg) scale(.9);
	      opacity: .7;
	    }

		}



	}
}


/* ========================================================================== */
/* CONTACT FORM BLOCK                                                         */
/* ========================================================================== */


.convergence-contact {
	padding: var(--space-4);
	max-width: 800px;
	margin-inline: auto;

	.sections {
		display: flex;
		flex-direction: column;
		gap: var(--space-3);
	}

	@media (min-width: 700px) {
		.sections {
			flex-direction: row;

		}
	}

}


/* ========================================================================== */
/* PARTNERS BLOCK (logo slider)                                               */
/* ========================================================================== */

  .slider-wrap {
    width: 100%;
    overflow: hidden;
    padding: 2rem 0;
    background: var(--color-light);
  }
  .slider-track {
    display: flex;
    width: max-content;
    animation: marquee 10s linear infinite;
    gap: 16px;
    align-items: center;
  }
  .slider-track:hover {
    animation-play-state: paused;
  }
  .slide-img {
    height: 160px;
    width: auto;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    flex-shrink: 0;
  }
  @media (max-width: 600px) {
    .slide-img { height: 90px; }
    .slider-track { gap: 10px; }
  }
  @keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }


/* ========================================================================== */
/* PARTNERS BLOCK (people's portrait grid)                                    */
/* ========================================================================== */

.convergence-people {

	  &.shaded {
			background: var(--color-light);
		}

	.people-grid {
		padding: var(--space-4);
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap: var(--space-4);
	  align-items: start;
	  text-align: center;

	  @media (min-width: 700px) {
	  	grid-template-columns: 1fr 1fr 1fr;
	  }

	  .partner-image {
	  	position: relative;
	  }

	  img {
	  	display: block;
	  	aspect-ratio: 1;
	  	width: 100%;
	  }

	  h3 {
	  	margin: 0;
	  }

	  a {
	  	position: absolute;
	  	background: var(--color-primary);
	  	width: 64px;
	  	height: 64px;
	  	bottom: 0;
	  	right: 0;
	    mask: var(--icon-link) no-repeat center / 32px 32px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			transition: 150ms;
	  }
	  a:hover {
	  	mask-size: 36px 36px;
	  	background: var(--color-primary-hover);
	  }


	}
}



/* ========================================================================== */
/* Hero header                                                                */
/* ========================================================================== */

.convergence-large-hero {
	aspect-ratio: 2;
	position: relative;

	img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}



/* ========================================================================== */
/* EventOn custom styles                                                      */
/* ========================================================================== */

.evo_boxtop, 
.desc_trig, 
.evcal_list_a,
.eventon_list_event {
	border-radius: 0 !important;
}

.eventon_list_event {
	width: calc(100% / 3) !important;
}

@media (max-width: 900px) {
	.eventon_list_event {
		width: calc(100% / 2) !important;
	}
}
@media (max-width: 480px) {
	.eventon_list_event {
		width: calc(100% / 1) !important;
	}
}

.ajde_evcal_calendar.color #evcal_list .eventon_list_event a:hover {
	border-left-width: inherit !important;
}
.ajde_evcal_calendar.boxy .eventon_list_event:hover,
.ajde_evcal_calendar.boxy .evoShow_more_events:hover {
    transform: none !important;
}