.project-website{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin-top:8px;color:var(--ink);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.project-website:hover{opacity:.65}
.project-website-group{display:flex;flex-direction:column;align-items:flex-start}
.project-website-note{max-width:42ch;color:#626c65;font-size:12px;line-height:1.5}
.case-lead .project-website-group{align-items:center}
.project-featured .project-preview,.project-featured .project-details{display:block;min-width:0}
.project-featured .project-facts{margin-top:16px}
.project-featured .project-facts>div{padding-top:13px}
.project-featured .project-fact-status{margin-bottom:12px}
.case-lead .project-website{margin-top:12px;font-size:14px}

.project-website-actions{display:flex;flex-wrap:wrap;gap:0 24px;max-width:100%}
.case-lead .project-website-actions{justify-content:center}

/* Center status and website actions when project cards stack vertically. */
@media(max-width:1279px){
  .project-featured .project-fact-status{text-align:center}
  .project-featured .project-summary>.project-website{display:flex;width:max-content;margin-inline:auto}
  .project-featured .project-website-group{align-items:center;text-align:center}
  .project-featured .project-website-actions{justify-content:center}
}