/* Continuous home navigation and neutral artwork placeholders. */
.site-header{
  position:sticky;
  top:0;
  z-index:120;
  width:100%;
  max-width:none!important;
  height:88px;
  margin:0!important;
  padding:0 5%;
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.home-chapter{scroll-margin-top:88px;position:relative}
.home-chapter-overview{padding-top:1px;background:#f4f4ee}
.home-chapter-about{background:#ece8f5}
.home-chapter-works{background:#f7f4e8}
.home-chapter-resume{background:#e7eee2}
.home-chapter-contact{background:#f5dfaf}
.home-chapter .page{animation:none}
.home-chapter-about .portrait,.home-chapter-contact .contact-art{background:#d9e4d9}
.home-chapter-works{--category-accent:#777;--blue:#4f4f4f}
.home-chapter .chapter-nav{background:inherit}
.art-placeholder{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  background:#c9c9c6;
  border:1px solid #a9aaa7;
}
.prototype-cover-back .art-placeholder{background:#bfc0bd;border-color:#a6a7a4}
.prototype-cover-front .art-placeholder,.prototype-project-image .art-placeholder{background:#cdcdca}
.category-image .art-placeholder,.zoom-image .art-placeholder,#lightbox-image .art-placeholder{background:#c7c7c4}
.prototype-cover-back img,.prototype-cover-front img,.prototype-project-image img,.category-image img,.zoom-image img,.prototype-cover-back video,.prototype-cover-front video,.prototype-project-image video,.category-image video,.zoom-image video{display:block;width:100%;height:100%;margin:0;object-fit:cover}
.category-project:hover .art-placeholder,.prototype-project:hover .art-placeholder,.prototype-cover-front:hover .art-placeholder{background:#c1c1be}
#lightbox-image .art-placeholder{width:100%;height:100%}
body[data-page="home"] .site-footer{padding-top:0}
@media(max-width:700px){
  .site-header{height:72px;padding:0 6%}
  .site-header nav{top:71px;left:0;right:0;padding-left:6%;padding-right:6%;background:var(--surface)}
  .home-chapter{scroll-margin-top:72px}
  .home-chapter .page{padding-top:58px}
}
@media(prefers-reduced-motion:reduce){.category-project:hover .art-placeholder,.prototype-project:hover .art-placeholder,.prototype-cover-front:hover .art-placeholder{background:#c9c9c6}}