.tile{aspect-ratio:16/9;background:var(--tile);border:0;border-radius:12px;width:100%;transition:all .3s;display:block;position:relative;overflow:hidden}.tile:hover{transform:scale(.98)}.tile img{object-fit:fill;width:100%;height:100%;padding:20px}.tile video{object-fit:contain;width:100%;height:100%}.tileChips{z-index:10;opacity:0;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:5px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:10px;left:14px;right:14px;transform:translateY(0)}.tileChipGroup{gap:5px;display:flex}.tileChip{background-color:var(--ink);color:#fff;border-radius:16px;width:fit-content;padding:4px 12px}.tile:hover .tileChips,.tile:focus-visible .tileChips{opacity:.9;transform:translateY(0)}@media (max-width:767px){.tileChipGroup{display:none}}@media (prefers-reduced-motion:reduce){.tileKind{transition:none;transform:none}}
.heroPortrait{vertical-align:middle;background:var(--tile);border:0;border-radius:100px;width:50px;height:50px;margin-right:4px;padding:0;transition:transform .3s,opacity .2s;display:inline-block;overflow:hidden}.heroPortrait img{object-fit:cover;width:100%;height:100%}.heroPortrait:hover{transform:scale(.96)}.heroPortrait[data-hidden=true]{opacity:0}.portraitLayer{z-index:50;position:fixed;inset:0}.portraitScrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fafafad1;position:fixed;inset:0}.portraitFrame{background:var(--tile);will-change:transform;border-radius:12px;width:min(70vmin,560px);height:min(70vmin,560px);margin:auto;position:fixed;inset:0;overflow:hidden}.portraitFrame img{object-fit:cover;width:100%;height:100%}