/* Approved perspective floor, shared by the portfolio sections. */
body :is(#hero.hero,#about.about-studio,#work.work-cinematic,#contact.contact-cinematic).has-perspective-grid,
.projects-page.has-perspective-grid{isolation:isolate}
body :is(#hero.hero,#about.about-studio,#work.work-cinematic,#contact.contact-cinematic).has-perspective-grid>.section-grid,
.projects-page>.section-grid{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("assets/backgrounds/perspective-floor.svg?v=grid-1") center/var(--grid-width,100%) 100% no-repeat;
  mask-image:linear-gradient(90deg,#000 0 3%,#ffffffb8 9%,#ffffff90 40%,#000 53%);
}
/* Keep the same room-sized floor behind the long project index. */
.projects-page.has-perspective-grid{position:relative}
.projects-page>.section-grid{position:fixed;width:100%;height:100svh}
@media(max-width:980px){
  .has-perspective-grid{--grid-width:max(100%,900px)}
  .section-grid{opacity:.8}
}