section.text-and-media
{
	position: relative;
	
	article
	{
		position: relative;
		z-index: 1;
		margin: 0 auto;
		overflow-x: hidden;
		padding-left: 1rem;
		padding-right: clamp(1rem, calc(calc(100% - 1440px) / 2), 900px);
		
		.swiper-wrapper
		{
			height: auto;
			width: 100%;
			
			.swiper-slide
			{
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				gap: 5rem;
				
				div.slide-image-wrapper
				{
					flex: 1;
					
					img
					{
						height: auto;
						width: 100%;
					}
				}
				
				div.slide-text-wrapper
				{
					flex-basis: 600px;
					
					*:not(h2)
					{
						padding-left: 2rem;
					}
    			}	
			}
		}		
	}
	
	.swiper-buttons
	{
		display: flex;
		position: relative;
		z-index: 2;
		gap: .5rem;
		
		> div
		{
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 50%;
			height: 2rem;
			width: 2rem;
			color: var(--website-gold);
			cursor: pointer;
		}
		
		> div:last-child
		{
			border: 1px solid var(--website-gold);
		}
		
		> div:hover
		{
			color: white;
			background: var(--website-gold);
		}
	}
}