.tile{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:22px;margin:0;padding:0;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 10px 24px -16px #000c}.tile:focus-visible{outline:2px solid var(--brand-coral);outline-offset:3px}.tile-icon{background:linear-gradient(150deg, var(--g0), var(--g1));transition:filter .3s,transform .3s;position:absolute;inset:0}.tile-glyph{color:#fffffff2;text-shadow:0 2px 18px #0000002e;justify-content:center;align-items:center;font-size:clamp(30px,6vw,48px);font-weight:800;display:flex;position:absolute;inset:0}.tile-sheen{mix-blend-mode:soft-light;z-index:2;background:radial-gradient(120% 90% at 22% 12%,#fff6,#0000 55%);position:absolute;inset:0}.tile-img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.tile-meta{text-align:left;opacity:0;z-index:2;background:linear-gradient(#0000,#0000008c);flex-direction:column;gap:1px;padding:24px 10px 9px;transition:opacity .28s;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-name{color:#fff;font-size:13px;font-weight:600;line-height:1.15}.tile-cat{color:#ffffffbf;font-size:11px}.tile-veil{opacity:0;z-index:3;pointer-events:none;transition:opacity .32s;position:absolute;inset:0}.tile-ring{border-radius:inherit;z-index:4;pointer-events:none;transition:box-shadow .25s;position:absolute;inset:0;box-shadow:inset 0 0 #0000}.tile:hover{z-index:5;transform:translateY(-5px)scale(1.025);box-shadow:0 22px 40px -18px #000000d9}.tile:hover .tile-meta,.tile.is-active .tile-meta{opacity:1}.tile:hover .tile-ring{box-shadow:inset 0 0 0 2px #ffffff73}.tile.is-active{z-index:5;transform:translateY(-2px)}.tile.is-active .tile-ring{box-shadow:inset 0 0 0 2.5px var(--brand-coral), 0 0 0 4px #f58e842e}[data-overlay=desaturate] .tile-icon{filter:grayscale()brightness(.5)contrast(.95)}[data-overlay=desaturate] .tile:hover .tile-icon,[data-overlay=desaturate] .tile.is-active .tile-icon{filter:none}[data-overlay=veil] .tile-veil{opacity:1;-webkit-backdrop-filter:blur(5px);background:#12121280}[data-overlay=veil] .tile:hover .tile-veil,[data-overlay=veil] .tile.is-active .tile-veil{opacity:0}