/* Festival distinctions on the Groove Way and Devotus Anima project pages. */
html body #views #work[data-cat="projects"] .od-project-view:is([data-project-view="groove"],[data-project-view="devotus"]) .od-project-awards {
  min-width:0;
  width:100%;
  align-self:start;
  padding-top:clamp(8px,1.4vh,14px);
}
html body #views #work[data-cat="projects"] .od-project-awards h4 {
  margin:0 0 11px;
  font:700 10px/1.35 var(--od-site-copy,'Manrope',sans-serif);
  letter-spacing:.14em;
  color:#d1ff00;
}
html body #views #work[data-cat="projects"] .od-project-awards ul {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
}
html body #views #work[data-cat="projects"] .od-project-awards li {
  display:grid;
  grid-template-columns:minmax(116px,.8fr) minmax(0,2fr) auto;
  align-items:baseline;
  column-gap:11px;
  row-gap:4px;
  border-top:1px solid rgba(255,255,255,.16);
  padding:9px 0;
  min-width:0;
}
html body #views #work[data-cat="projects"] .od-project-award-kind {
  color:#c8cbd0;
  font:700 9px/1.5 var(--od-site-copy,'Manrope',sans-serif);
  letter-spacing:.045em;
}
html body #views #work[data-cat="projects"] .od-project-award-festival {
  color:#f6f6f6;
  font:500 11.5px/1.45 var(--od-site-copy,'Manrope',sans-serif);
  overflow-wrap:break-word;
}
html body #views #work[data-cat="projects"] .od-project-award-year {
  color:#b7bbc4;
  font:600 10.5px/1.45 var(--od-site-copy,'Manrope',sans-serif);
  font-variant-numeric:tabular-nums;
}
@media(max-width:600px){
  html body #views #work[data-cat="projects"] .od-project-awards li {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"kind year" "festival festival";
    row-gap:3px;
  }
  html body #views #work[data-cat="projects"] .od-project-award-kind {grid-area:kind;}
  html body #views #work[data-cat="projects"] .od-project-award-festival {grid-area:festival;font-size:12px;}
  html body #views #work[data-cat="projects"] .od-project-award-year {grid-area:year;}
}