.topics-page{display:grid;gap:1rem}.topics-page__eyebrow{margin:0;font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-accent) 84%,var(--muted-text-color))}.topics-directory{display:grid;gap:1rem}.topics-directory__header{display:grid;gap:.35rem}.topics-directory__header h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.topics-directory__summary{margin:0;max-width:42ch;color:var(--card-description-color)}.topics-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem;align-items:stretch}.topic-tile{--topic-accent: color-mix(in srgb, var(--brand-accent) 82%, #8b5a2b 18%);--topic-accent-dark: color-mix(in srgb, var(--brand-accent) 56%, #3a2a18 44%);position:relative;display:grid;grid-template-rows:auto minmax(3.25rem,1fr) auto;gap:.95rem;min-height:100%;padding:1.35rem 1.05rem 1.05rem;border-radius:1.625rem;border:1px solid color-mix(in srgb,var(--topic-accent) 22%,var(--border-color));background:radial-gradient(circle at top right,color-mix(in srgb,var(--topic-accent) 16%,transparent),transparent 28%),linear-gradient(162deg,color-mix(in srgb,var(--topic-accent) 13%,var(--background-color)),color-mix(in srgb,var(--topic-accent-dark) 3%,var(--background-color)));box-shadow:inset 0 1px #ffffff38,0 20px 42px color-mix(in srgb,var(--topic-accent) 10%,transparent);color:var(--text-color);text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.topic-tile:before{content:"";position:absolute;inset:auto -10% -22% auto;width:10rem;height:10rem;border-radius:999px;background:color-mix(in srgb,var(--topic-accent) 16%,transparent);filter:blur(10px);pointer-events:none}@media(hover:hover)and (pointer:fine){.topic-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--topic-accent) 34%,var(--border-color));box-shadow:inset 0 1px #ffffff47,0 24px 48px color-mix(in srgb,var(--topic-accent) 12%,transparent)}}.topic-tile__index{position:absolute;right:1rem;top:.8rem;font-family:var(--font-serif);font-size:clamp(2.7rem,6vw,4.2rem);line-height:.8;letter-spacing:-.06em;color:color-mix(in srgb,var(--topic-accent) 18%,transparent);pointer-events:none}.topic-tile__pill,.topic-tile__date{font-family:var(--font-sans);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topic-tile h3{position:relative;z-index:1;margin:0;max-width:10ch;font-size:clamp(1.45rem,3vw,2rem);line-height:1;letter-spacing:-.04em}.topic-tile__art{position:relative;z-index:1;display:flex;align-items:flex-end;min-height:3.6rem;margin-top:.05rem;padding:.15rem 0 .05rem;color:color-mix(in srgb,var(--topic-accent) 48%,var(--muted-text-color))}.topic-tile__art:before{content:"";position:absolute;right:.6rem;bottom:.25rem;width:4.1rem;height:4.1rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--topic-accent) 20%,transparent);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),transparent 38%),color-mix(in srgb,var(--topic-accent) 10%,transparent);pointer-events:none}.topic-tile__art:after{content:"";position:absolute;left:0;right:2.8rem;bottom:1.7rem;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--topic-accent) 38%,transparent),transparent);pointer-events:none}.topic-tile__art .topic-glyph{position:relative;z-index:1;width:min(100%,9rem);height:auto;overflow:visible}.topic-tile__footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.topic-tile__pill{display:inline-flex;align-items:center;min-height:2rem;padding:0 .8rem;border-radius:999px;background:color-mix(in srgb,var(--topic-accent) 12%,var(--background-color));color:color-mix(in srgb,var(--topic-accent) 82%,var(--text-color))}.topic-tile__date{color:color-mix(in srgb,var(--topic-accent) 54%,var(--muted-text-color));white-space:nowrap}@media(max-width:920px){.topics-directory__grid{grid-template-columns:1fr}.topic-tile h3{max-width:12ch}}@media(max-width:700px){.topics-page{gap:.8rem}.topics-directory__grid{gap:.875rem}.topic-tile{padding:1.2rem 1rem 1rem;border-radius:1.375rem;grid-template-rows:auto minmax(2.875rem,1fr) auto}.topic-tile__date{white-space:normal}.topic-tile__footer{align-items:flex-start;flex-direction:column}.topic-tile__index{font-size:3rem;right:.9rem;top:.85rem}}@media(prefers-color-scheme:dark){.topic-tile{--topic-accent: color-mix(in srgb, var(--brand-accent) 58%, #9f8368 42%);--topic-accent-dark: color-mix(in srgb, var(--brand-accent) 20%, #141417 80%);border-color:color-mix(in srgb,var(--topic-accent) 12%,var(--border-color));background:radial-gradient(circle at top right,color-mix(in srgb,var(--topic-accent) 9%,transparent),transparent 28%),linear-gradient(162deg,color-mix(in srgb,var(--topic-accent) 6%,var(--background-color)),color-mix(in srgb,var(--topic-accent-dark) 2%,var(--background-color)));box-shadow:inset 0 1px #ffffff0f,0 16px 34px #0003}.topic-tile:before{background:color-mix(in srgb,var(--topic-accent) 9%,transparent)}.topic-tile__pill{background:color-mix(in srgb,var(--topic-accent) 8%,var(--surface-color));color:color-mix(in srgb,var(--topic-accent) 58%,var(--text-color))}.topic-tile__date,.topic-tile__art{color:color-mix(in srgb,var(--topic-accent) 36%,var(--muted-text-color))}}@media(prefers-reduced-motion:reduce){.topic-tile{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.topic-tile:hover{transform:none}}