.tiles-container{display:flex;flex-wrap:nowrap;gap:1px;margin:0 auto;overflow:hidden;width:100%}.tile{aspect-ratio:16/9;background:#ddd;cursor:pointer;flex:1;overflow:hidden;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.tile img{height:100%;object-fit:cover;transition:transform .3s ease-in-out,filter .3s ease-in-out;width:100%}.tile:hover img{filter:brightness(50%);transform:scale(1.1)}.tile-title{background:#000;bottom:0;font-size:1.5rem;font-weight:700;padding:15px 20px;width:60%;z-index:2}.tile-overlay,.tile-title{box-sizing:border-box;color:#fff;font-family:Helvetica,Arial,sans-serif;left:0;position:absolute}.tile-overlay{background:none;opacity:0;padding:20px;text-align:left;top:0;transition:opacity .3s ease-in-out;width:auto}.tile:hover .tile-overlay{opacity:1}.tile-overlay ul{list-style:none!important;margin:0!important;padding:0!important}.tile-overlay ul li::marker{content:none!important}.tile-overlay ul li:before{content:none!important}.tile-overlay ul li{margin-bottom:10px}.tile-overlay ul li a{color:#fff;font-size:1rem;position:relative;text-decoration:none;transition:color .3s ease-in-out}.tile-overlay ul li a:after{background:linear-gradient(90deg,#38b6ff,#006bb5);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.tile-overlay ul li a:hover:after{transform:scaleX(1)}.tile-overlay ul li a:hover{color:#38b6ff}@media (max-width:1000px){.tiles-container{flex-wrap:wrap}.tile{flex:1 1 100%}.tile img{filter:brightness(50%)}.tile-title{font-size:1.5rem;padding:10px 15px;width:100%}.tile-overlay{opacity:1}.tile-overlay ul li a{font-size:1.8rem}.tile-overlay ul li{margin-bottom:15px}}@media (max-width:768px){.tile-title{font-size:1.3rem;padding:8px 10px}.tile-overlay ul li a{font-size:.9rem}.tile-overlay ul li{margin-bottom:6px}}