/* ProSlavyan Memorial 0.6.3: quieter decorative composition.
   0.6.2 remains installed for the effects that still make sense.
   Gallery / Technologies / Heritage: static original 0.3.3 banners,
   NO extra mid/front illustrations. Never hide links, sections or content. */

/* History, Team, Library: reduce illustration from ~800px to ~440px.
   Leave center of the banners available for titles and descriptions. */
.is-interior:is(.page-history,.page-team,.page-library,.page-about) .psm62-intro-mid {
  height:clamp(320px,25vw,450px);
  right:-3%;bottom:-6%;
  opacity:.57;
  filter:drop-shadow(-8px 7px 13px rgba(0,0,0,.46)) brightness(.90);
}
.is-interior:is(.page-history,.page-team,.page-library,.page-about) .psm62-intro-front {
  height:clamp(325px,26vw,465px);
  right:-2%;bottom:-12%;
  opacity:.78;
  filter:drop-shadow(-9px 8px 15px rgba(0,0,0,.48)) brightness(.93);
}
/* Text stays distinct from the smaller museum objects. */
.is-interior:is(.page-history,.page-team,.page-library,.page-about) .psm62-intro-shade {
  background:linear-gradient(90deg,
    rgba(3,10,18,.98) 0%, rgba(4,11,20,.92) 24%,
    rgba(5,12,20,.74) 45%, rgba(5,12,20,.19) 74%,
    rgba(2,7,14,.04) 100%),
    linear-gradient(180deg,rgba(2,7,13,.35),transparent 31%,transparent 67%,rgba(3,10,17,.55));
}

/* Oak illustration moved out of the hero into the history-story chapter.
   It is decorative, small, unobtrusive, and cannot intercept mouse input. */
.is-home .museum-hero-scene .psm62-hero-oak {display:none;}
.is-home .museum-story {position:relative;isolation:isolate;overflow:hidden;}
.is-home .museum-story .psm63-story-oak {
  position:absolute;left:-120px;top:-115px;width:clamp(270px,31vw,510px);height:auto;
  max-width:none;z-index:0;opacity:.22;pointer-events:none;user-select:none;
  transform:rotate(6deg);filter:saturate(.75) drop-shadow(0 8px 15px rgba(0,0,0,.35));
}
.is-home .museum-story>.container {position:relative;z-index:1;}

@media(max-width:900px) {
  /* Only a faint middle-layer accent on tablets. Foreground stays away from text. */
  .is-interior:is(.page-history,.page-team,.page-library,.page-about) .psm62-intro-front {display:none;}
  .is-interior:is(.page-history,.page-team,.page-library,.page-about) .psm62-intro-mid {
    height:clamp(280px,37vw,390px);right:-12%;bottom:-9%;opacity:.35;
  }
  .is-home .museum-story .psm63-story-oak {left:-135px;top:-90px;width:360px;opacity:.16;}
}
@media(max-width:700px) {
  /* Small screens prioritise text and existing illustrated banner. */
  .is-interior:is(.page-history,.page-team,.page-library,.page-about) .psm62-intro-mid,
  .is-interior:is(.page-history,.page-team,.page-library,.page-about) .psm62-intro-front {display:none;}
  .is-home .museum-story .psm63-story-oak {left:-105px;top:-40px;width:235px;opacity:.12;}
}
@media(prefers-reduced-motion:reduce) {
  .is-home .museum-story .psm63-story-oak {transform:none;}
}
