@layer quartz-base{.tile-explorer{margin:0 0 2rem}.tile-explorer-title{color:#b69bf1;text-align:center;letter-spacing:.02em;margin:0 0 2rem;font-family:Fredoka One,cursive;font-size:2rem;font-weight:400}.tile-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:0;display:grid}.tile-card{color:inherit;background:#b69bf10a;border:1px solid #b69bf12e;border-radius:12px;margin:0;padding:0;text-decoration:none;transition:all .25s;display:block;position:relative;overflow:hidden}.tile-card:hover{border-color:#b69bf166;transform:translateY(-4px);box-shadow:0 8px 20px #b69bf133}.tile-container--text{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tile-card--text{flex-direction:column;gap:.5rem;min-height:110px;padding:1.25rem 1.4rem;display:flex}.tile-title--text{text-align:left;color:#b69bf1;margin:0;padding:0;font-size:1.15rem}.tile-desc{color:#ffffffbf;text-align:left;margin:0;font-family:Fredoka,sans-serif;font-size:.9rem;line-height:1.5}.tile-image{aspect-ratio:16/10;border-radius:12px;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.tile-thumbnail{object-fit:cover;object-position:center;vertical-align:top;border:none;width:100%;height:100%;margin:0;padding:0;display:block}.tile-placeholder{aspect-ratio:16/10;background:#b69bf11a;border-radius:12px;width:100%}.tile-title{color:#fff;text-align:center;letter-spacing:.02em;margin:.75rem 0 .5rem;padding:.5rem .75rem;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4}@media (max-width:768px){.tile-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}@media (max-width:480px){.tile-container{grid-template-columns:1fr}}}