/* A compact featured work, followed by one registration-ordered catalog. */
.projects-page .page-intro{padding:44px 0 28px}
.projects-page .page-intro h1{font-size:36px;margin:12px 0}
.project-ai-note{max-width:900px;margin-top:16px;padding-left:14px;border-left:2px solid var(--line);font-size:12px;line-height:1.8;color:#5e675f}
.project-directory{margin-bottom:48px;scroll-margin-top:24px}
.project-feature-compact{grid-template-columns:115px minmax(0,1fr);gap:24px;padding:18px 22px;border:1px solid var(--line);background:var(--soft);margin-bottom:34px;scroll-margin-top:24px}
.project-feature-compact .mbti-art{min-height:0;aspect-ratio:5/3}
.project-feature-compact .mbti-art svg{height:auto}
.project-feature-compact .art-caption{display:none}
.project-feature-compact .project-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}
.project-feature-compact .project-copy>*{grid-column:1}
.project-feature-compact .project-copy .eyebrow{font-size:10px;letter-spacing:.5px}
.project-feature-compact .project-copy h2{font-size:21px;letter-spacing:-.7px;margin:5px 0}
.project-feature-compact .project-copy h2 span{font-size:16px;margin-left:4px}
.project-feature-compact .project-copy>p:not(.eyebrow){font-size:12px;line-height:1.7}
.project-feature-compact .project-copy>.text-link{grid-column:2;grid-row:1/4;white-space:nowrap}
.project-list-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;margin-bottom:16px;scroll-margin-top:24px}
.project-list-heading>span{position:absolute}
.project-list-heading h2{font-size:23px;font-weight:600;letter-spacing:-.8px}
.project-list-heading p{font-size:12px;color:var(--muted)}
.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.project-filters button{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--green);padding:8px 13px;font-size:12px;line-height:1.5}
.project-filters button span{font-size:10px;margin-left:5px;opacity:.75}
.project-filters button:hover{background:var(--soft)}
.project-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-grid .illustrated-project{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center;min-width:0;padding:22px 20px;border:1px solid var(--line);margin:0;scroll-margin-top:24px}
.project-cover{display:block;overflow:hidden;aspect-ratio:5/3}
.project-cover img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.project-cover:hover img{transform:scale(1.025)}
.secondary-project-copy{min-width:0}
.secondary-project-copy .eyebrow{display:none}
.secondary-project-copy .project-topic{font-size:10px;color:var(--green);letter-spacing:.4px}
.secondary-project-copy h3{font-size:19px;font-weight:500;line-height:1.5;margin:6px 0 10px;letter-spacing:-.5px}
.secondary-project-copy p:not(.eyebrow):not(.project-topic){font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.secondary-project-copy br{display:none}
.secondary-project-copy .text-link{font-size:11px}
.project-load-more{display:block;margin:24px auto 0;padding:12px 24px;min-height:44px;width:min(360px,100%);border:1px solid var(--line);background:transparent;color:var(--green);font-size:13px}
.project-load-more:hover{background:var(--soft)}
@media(max-width:1000px){
  .project-grid .illustrated-project{grid-template-columns:85px minmax(0,1fr);gap:16px;padding:18px 16px}
  .secondary-project-copy h3{font-size:18px}
}
@media(max-width:760px){
  .projects-page .page-intro{padding:30px 0 24px}
  .projects-page .page-intro h1{font-size:29px;letter-spacing:-1.3px}
  .project-ai-note{font-size:11px;margin-top:14px}
  .project-feature-compact{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:16px;margin-bottom:28px}
  .project-feature-compact .project-copy{display:block}
  .project-feature-compact .project-copy h2{font-size:18px;line-height:1.5}
  .project-feature-compact .project-copy .eyebrow{font-size:9px}
  .project-feature-compact .project-copy>p:not(.eyebrow){font-size:11px}
  .project-feature-compact .project-copy>.text-link{display:inline-block;font-size:11px;margin-top:8px}
  .project-list-heading{display:block}
  .project-list-heading h2{font-size:21px}
  .project-list-heading p{font-size:11px;margin-top:7px}
  .project-filters{gap:7px;margin-bottom:20px}
  .project-filters button{font-size:11px;padding:8px 11px}
  .project-grid{grid-template-columns:1fr;gap:13px}
  .project-grid .illustrated-project{grid-template-columns:86px minmax(0,1fr);gap:16px;padding:18px 16px}
  .secondary-project-copy h3{font-size:17px}
  .secondary-project-copy p:not(.eyebrow):not(.project-topic){font-size:11px}
  .secondary-project-copy .text-link{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-cover img{transition:none}}