/* the post cards (assets/posts.js) on Blog and at the foot of a post */
.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.note{display:flex;flex-direction:column;text-decoration:none;color:var(--navy)}
.note .art{aspect-ratio:16/10;border-radius:22px;display:grid;place-items:center;overflow:hidden;margin-bottom:20px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.note:hover .art{transform:scale(.985)}
.note.soon{cursor:default}.note.soon:hover .art{transform:none}.note.soon .art{filter:grayscale(1);opacity:.55}.note.soon h3,.note.soon p{opacity:.55}
.v-heat{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:58%}.v-heat i{aspect-ratio:1.6/1;border-radius:3px}
.note h3{font-size:18px;font-weight:500;letter-spacing:-.005em;line-height:1.45}
.note p{font-size:16px;line-height:1.52;color:#8C8AA0;margin-top:6px}
.note .meta{display:flex;align-items:baseline;gap:14px;margin-top:auto;padding-top:16px}
.note .meta span:first-child{font:500 11px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#140945}
.note .meta span:last-child{font-size:14px;color:#9A9AAE}
.v-people{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0;max-width:70%}
.v-people i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:500 13px var(--mono);font-style:normal;color:#140945;border:3px solid rgba(255,255,255,.9);margin-left:-10px}
.v-people span{flex-basis:100%;text-align:center;margin-top:16px;font-size:15px;color:#140945}
.v-tools{display:flex;flex-direction:column;gap:8px;width:56%}
.v-tools p{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:9px 12px;margin:0;font-size:14px;color:#140945;box-shadow:0 6px 16px -12px rgba(20,9,69,.5)}
.v-tools svg{width:18px;height:18px}.v-tools span{flex:1}.v-tools em{font:11px var(--mono);font-style:normal;color:#8C8AA0}
/* the harness card: a simple system drawn as a diagram, no words. The frame around it is the harness; it is open at one red spot, the weak spot */
.v-harn{width:78%;height:auto;display:block}
.v-count{display:flex;flex-direction:column;align-items:center;gap:4px;width:66%}
.v-count b{font:400 56px/1 var(--sans);letter-spacing:-.04em;color:#D02C24}.v-count>span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6A6E88;margin-bottom:14px}
.v-count .mos{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;width:100%}.v-count .mos i{aspect-ratio:1/1.3;border-radius:1px}
.v-aware{display:flex;flex-direction:column;gap:14px;width:60%}
.v-aware span{align-self:flex-start;font:500 13px var(--mono);background:#fff;color:#140945;padding:9px 12px;border-radius:8px;box-shadow:0 6px 16px -12px rgba(20,9,69,.5)}
.v-aware .m{align-self:flex-end;background:transparent;box-shadow:none;border:1.5px dashed rgba(20,9,69,.35)}
.notes-grid.three{grid-template-columns:repeat(3,1fr);gap:40px 24px}.notes-grid.three .art{border-radius:18px}
@media (max-width:980px){.notes-grid.three{grid-template-columns:1fr 1fr}}@media (max-width:760px){.notes-grid,.notes-grid.three{grid-template-columns:1fr}}