/* Additive scenery layer. No sidebar, body or global height overrides. */
.fp-site .fp-layout > .fp-town-center {
  min-width:0;
  width:100%;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  position:relative;
  isolation:isolate;
}
.fp-site .fp-town-center > .fp-main.fp-town-panel {
  position:relative;
  z-index:2;
  flex:0 0 auto;
  width:100%;
  min-height:0;
  margin:0;
}
/* Artwork keeps its proportions regardless of either sidebar's height.
   Extra vertical space fades into the site's navy, not a stretched image. */
.fp-site .fp-town-scene {
  position:relative;
  flex:1 0 auto;
  min-width:0;
  margin-top:-12px;
  pointer-events:none;
  user-select:none;
  background:linear-gradient(90deg,transparent,#060b15 5%,#060b15 95%,transparent);
}
.fp-site .fp-town-scene::before {
  content:"";
  display:block;
  width:100%;
  aspect-ratio:2 / 3;
  background:
    linear-gradient(180deg,#191919 0%,transparent 4%,transparent 76%,#060b15 100%),
    url('images/filipeyro-center-street.jpg') center top / 100% auto no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}
/* In the template's single-column mobile layout do not inherit a desktop
   row height; artwork remains in normal flow before the right sidebar. */
@media(max-width:700px) {
  .fp-site .fp-layout > .fp-town-center {align-self:auto;flex:0 0 auto;}
  .fp-site .fp-town-scene {flex:none;}
}