/* Original restrained typographic project overview; branding belongs on detail pages. */
.project-reel{margin-top:42px;--project-gap:30px}
.v5 .project-reel .project-track{gap:var(--project-gap)}
.project-card{min-width:0;background:transparent;color:inherit}
.project-reel .project-card p{overflow-wrap:anywhere;hyphens:auto}
.project-reel .project-link{display:flex;align-items:center;justify-content:flex-end;width:44px;height:44px;transform:translateY(-50%)}
.project-controls{display:flex;justify-content:flex-end;gap:28px;margin-top:24px}.project-controls[hidden]{display:none}
.project-controls button{background:transparent;border:0;border-bottom:1px solid transparent;color:inherit;min-height:44px;padding:6px 0;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.project-controls button:hover{border-color:var(--pink-dark)}
.project-reel.is-ready .project-window{overflow:hidden}.v5 .project-reel.is-ready .project-track{display:flex}
.project-reel.is-ready .project-card{flex:0 0 calc((100% - 3 * var(--project-gap)) / 4)}
@media(max-width:1000px){.project-reel.is-ready .project-card{flex-basis:calc((100% - var(--project-gap)) / 2)}}
@media(max-width:540px){.project-reel.is-ready .project-card{flex-basis:100%}.project-controls{justify-content:space-between}.project-reel{margin-top:28px}}