/* Genesis Web projects taxonomy.
   Keeps the existing filter component and adds only a second, website-specific
   navigation level. Project cards and proof geometry are intentionally untouched. */

.gw-projects-skip-link{
  position:fixed;
  top:8px;
  left:8px;
  z-index:10000;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:var(--ink);
  color:var(--paper);
  font:600 13px/1 Onest,"Segoe UI",sans-serif;
  text-decoration:none;
  transform:translateY(calc(-100% - 20px));
  transition:transform 160ms ease;
}

.gw-projects-skip-link:focus-visible{
  transform:none;
  outline:3px solid var(--green);
  outline-offset:3px;
}

.gw-projects-subfilters{
  flex:0 0 100%;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid var(--line);
}

.gw-projects-subfilters[hidden]{display:none}

.gw-projects-subfilters .gw-projects-filter{
  padding-inline:13px;
  background:rgba(255,255,255,.28);
  font-size:12px;
}

.gw-projects-subfilters .gw-projects-filter[aria-pressed="true"]{
  border-color:var(--green-deep);
  background:var(--green-deep);
  color:var(--paper);
}

.gw-projects-filter-status{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

@media(max-width:1024px){
  .gw-projects-subfilters .gw-projects-filter{min-height:44px}
}

@media(max-width:767.98px){
  /* projects.css makes the legacy one-level filter a horizontal scroller.
     The taxonomy is two-level, so keep both levels in normal flow to avoid
     hiding the website subfilters off-screen to the right. */
  .gw-projects-filters[data-taxonomy-ready="true"]{
    flex-wrap:wrap;
    margin-right:0;
    padding-right:0;
    overflow-x:visible;
  }

  .gw-projects-filters[data-taxonomy-ready="true"]>.gw-projects-filter{
    flex:0 1 auto;
  }

  .gw-projects-subfilters{
    width:100%;
    flex-basis:100%;
    column-gap:7px;
    row-gap:12px;
    margin-top:8px;
    padding-top:14px;
  }

  .gw-projects-subfilters .gw-projects-filter{
    max-width:100%;
    white-space:normal;
    text-align:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .gw-projects-skip-link{transition:none}
}