.topicgrid{margin-bottom:var(--spacing-2xl)}.topicgridcontainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.5rem}.topiccard{display:flex;flex-direction:column;background:var(--card-bg, #ffffff);border-radius:10px;overflow:hidden;border:1px solid rgba(28,25,23,.08);box-shadow:0 1px 2px rgba(28,25,23,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.topiccard:hover{transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(28,25,23,.12);border-color:rgba(30,42,74,.18)}.topiccardimage{width:100%;aspect-ratio:16/9;height:auto;max-height:12rem;position:relative;overflow:hidden;display:block;background:#f3f1ec}@supports not (aspect-ratio:16/9){.topiccardimage{height:11rem}}@media (max-width:560px){.topiccard{flex-direction:row;align-items:stretch}.topiccardimage{flex:0 0 38%;max-width:38%;aspect-ratio:auto;height:auto;max-height:none;min-height:100%}.topiccardimage img{height:100%;width:100%;object-fit:cover}.topiccardcontent{flex:1;padding:.85rem 1rem .75rem;min-width:0}.topiccardcontent .categorytag{font-size:.6rem;padding:.15rem .45rem;margin-bottom:.45rem}.topiccardcontent h3,.topiccardcontent p{font-size:.95rem;line-height:1.25;margin-bottom:.4rem;-webkit-line-clamp:2}.topiccardcontent p{font-size:.78rem;line-height:1.45;margin-bottom:.55rem}.topiccardcontent .meta{font-size:.7rem;padding-top:.4rem}}.topiccardimage img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform var(--transition-base) var(--transition-smooth)}.topiccard:hover .topiccardimage img{transform:scale(1.08)}.topiccardimage::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1) 100%);transition:opacity .3s ease;pointer-events:none}.topiccard:hover .topiccardimage::after{opacity:.7}.topiccardcontent{padding:1.1rem 1.1rem 1rem;display:flex;flex-direction:column;flex-grow:1}.topiccardcontent .categorytag{display:inline-block;align-self:flex-start;padding:.2rem .55rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:rgba(212,165,116,.14);color:#b8893d;border:1px solid rgba(212,165,116,.3);border-radius:4px;margin-bottom:.65rem}.topiccardcontent h3,.topiccardcontent p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.topiccardcontent h3{font-family:"Playfair Display",Georgia,serif;font-size:1.0625rem;font-weight:700;line-height:1.3;margin:0 0 .55rem;letter-spacing:-.005em}.topiccardcontent h3 a{color:#1c1917;text-decoration:none;transition:color .15s}.topiccardcontent h3 a:hover{color:#1e2a4a}.topiccardcontent p{font-size:.825rem;line-height:1.55;color:rgba(28,25,23,.65);margin:0 0 .85rem;flex-grow:1}.topiccardcontent .meta{justify-content:space-between;font-size:.75rem;color:rgba(28,25,23,.55);padding-top:.6rem;margin-top:auto;border-top:1px solid rgba(28,25,23,.06)}.topiccardcontent .meta,.topiccardcontent .meta .date,.topiccardcontent .meta .readingtime{display:flex;align-items:center}@media (max-width:1024px){.topiccard{flex:1 1 calc(50% - 1rem)}}@media (max-width:768px){.topiccard{flex:1 1 100%}.topicgridcontainer{gap:var(--spacing-lg)}.topicgrid{margin-bottom:2.5rem}.topiccardcontent{padding:1.25rem}.topiccardcontent h3{font-size:var(--font-size-xl)}}@media (max-width:480px){.topiccardcontent h3{font-size:var(--font-size-lg)}}