.projects-intro{margin-bottom:2rem}
.projects-intro h1{margin-bottom:.6rem}
.project-feature{margin:0 0 3rem;scroll-margin-top:2rem;min-width:0}
.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.65rem 0;border-top:1px solid #c8b8a4}
.project-heading h2{font-size:1.85rem;margin:0;line-height:1.4}
.project-heading h2 a{font-weight:400}
.project-type{font-size:.8rem;color:#817568;white-space:nowrap}
.project-layout{margin:.75rem 0 1.4rem}
.project-copy p{margin:0 0 .8rem;line-height:1.75;text-align:left}
.project-copy .project-lead{font-size:1.18rem;color:#302a24}
.project-copy .project-keywords{font-size:.8rem;color:#847564;margin-top:1.1rem}
.project-related{text-align:left;font-size:.88rem;margin-top:1rem}
.project-related h3{display:none}
.project-related a{font-weight:400;overflow-wrap:anywhere}
.project-related p{color:#817568;line-height:1.6;margin:.4rem 0}
.project-text-link{font-weight:400;text-decoration:underline;text-underline-offset:4px}
.project-items{list-style:none;margin:1rem 0 0;padding:1rem 1.25rem;background:#f4eee3}
.project-items li{margin:0;padding:.8rem 0}
.project-items li>div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.project-items a{font-weight:400;font-size:1.1rem;overflow-wrap:anywhere}
.project-items p{margin:.3rem 0 0;font-size:.95rem;color:#61574c;text-align:left}
.project-note{font-size:.8rem;color:#867866;text-align:right}
@media(min-width:75rem){
.projects-layout #content{max-width:82rem;width:calc(100% - 6rem)}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3.5rem;align-items:start}
.project-column{display:flex;flex-direction:column;gap:3rem;min-width:0}
.projects-grid .project-feature{margin-bottom:0}
.project-heading h2{font-size:1.65rem}
}
@media(max-width:600px){.project-heading{align-items:flex-start}.project-heading h2{font-size:1.5rem}.project-type{white-space:normal;text-align:right}.project-items{padding:.5rem 1rem}.project-note{max-width:8em}.project-feature{margin-bottom:2.5rem}}

@media(max-width:74.999rem){.projects-grid{display:flex;flex-direction:column}.project-column{display:contents}#camulus{order:0}#emacs{order:1}#kaoyan{order:2}#nix{order:3}#hust-typst{order:4}}