/* Preserve the original Figma intro proportions, including on tall windows. */
.home{--home-nav-height:80px}

/* Separate layouts, shared links: only Semi changes artwork with the theme. */
.project-card .cover-mobile,.project-card .cover-dark{display:none}
html[data-theme=dark] .project-semi .cover-light{display:none}
html[data-theme=dark] .project-semi .cover-dark.cover-desktop{display:block}
.project-card .cover-fit>div{font-synthesis:none}
.home:has(.site-nav:not(.nav-hidden)) .selected-title{top:calc(var(--home-nav-height) + 12px)}

@media(max-width:767px){
  .home .projects{padding-inline:20px}
  .home .site-nav{padding-inline:20px}
  .home .selected-title{font-size:clamp(36px,8vw,52px);margin-bottom:24px;top:20px}
  .project-card .cover-desktop{display:none}
  .project-card .cover-mobile.cover-light,.project-card:not(.project-semi) .cover-mobile{display:block}
  html[data-theme=dark] .project-semi .cover-light{display:none}
  html[data-theme=dark] .project-semi .cover-dark.cover-desktop{display:none}
  html[data-theme=dark] .project-semi .cover-dark.cover-mobile{display:block}
  .project-list .project-card{max-width:var(--mobile-card-width,100%);margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){
  .project-list{gap:32px}
  .project-list .stack-item{position:relative;height:auto}
}