/* Forms & Standing R21 — independent viewport backdrop, not page-sized pseudo.
 * Fix for: FAQ open/close changes .fs11-main height and therefore the height of
 * its ::before background element, making the architecture move/re-render.
 * The backdrop is now a fixed sibling of the entire page. Its dimensions are
 * relative ONLY to the viewport, never to the FAQ or document height.
 * Existing R19 hero morph, R18 glass, both themes and native <details> remain.
 */
body{position:relative;isolation:isolate}
.fs21-viewport-backdrop{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:0;
  display:block;
  pointer-events:none;
  contain:layout paint style;
  background-image:url("fs-columns-hero-r11.webp");
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
  filter:grayscale(1) contrast(.80) blur(6px);
  opacity:var(--fs17-architectural-opacity);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0px,#000 120px,#000 calc(100% - 120px),rgba(0,0,0,.85) 100%);
  mask-image:linear-gradient(to bottom,transparent 0px,#000 120px,#000 calc(100% - 120px),rgba(0,0,0,.85) 100%);
}
/* Completely retire the height-dependent, main-bound pseudo background. */
.fs11-main::before{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.fs11-main{
  position:relative!important;
  isolation:auto!important;
  z-index:1!important;
  background:transparent!important;
}
.fs11-stage{
  position:relative!important;
  z-index:1!important;
}
.fs11-footer{
  position:relative;
  z-index:1;
  background:transparent!important;
}
.fs11-workspace-section::before,
.fs11-main>.fs11-section:first-child::before{
  content:none!important;
  display:none!important;
}
html[data-theme="dark"] .fs21-viewport-backdrop{
  filter:grayscale(1) contrast(.88) blur(6px);
}
@media(max-width:850px){
 .fs21-viewport-backdrop{
   background-position:54% 50%;
   background-size:cover;
 }
}
@media(max-width:600px){
 .fs21-viewport-backdrop{
   background-position:58% 50%;
   filter:grayscale(1) contrast(.84) blur(7px);
 }
}