.project-art{position:relative;overflow:hidden;background:#f6f6f7;padding:0}
.project-pattern{position:absolute;left:22px;right:22px;bottom:0;width:calc(100% - 44px);height:calc(100% - 42px)}
.project-art .card-date{position:absolute;top:14px;right:18px;background:#f6f6f7;padding:0 4px}

/* Filecoin brand sheet: https://hub.fil.org/design
   Unmodified mark from https://www.filecoin.io/ (September 22, 2026).
   Keep the mark at least 40px, with at least 20px clear space on every side. */
.projects-heading{align-items:center;gap:32px}
.filecoin-badge{position:relative;display:flex;align-items:center;gap:20px;flex:0 1 auto;max-width:100%;padding:24px;background:#fff;border:1px solid var(--line);border-top:3px solid #0090ff;box-shadow:0 4px 0 #0090ff0d;color:var(--ink);text-decoration:none;transition:border-color .18s,box-shadow .18s}
.filecoin-badge>img{display:block;flex:none;width:40px;height:40px}
.filecoin-badge-copy{display:flex;flex-direction:column;min-width:0;gap:5px}
.filecoin-badge-label{font:10px/1.5 var(--mono);letter-spacing:.07em;color:var(--muted)}
.filecoin-badge strong{font:600 22px/1.2 var(--sans);letter-spacing:-.035em}
.filecoin-badge-description{font:12px/1.5 var(--sans);color:var(--muted)}
.filecoin-badge-arrow{flex:none;align-self:flex-start;margin-top:3px;color:#0063b3}
.filecoin-badge:hover{border-color:#0090ff;box-shadow:0 4px 0 #0090ff1a}
.filecoin-badge:focus-visible{outline:3px solid #0063b3;outline-offset:5px}
@media(max-width:850px){.projects-heading{flex-wrap:wrap}.filecoin-badge{margin-top:8px}}
@media(max-width:700px){.filecoin-badge{width:100%;margin-top:24px;padding:22px 20px;gap:20px}.filecoin-badge strong{font-size:20px}.filecoin-badge-label{font-size:9px}.filecoin-badge-arrow{position:absolute;top:15px;right:14px;width:13px;height:13px}.filecoin-badge-label{padding-right:5px}}
@media(prefers-reduced-motion:reduce){.filecoin-badge{transition:none}}

/* Award labels stay separate from the tracks a project entered. */
.project-awards{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 5px;padding:0}
.award-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 9px;border:1px solid #dfc981;background:#fff8df;color:#654900;font:11px/1.5 var(--mono)}
.award-badge svg{flex:none}
.award-badge-grand{border-color:#f2b39d;background:#fff0e8;color:#8b3015}
.winners-toggle{flex:none;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);font:12px/1.5 var(--mono);cursor:pointer}
.winners-toggle:hover{border-color:#8b6a14}
.winners-toggle[aria-pressed="true"]{border-color:#8b6a14;background:#fff3c4;color:#654900}
.winners-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:700px){.gallery-results-bar{flex-wrap:wrap;gap:12px}}

.award-badge-noteworthy{border-color:#d8d4ca;background:#f5f3ed;color:#585248}