:root {--line-offset: 60px;}
.banner::before{padding-top: 56%;}

/* ============================================================
celebrity
============================================================ */
.page-header{justify-content: flex-end;margin: 10px 0;}
.page-title{padding: 0;text-align: left;font-size: 2.3rem;}
.card-img::before{padding-top: 90%;}
.card-title{font-size: 1.875rem;}
.grid + .grid{margin-top: 50px;}
.grid-img{position: relative;padding-right: 30px;z-index: 3;}
.grid-img img{box-shadow: 10px 10px 20px rgba(0,5,27,0.3);}
.grid-pt{position: relative;margin-top: 20px;padding-left: 40px;}
.grid-title{position: relative;padding-bottom: 1rem;font-size: 1.875rem;font-family: var(--font-family-tit);color: var(--highlighted-color-dark);}
.grid-title::after{position: absolute;content: '';width: 100%;height: 1px;bottom: 0;}
.grid:nth-child(odd) .grid-title::after{left: 0;background: linear-gradient(to right, rgba(208,171,117,1) 70%,rgba(208,171,117,0) 90%); }
.grid:nth-child(even) .grid-title::after{right: 0;background: linear-gradient(to left, rgba(208,171,117,1) 70%,rgba(208,171,117,0) 90%); }
.grid-title span{margin-bottom: 1rem;display: inline-block;font-size: 4rem;line-height: 1;font-family: var(--font-family-Didot);font-style: italic;}
.grid-cont{margin-bottom: 30px;}
.grid-cont p{margin-top: 1.5em;}
.grid:nth-child(even) .grid-cont{text-align: right;}
/* .swiper-controls{position: absolute;bottom: 0;right:0;z-index: 3;} */
.swiper-controls{margin-top: 1rem;}
.grid:nth-child(odd) .swiper-controls{justify-content: flex-end;}

:lang(en) .grid-title,
:lang(fr) .grid-title {
  letter-spacing: -0.005em;
}

@media (min-width: 680px){
	.card{
		width: calc(100% / 12 * 4);
    	max-width: calc(100% / 12 * 4);
    	flex-basis: calc(100% / 12 * 4);
	}

	.card-title{font-size: 1.3rem;}
}

@media (min-width: 992px){
	.page-header{margin: 0;}
	.container{max-width: 1200px;}
	.banner::before{padding-top: 25%;}
	.card-img::before{padding-top: 102%;}
	.card-title{font-size: 1.875rem;}
	.page-header{position: relative;}
	.page-body{margin-top: -50px;}
	.grid:before,.grid:after{content: '';display: table;}
	.grid:after{clear: both;}
	.grid-img,.grid-cont,.grid-pt{width: 50%;position: relative;}
	.grid:nth-child(odd) .grid-img{float: left;}
	.grid:nth-child(odd) .grid-cont,.grid:nth-child(odd) .grid-pt{float: right;}
	.grid:nth-child(even) .grid-img{float: right;}
	.grid:nth-child(even) .grid-cont,.grid:nth-child(even) .grid-pt{float: left;}
	.grid + .grid{margin-top: 80px;}
	.grid-img{padding-right: 0;}
	.grid-pt{padding-left: 0;}
	.grid-cont{margin-top: 70px;margin-bottom: 0;}
	.grid-title::after{width: calc(100% + var(--line-offset) + 100px);}
	.grid:nth-child(odd) .grid-title,.grid:nth-child(odd) .grid-cont p{padding-left: var(--line-offset);padding-right: var(--line-offset);}
	.grid:nth-child(even) .grid-title,.grid:nth-child(even) .grid-cont p{padding-left: var(--line-offset);padding-right: var(--line-offset);}
	.grid:nth-child(odd) .grid-title::after{left: calc(-1 * var(--line-offset));}
	.grid:nth-child(even) .grid-title::after{right: calc(-1 * var(--line-offset));}
	.grid:nth-child(odd) .grid-img{padding-right: var(--line-offset);}
	.grid:nth-child(odd) .grid-img-wrap{text-align: right;}
	.grid:nth-child(odd) .grid-cont{position: relative;left: calc(-1 * var(--line-offset));}
	.grid:nth-child(even) .grid-img{padding-left: var(--line-offset);}
	.grid:nth-child(even) .grid-cont{position: relative;right: calc(-1 * var(--line-offset));text-align: left;}
	.grid-pt{margin-top: 30px;}
	.grid:nth-child(odd) .grid-pt{padding-right: calc(var(--line-offset) - 30px);}
	.grid:nth-child(even) .grid-pt{padding-left: calc(var(--line-offset) - 30px);}
	.btn-back{top: -20px;}
}