.heart .tcards { --cols: 3; }
.finder .grid { align-items: start; row-gap: var(--s-l); }
.finder .head { grid-column: 1 / 5; display: grid; gap: var(--s-s); justify-items: start; position: sticky; top: calc(var(--nav-h) + var(--s-l)); }
.finder .list { grid-column: 6 / 13; display: grid; gap: var(--s-s); }
.finder .ruled td:first-child { font-size: var(--t-m); font-weight: 500; letter-spacing: -.015em; }
.finder .ruled .day { color: var(--gold-800); font-weight: 500; }
.finder .count { color: var(--muted); }
@media (max-width: 1024px) { .heart .tcards { --cols: 1; } .finder .head, .finder .list { grid-column: 1 / -1; position: relative; top: auto; } .tcards.ruled3 .tcard { background: none; box-shadow: none; border-radius: 0; padding: var(--s-m) 0 0; border-top: 2px solid var(--gold-500); }
}
.tcards.ruled3 .tcard p { color: #3F3F3F; }
/* 19 Oct round 3: the three pillars as photographs (one a playing film), the words rising on hover; one closing, no fighting blocks */
.pil { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); list-style: none; padding: 0; margin: var(--s-l) 0 0; }
.pcard3 { position: relative; aspect-ratio: 4 / 5; border-radius: var(--r-panel); overflow: hidden; isolation: isolate; color: var(--white); }
.pcard3 figure { position: absolute; inset: 0; margin: 0; z-index: -2; }
.pcard3 figure img, .pcard3 figure video { width: 100%; height: 100%; object-fit: cover; transition: transform 1400ms var(--ease); }
.pcard3::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(14, 16, 19, 0) 34%, rgba(14, 16, 19, .62) 62%, rgba(14, 16, 19, .94)); }
.pcard3 .kc { position: absolute; inset: auto 0 0; padding: var(--s-m); display: grid; gap: .6em; }
.pcard3 h3 { font-size: clamp(30px, 3vw, 60px); font-weight: 900 !important; text-transform: uppercase; letter-spacing: -.03em; line-height: .95; }
.pcard3 h3 .w-light { font-weight: 500; color: var(--gold-200); }
.pcard3 .d { font-size: var(--t-small); color: var(--white); max-height: 0; opacity: 0; overflow: hidden; transition: max-height 700ms var(--ease), opacity 500ms var(--ease); }
.pcard3:hover .d, .pcard3:focus-within .d { max-height: 10em; opacity: 1; }
.pcard3:hover figure img, .pcard3:hover figure video { transform: scale(1.06); }
@media (hover: none), (max-width: 1024px) { .pcard3 .d { max-height: none; opacity: 1; } }
@media (max-width: 1024px) { .pil { grid-template-columns: 1fr; } .pcard3 { aspect-ratio: 4 / 3; } }