.ocera-dest{
	background:rgb(6,13,26);
	color:#fff;
	padding:80px 60px;
}
.ocera-dest__container{max-width:900px;margin:0 auto;}
.ocera-dest__head{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin-bottom:24px;
}
.ocera-dest__tag{
	display:block;
	color:rgb(201,168,76);
	font-size:12px;
	letter-spacing:1px;
	margin-bottom:10px;
}
.ocera-dest__head h2{
	font-size:38px;
	margin:0;
}
.ocera-dest__head h2 em{
	color:rgb(201,168,76);
	font-style:italic;
	font-family:Georgia,serif;
}
.ocera-dest__head .btn{font-size:13px;padding:10px 18px;}

.ocera-dest__grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-auto-rows:210px;
	grid-auto-flow:row dense;
	gap:18px;
}
.ocera-dest__card{
	position:relative;
	border-radius:12px;
	background-size:cover;
	background-position:center;
	overflow:hidden;
	display:flex;
	align-items:flex-end;
}
.ocera-dest__card--tall{grid-row:span 2;}
.ocera-dest__card::after{
	content:"";
	position:absolute;inset:0;
	background:linear-gradient(to top, rgba(0,0,0,.75), transparent 60%);
}
.ocera-dest__info{
	position:relative;
	z-index:1;
	padding:18px;
}
.ocera-dest__info span{
	display:block;
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:rgb(201,168,76);
	margin-bottom:4px;
}
.ocera-dest__info strong{
	display:block;
	font-size:20px;
}
.ocera-dest__info em{
	display:block;
	font-style:italic;
	font-size:12px;
	color:#cfd2da;
	margin-top:4px;
}

.ocera-dest__card--more{
	background:#1b2a45;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	text-align:center;
}
.ocera-dest__card--more .plus{
	font-size:30px;
	margin-bottom:10px;
}
.ocera-dest__card--more p{
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:rgb(201,168,76);
	margin:0;
}

@media (max-width:768px){
	.ocera-dest{padding:40px 20px;}
	.ocera-dest__head{flex-direction:column;align-items:flex-start;gap:16px;}
	.ocera-dest__grid{
		display:flex;
		flex-direction:column;
		align-items:center;
		gap:16px;
	}
	.ocera-dest__card,
	.ocera-dest__card--tall{
		width:369px;
		height:203.63px;
		max-width:100%;
	}
}