
	.programs-container {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 25px;
	}
    .programs-container-flex{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .programs-container-flex .program-cell{
        width: 100%;
        max-width: 260px;
    }
	.program-cell {
		display: none;
		background: var(--lightTan);
		border-radius: 20px;
		flex-direction: column;
		color: #323232 !important;
		overflow: hidden;
		will-change: transform;
		opacity: 0;
		animation: programFade .8s ease forwards;
		cursor: pointer;	
	}
	.program-cell.active{
		display: flex;
		transition: all .3s ease;
	}
	@keyframes programFade{
		0% {
			opacity: 0;
			transform: translateX(20px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	.program-cell .top {
		padding: 32px 15px 10px;
		border-bottom: solid 2px var(--tan);
		display: grid;
		align-content: center;
		min-height: 135px;
		position: relative;
	}
	.program-cell .top h1{
		font-size: 21px;
		font-weight: 300;
		color: #323232;
		font-family: 'EB Garamond';
		letter-spacing: .025em;
		line-height: 1.12em;
		font-weight: 600;
	}
	.program-cell .top h1 span{
		display: block;
		font-size: 17px;
		font-weight: 600;
		color: #8f6213;
	}

	.program-cell .top .subtitle, .program-cell .top .general-info{
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 700;
		font-family: "Open Sans";
		margin: 0;
	}
	.program-cell .top .general-info{
		color: var(--darkMagenta);
	}
	.program-cell .top .general-info span{
		font-size: 15px;
	}
	.program-cell .bottom{
		padding: 12px 15px 15px;
		max-height: 150px;
		overflow: hidden;
		position: relative;
		font-size: 13px;
        font-family: 'Open Sans';
        font-weight: 500;
	}
	.program-cell .bottom p{
		font-family: 'Open Sans';
		font-weight: 400;
		font-size: 14px;
		line-height: 1.6em;
		letter-spacing: .03em;
	}
	.program-cell .bottom h4{
		display: none;
	}
	.program-cell .bottom:after{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(transparent, var(--lightTan) 88%);
		height: 80px;
		border-radius: 0 0 20px 20px;
	}
	.program-cell .quick-facts{
		display: flex;
		gap: 5px;
		justify-content: end;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		padding: 6px 6px 0 0;
	}
	.program-cell .quick-facts .help{
		padding: 5px;
		border-radius: 20px;
		background: #e2b24133;
		fill: #946718;
		min-width: 26px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2px;
		color: #946718;
		font-size: 10px;
		font-weight: 700;
	}
	.program-cell .quick-facts .help.languages svg{
		height: 8px;
	}
	.program-cell .quick-facts .help svg{
		height: 16px;
		overflow: visible;
	}
	.unfocused{
		filter: blur(1.25px);
	}
	.focused{
		scale: 1.025;
		box-shadow: 0 0 20px #0005 !important;
	}
	@media(max-width: 850px){
		.programs-container{
			grid-template-columns: repeat(3, 1fr) !important;
		}
	}
	@media(max-width: 720px){
		.programs-container{
			grid-template-columns: repeat(2, 1fr) !important;
		}
	}
	@media(max-width: 500px){
		.programs-container{
			grid-template-columns: 1fr !important;
		}
	}