/* ==========================================
   Cards — Luxury
========================================== */

.tap-card{

	position:relative;

	background:var(--tap-card);

	border-radius:var(--tap-radius);

	padding:25px;

	box-shadow:var(--tap-shadow);

	transition:var(--tap-transition);

	border:1px solid var(--tap-border);

	overflow:hidden;

}

/* Thin gold accent bar along the top of every card */
.tap-card::before{

	content:"";

	position:absolute;

	top:0;
	left:0;
	right:0;

	height:3px;

	background:var(--tap-gradient-gold);

	opacity:0;

	transition:var(--tap-transition);

}

.tap-card:hover{

	transform:translateY(-6px);

	box-shadow:var(--tap-shadow-lg);

	border-color:var(--tap-gold-light);

}

.tap-card:hover::before{

	opacity:1;

}

.tap-card-title{

	font-family:var(--tap-font-heading);

	font-size:22px;

	font-weight:700;

	margin-bottom:15px;

	color:var(--tap-heading);

}

.tap-card-subtitle{

	font-size:14px;

	color:var(--tap-light);

	margin-bottom:20px;

}

.tap-card-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

	gap:25px;

}