/* Voyara Module tiles */
.vy-mtiles{--vy-w-cols:5;--vy-w-tile-h:326px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--vy-w-cols),minmax(0,1fr));gap:20px}
.vy-mtile__link{position:relative;display:flex;align-items:flex-end;height:var(--vy-w-tile-h);border-radius:24px;overflow:hidden;background:var(--vy-overlay,#0E3B36);color:#fff;text-decoration:none;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
.vy-mtile__link:hover,.vy-mtile__link:focus-visible{color:#fff;transform:translateY(-4px);box-shadow:0 18px 40px rgba(21,32,31,.12)}
.vy-mtile__link:focus-visible{outline:2px solid var(--vy-accent,#C9962B);outline-offset:3px}
.vy-mtiles .vy-mtile__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .5s ease}
.vy-mtile__link:hover .vy-mtile__img,.vy-mtile__link:focus-visible .vy-mtile__img{transform:scale(1.04)}
.vy-mtile__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,59,54,0) 50%,rgba(14,59,54,.45) 72%,rgba(14,59,54,.9) 100%);background:linear-gradient(180deg,transparent 50%,color-mix(in srgb,var(--vy-overlay,#0E3B36) 45%,transparent) 72%,color-mix(in srgb,var(--vy-overlay,#0E3B36) 90%,transparent) 100%)}
.vy-mtile__body{text-shadow:0 1px 10px rgba(14,59,54,.45);text-shadow:0 1px 10px color-mix(in srgb,var(--vy-overlay,#0E3B36) 45%,transparent);display:flex;flex-direction:column;gap:6px;width:100%;padding:20px}
.vy-mtile__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:6px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.vy-mtile__name{font-family:var(--vy-font-heading,Marcellus,Georgia,serif);font-size:28px;line-height:1.1}
.vy-mtile__row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:rgba(255,255,255,.88)}
.vy-mtile__row svg{flex:0 0 auto;transition:transform .2s ease}
.vy-mtile__link:hover .vy-mtile__row svg,.vy-mtile__link:focus-visible .vy-mtile__row svg{transform:translateX(3px)}
@media (max-width:640px){
	.vy-mtiles{gap:12px}
	.vy-mtile__link{border-radius:18px}
	.vy-mtile__body{padding:14px}
	.vy-mtile__name{font-size:22px}
	.vy-mtile__icon{width:32px;height:32px}
}
@media (prefers-reduced-motion:reduce){.vy-mtile__link,.vy-mtiles .vy-mtile__img,.vy-mtile__row svg{transition:none}}
