:root{--post-row-thumbnail-size: 220px;--post-row-card-height: 220px}.post-grid{display:grid;gap:clamp(14px,2.2vw,22px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.post-card{position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;background:#ffffff05;border-radius:22px;box-shadow:0 1px 2px #0000002e;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;isolation:isolate;margin:auto;width:clamp(280px,60vw,900px);box-shadow:0 0 4px 2px #fff3;padding:none}.post-card:hover{box-shadow:0 0 2px 2px #ffffff4d}.post-card:focus-within{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,rgb(var(--brand-color)) 55%,transparent),0 20px 44px #00000080}.post-card-link{flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;z-index:1}.post-card-thumb{overflow:hidden;border-radius:8px;background:#0b0e15}.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-card-thumb img{transform:scale(1.04)}.post-card-link--overlay{position:relative;display:block;min-height:280px}.post-card-link--overlay .post-card-thumb{position:absolute;inset:0;border-radius:14px;aspect-ratio:auto}.post-card-link--overlay .post-card-info{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:.5rem 1rem;border-radius:0 0 14px 14px;background:linear-gradient(to bottom,#0000,#0000001a 15%,#0000004d 30%,#0006 60%,#00000080 75%)}.post-card-link--overlay .post-card-title{margin-top:0;text-align:left;justify-content:flex-start;min-height:2rem}.post-card-link--overlay .post-card-desc{text-indent:0}.post-card--row{background:linear-gradient(120deg,var(--post-card-bg, rgba(255,255,255,.02)) 70%,rgba(0,0,0,.32) 130%);border-radius:16px;box-shadow:0 0 4px 2px var(--post-card-bg, rgba(255,255,255,.2))}.post-card--row:hover,.post-card--row:focus-within{box-shadow:0 0 8px 3px var(--post-card-bg, rgba(255,255,255,.3))}.post-card-link--row{display:grid;grid-template-columns:minmax(112px,var(--post-row-thumbnail-size)) minmax(0,1fr) 48px;align-items:center;gap:clamp(.85rem,2vw,1.35rem);min-height:var(--post-row-card-height)}.post-card-link--row .post-card-thumb{width:100%;height:100%;max-width:var(--post-row-thumbnail-size);max-height:var(--post-row-thumbnail-size);aspect-ratio:1;border-radius:12px;background:#000}.post-card-link--row .post-card-thumb img{object-fit:contain}.post-card-link--row .post-card-info{min-width:0}.post-card-link--row .post-card-desc{min-height:0;margin:0;text-indent:0}.post-card-row-arrow{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background-color:var(--post-card-bg-inverse, #ffffff);color:var(--post-card-bg, rgba(0,0,0,1));font-size:1.25rem;line-height:1;transition:transform .18s ease,background .18s ease,border-color .18s ease;margin-right:2rem}.post-card:hover .post-card-row-arrow,.post-card:focus-within .post-card-row-arrow{transform:translate(4px);border-color:#ffffff47}.post-card--row.post-card--no-thumb{padding:0}.post-card--no-thumb .post-card-link--row{display:grid;grid-template-columns:minmax(0,1fr) 48px}.post-card-title{font-size:clamp(1.24rem,.6vw + 1rem,1.48rem);font-weight:900;margin:0 0 .25rem;color:var(--post-card-bg-inverse, #ffffff);height:5.2rem;text-align:center;display:flex;justify-content:center;align-items:center;margin:0 .35rem 0rem}.post-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(1rem,.3vw + .75rem,1.1rem);line-height:1.55;min-height:3.1em;color:var(--post-card-bg-inverse, #ffffff);margin:0 0 .5rem;text-indent:1.25rem;text-align:center;opacity:.8}.read-post{margin-top:auto;font-size:.92rem;font-weight:800;text-align:right;color:color-mix(in oklab,rgb(var(--brand-color)) 86%,white);opacity:.85;letter-spacing:.01em;transition:opacity .18s ease,letter-spacing .18s ease}.post-card:hover .read-post{opacity:1;letter-spacing:.02em}.post-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem}.post-card-footer.has-badge{justify-content:space-between}.post-card-badges{display:flex;gap:.4rem;align-items:center}@media (max-width: 640px){:root{--post-row-thumbnail-size: 96px;--post-row-card-height: 108px}.post-card-link--row{grid-template-columns:var(--post-row-thumbnail-size) minmax(0,1fr) 40px;gap:.75rem;min-height:var(--post-row-card-height);padding:.55rem}.post-card-link--row .post-card-thumb{border-radius:10px}.post-card-link--row .post-card-title{font-size:1rem}.post-card-link--row .post-card-desc{font-size:.82rem;line-height:1.45}.post-card-row-arrow{width:36px;height:36px;font-size:1.05rem;margin-right:.5rem}.post-card--no-thumb .post-card-link--row{grid-template-columns:minmax(0,1fr) 40px}.post-card-footer.has-badge .post-card-badges{overflow-x:auto;padding-bottom:.35rem;margin-right:-.25rem;scroll-snap-type:x mandatory}.post-card-footer.has-badge .post-card-badges::-webkit-scrollbar{height:4px}.post-card-footer.has-badge .post-card-badges::-webkit-scrollbar-track{background:#ffffff14}.post-card-footer.has-badge .post-card-badges::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}.post-card-footer.has-badge .post-card-badges>*{flex:0 0 auto;scroll-snap-align:start}}.post-card .read-post{color:rgb(var(--brand-color));font-weight:700}.p5-badge,.review-badge,.info-badge,.nasa-badge{padding:.25rem .55rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;backdrop-filter:blur(3px);border:1px solid transparent}.p5-badge,.review-badge,.info-badge,.nasa-badge{color:rgb(var(--brand-color));border-color:rgb(var(--brand-color))}.post-card-link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,rgb(var(--brand-color)) 55%,transparent);border-radius:12px}@media (prefers-reduced-motion: reduce){.post-card,.post-card-thumb img,.post-card-row-arrow{transition:none!important}.post-card:hover{transform:none!important}}@media (prefers-color-scheme: light){.post-card{background:linear-gradient(180deg,#0a0c1e0a,#0a0c1e07);border-color:#0a0c1e1a;box-shadow:0 10px 22px #080c281f}.post-card:hover{box-shadow:0 30px 50px #080c282e;background:#0a0c1e0f}.post-card--row{background:linear-gradient(90deg,var(--post-card-bg, rgba(10,12,30,.06)) 0%,rgba(0,0,0,.22) 100%)}.post-card-title{color:#0f1320}.post-card-meta{color:#4a536b}.post-card-desc{color:#69738c}}