/* ProSlavyan Memorial 0.3.3 - dedicated banners, shared header width, parchment */
/* Keep the navigation at the SAME width on the front page and all sections. */
.site-header .header-inner.container {
  width: calc(100% - 64px);
  max-width: none;
  margin-inline: auto;
}
/* Illustration banner for each exhibition. No background changes for articles or admin. */
.is-interior.page-history .page-intro,
.is-interior.page-team .page-intro,
.is-interior.page-library .page-intro,
.is-interior.page-gallery .page-intro,
.is-interior.page-legacy .page-intro,
.is-interior.page-drevo .page-intro {
  background-color: #08121d;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center, 70% center;
  min-height: clamp(355px, 28vw, 500px);
}
.is-interior.page-history .page-intro {
  background-image: linear-gradient(90deg,rgba(4,12,22,.91) 0%,rgba(5,13,23,.70) 31%,rgba(5,13,23,.23) 70%,rgba(5,13,23,.08) 100%), url('/proslavyan-assets/banners/banner-history.webp');
}
.is-interior.page-team .page-intro {
  background-image: linear-gradient(90deg,rgba(4,12,22,.92) 0%,rgba(5,13,23,.70) 31%,rgba(5,13,23,.23) 70%,rgba(5,13,23,.08) 100%), url('/proslavyan-assets/banners/banner-team.webp');
}
.is-interior.page-library .page-intro {
  background-image: linear-gradient(90deg,rgba(4,12,22,.92) 0%,rgba(5,13,23,.71) 31%,rgba(5,13,23,.22) 70%,rgba(5,13,23,.08) 100%), url('/proslavyan-assets/banners/banner-library.webp');
}
.is-interior.page-gallery .page-intro {
  background-image: linear-gradient(90deg,rgba(4,12,22,.92) 0%,rgba(5,13,23,.71) 31%,rgba(5,13,23,.22) 70%,rgba(5,13,23,.08) 100%), url('/proslavyan-assets/banners/banner-gallery.webp');
}
.is-interior.page-legacy .page-intro {
  background-image: linear-gradient(90deg,rgba(4,12,22,.92) 0%,rgba(5,13,23,.71) 31%,rgba(5,13,23,.22) 70%,rgba(5,13,23,.08) 100%), url('/proslavyan-assets/banners/banner-technology.webp');
}
.is-interior.page-drevo .page-intro {
  background-image: linear-gradient(90deg,rgba(4,12,22,.92) 0%,rgba(5,13,23,.71) 31%,rgba(5,13,23,.23) 70%,rgba(5,13,23,.08) 100%), url('/proslavyan-assets/banners/banner-heritage.webp');
}
.is-interior .page-intro-inner {
  padding-top: clamp(75px,8vw,120px);
  padding-bottom: clamp(65px,7vw,105px);
}
.is-interior .page-intro .display {
  text-shadow: 0 3px 20px rgba(0,0,0,.52);
}
.is-interior .page-intro .page-lead {
  color: #ebe0cd;
  text-shadow:0 2px 10px rgba(0,0,0,.85);
}
/* New genuine RGBA parchment with side objects. Interactive dates are real buttons. */
.museum-timeline-preview {
  background: radial-gradient(ellipse 70% 65% at 52% 45%,#1c2836,#08111a 78%);
  padding-top:30px;
  padding-bottom:65px;
}
.museum-parchment-wrap.container {
  width:min(calc(100% - 56px),1500px);
  max-width:1500px;
  aspect-ratio: 1774 / 887;
  min-height:550px;
  isolation:isolate;
  position:relative;
  margin-top:18px;
}
.museum-parchment-art {
  z-index:0;
  background-image:url('/proslavyan-assets/timeline/timeline-parchment.webp');
  background-size:100% 100%;
  background-position:center;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.7));
}
.museum-parchment-wrap::after {
  content:"";
  position:absolute;
  z-index:3;
  left:-3%;
  right:-3%;
  bottom:-3%;
  height:66%;
  background:url('/proslavyan-assets/timeline/timeline-decoration.webp') center bottom/100% 100% no-repeat;
  pointer-events:none;
  filter:drop-shadow(0 9px 9px rgba(0,0,0,.45));
}
.museum-parchment {
  --timeline-inset: clamp(145px, 12.7vw, 205px);
  min-height:100%;
  height:100%;
  padding:var(--timeline-inset) 7.4% 11%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  position:relative;
  z-index:2;
  color:#32180e;
}
.museum-timeline-line {
  top:calc(var(--timeline-inset) + 16px);
  left:8.5%;right:8.5%;
  background:linear-gradient(90deg,transparent,#83421b 11%,#753718 50%,#83421b 89%,transparent);
}
.museum-timeline-markers {
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  width:100%;
  margin:0 auto;
}
.museum-timeline-point {
  gap:3px;
  padding:0 2px 10px;
  text-shadow:0 1px 1px rgba(255,220,157,.3);
}
.museum-timeline-point strong {
  font-size:clamp(1.04rem,1.5vw,1.55rem);
  margin-top:10px;
}
.museum-timeline-point>span:last-child {
  font-size:clamp(.85rem,1.08vw,1.12rem);
  max-width:175px;
}
.museum-timeline-detail {
  min-height:75px;
  margin-top:clamp(24px,3.5vw,52px);
  max-width:800px;
  background:rgba(255,231,179,.24);
  padding:11px 24px;
  border-top:1px solid rgba(108,51,16,.2);
  border-bottom:1px solid rgba(108,51,16,.14);
  border-radius:6px;
}
.museum-timeline-detail strong {font-size:clamp(1.05rem,1.5vw,1.38rem)}
.museum-timeline-detail span {font-size:clamp(.8rem,1vw,.95rem);line-height:1.45}
@media(max-width:1050px) {
  .museum-parchment-wrap.container {aspect-ratio:auto;min-height:550px}
  .museum-parchment {--timeline-inset:135px;padding-left:7%;padding-right:7%;padding-bottom:75px}
  .museum-timeline-detail {margin-top:30px}
}
@media(max-width:850px) {
  .site-header .header-inner.container {width:calc(100% - 40px)}
  .is-interior .page-intro-inner {padding-top:70px;padding-bottom:62px}
  .is-interior .page-intro {background-position:center,70% center}
}
@media(max-width:700px) {
  .site-header .header-inner.container {width:calc(100% - 30px)}
  .is-interior.page-history .page-intro,
  .is-interior.page-team .page-intro,
  .is-interior.page-library .page-intro,
  .is-interior.page-gallery .page-intro,
  .is-interior.page-legacy .page-intro,
  .is-interior.page-drevo .page-intro {
    min-height:350px;
    background-position:center,75% center;
  }
  .is-interior .page-intro .display {font-size:clamp(2.5rem,11vw,4.3rem);overflow-wrap:anywhere}
  .museum-timeline-preview {padding-top:20px;padding-bottom:44px}
  .museum-parchment-wrap.container {
    width:calc(100% - 26px);
    min-height:660px;
    aspect-ratio:auto;
  }
  .museum-parchment-art {
    background-size:auto 100%;
    background-position:center;
  }
  .museum-parchment-wrap::after {display:none}
  .museum-parchment {
    --timeline-inset:0px;
    min-height:660px;
    padding:85px clamp(26px,7vw,50px) 80px;
  }
  .museum-timeline-line {display:none}
  .museum-timeline-markers {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 8px;
  }
  .museum-timeline-point {
    width:auto;
    padding:6px 2px;
    min-height:86px;
  }
  .museum-timeline-point:last-child {grid-column:1/-1}
  .museum-timeline-point strong {font-size:1rem;margin-top:5px}
  .museum-timeline-point>span:last-child {font-size:.78rem}
  .museum-timeline-detail {padding:10px 12px;margin-top:18px}
  .museum-timeline-detail strong {font-size:.96rem}
  .museum-timeline-detail span {font-size:.8rem}
}
@media(max-width:380px) {
  .museum-parchment {padding-inline:22px}
  .museum-timeline-point>span:last-child {font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
  .museum-timeline-point {transition:none!important}
}