/* Keep the orbital decoration separate from readable project copy. */
.projects:not(.list-mode) .project-universe{padding:32px 24px;background:#08111de8}
.projects:not(.list-mode) .project-orbits{opacity:.55}
.projects:not(.list-mode) .grid{align-items:start;gap:42px 24px}
.projects:not(.list-mode) .grid[data-visible-count="1"]{grid-template-columns:minmax(0,430px);justify-content:center}
.projects:not(.list-mode) .grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;gap:32px clamp(24px,5vw,80px)}
.projects:not(.list-mode) .project{padding:16px 0 0;min-width:0}
.projects:not(.list-mode) .card-body{position:relative;isolation:isolate;width:100%;max-width:390px;padding:18px 14px 20px;margin-top:18px;gap:12px;background:#08111d;border-radius:6px}
.projects:not(.list-mode) .project h3{font-size:clamp(22px,1.8vw,28px);line-height:1.25;overflow-wrap:anywhere;margin:0}
.projects:not(.list-mode) .summary{font-size:16px;line-height:1.7}
.projects:not(.list-mode) .card-category{font-size:12px;line-height:1.5}
.projects:not(.list-mode) .card-more{font-size:14px;margin-top:4px}
@media(max-width:700px){.projects:not(.list-mode) .project-universe{padding:22px 12px}.projects:not(.list-mode) .grid,.projects:not(.list-mode) .grid[data-visible-count="2"]{gap:28px 16px}.projects:not(.list-mode) .card-body{padding:16px 8px}.projects:not(.list-mode) .project h3{font-size:22px}}
@media(max-width:520px){.projects:not(.list-mode) .grid,.projects:not(.list-mode) .grid[data-visible-count="2"]{grid-template-columns:minmax(0,1fr)}.projects:not(.list-mode) .project-orbits{opacity:.3}}
@media print{.projects:not(.list-mode) .card-body,.projects:not(.list-mode) .project-universe{background:white}}