.card-grid{margin:var(--sp-0);padding:var(--sp-0);gap:var(--sp-5);grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(var(--measure) / 2 - var(--sp-5))), 1fr));list-style:none;display:grid}.card-grid:not(:has(>li:nth-child(3))){grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(var(--measure) / 2 - var(--sp-5))), 1fr))}.card-grid>li{flex-direction:column;min-inline-size:0;display:flex}.card{background-color:var(--raised);min-inline-size:0;color:var(--text);border:var(--hair) solid transparent;border-radius:var(--r-card);box-shadow:var(--shadow-soft);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-cover{padding:var(--sp-2) var(--sp-2) var(--sp-0)}.card-cover .image-slot{border-radius:var(--r-image);max-inline-size:none}.card-cover .image-slot[data-empty=true]{border:var(--sp-0)}.card-body{gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-card);flex-direction:column;flex:1;min-inline-size:0;display:flex}.card-meta,.card-foot{align-items:center;gap:var(--sp-1) var(--sp-3);margin:var(--sp-0);color:var(--muted);font-family:var(--font-body);font-size:var(--step--1);flex-wrap:wrap;display:flex}.card-type{font-weight:var(--w-bold);color:var(--accent-2)}.card-foot{margin-block-start:auto;padding-block-start:var(--sp-2)}.card-foot:empty{display:none}.card-title{margin:var(--sp-0);font-family:var(--head-font);font-weight:var(--head-weight);font-size:var(--step-1);line-height:var(--lh-head);letter-spacing:var(--track-none);overflow-wrap:anywhere}.card-title a{color:inherit;text-decoration:none}.card-title a:after{content:"";position:absolute;inset:0}.card-summary{margin:var(--sp-0);color:var(--text);font-family:var(--body-font);font-size:var(--step-0);line-height:var(--lh-body);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-mark{margin:var(--sp-0)}.card:hover{box-shadow:var(--shadow-lift)}.card:hover .card-title a{text-decoration:underline;text-decoration-thickness:var(--rule);text-underline-offset:var(--underline-offset)}.card:has(.card-title a:focus-visible){outline:var(--ring) solid var(--accent);outline-offset:var(--ring-offset)}.card-tab{align-items:center;gap:var(--sp-2);margin:var(--sp-2) var(--sp-2) var(--sp-0);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-2);background-color:var(--surface);color:var(--muted);font-family:var(--font-mono);font-size:var(--step--1);overflow-wrap:anywhere;min-inline-size:0;display:flex}.card-tab:before{content:"";inline-size:var(--dot);block-size:var(--dot);border-radius:var(--r-pill);background-color:var(--mark);flex:none}.card-tab span{min-inline-size:0}.card[data-look=philosopher]{border-radius:var(--r-card);background-color:var(--raised);border-block-start:var(--sp-1) solid var(--band)}.card[data-look=philosopher] .card-type{color:var(--accent-2)}.card[data-look=philosopher] .card-summary{font-size:var(--step-0)}.card[data-look=developer]{border-radius:var(--r-card);background-color:var(--surface)}.card[data-look=developer] .card-tab{background-color:var(--bg);box-shadow:inset 0 0 0 var(--hair) var(--accent)}.card[data-look=developer] .card-title{font-family:var(--font-body);font-weight:var(--w-bold)}.card[data-look=together]{border-radius:var(--r-card);background-color:var(--raised);position:relative}.card[data-look=together] .card-tab{display:none}.card[data-look=together]:before{content:"";z-index:1;block-size:var(--sp-1);background-image:linear-gradient(to left, var(--mark), var(--accent-2));pointer-events:none;position:absolute;inset-block-start:0;inset-inline:0}.card[data-look=together] .card-cover{padding-block-start:var(--sp-3)}.card[data-look=together] .card-type{color:var(--accent-2)}.card[data-look=together] .card-title{font-family:var(--font-display)}.cards-section-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;margin-block-end:var(--sp-4);display:flex}.cards-section-head>:first-child{margin:var(--sp-0)}.cards-more{font-family:var(--font-body);font-size:var(--step-0);font-weight:var(--w-medium)}.dev>.cards-section{margin-block:var(--sp-7)}.cards-section{min-inline-size:0}