/* Pantheon heritage restoration: visual design from the original 4-work prototype.
   The image assets themselves are exact copies, supplied by pantheon-heritage.js. */
.pantheon-overture{
  height:250svh!important;
  min-height:1550px!important;
  position:relative;
  background:#020202;
  --entry:0;--ignite:0;--word:0;
}
.pantheon-overture .monument-sticky{
  position:sticky;top:0;overflow:hidden;
  height:100svh;min-height:620px;background:#020202;
}
.pantheon-overture .monument-mono,
.pantheon-overture .monument-accent{
  position:absolute;inset:-3%;
  background-repeat:no-repeat;
  background-position:center 51%;
  background-size:cover;
  transform:scale(calc(1.07 - .07 * var(--entry)));
  will-change:opacity,transform;
}
.pantheon-overture .monument-mono{
  opacity:var(--entry);
  filter:grayscale(1) brightness(.62) contrast(1.05);
}
.pantheon-overture .monument-accent{
  opacity:var(--ignite);
  filter:brightness(1.16) saturate(1.14);
}
.pantheon-overture .monument-shade{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 22%,transparent 42%,rgba(0,0,0,.88) 100%),
    radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.3) 100%);
}
.pantheon-overture .monument-head{
  position:absolute;top:130px;left:clamp(28px,6vw,115px);right:clamp(28px,6vw,115px);
  display:flex;justify-content:space-between;z-index:2;
  font-size:10px;color:#c1bcb3;letter-spacing:.28em;
}
.pantheon-overture .monument-copy{
  position:absolute;left:0;right:0;bottom:11%;text-align:center;z-index:4;
  opacity:var(--word);
  transform:translateY(calc(28px * (1 - var(--word))));
}
.pantheon-overture .monument-kicker{
  font-size:10px;letter-spacing:.33em;color:#e6e0d8;
}
.pantheon-overture .monument-copy h2{
  font-family:var(--serif);font-weight:300;line-height:.78;
  letter-spacing:-.06em;font-size:clamp(115px,16vw,290px);
  margin:24px 0 27px;text-shadow:0 8px 46px #000;
}
.pantheon-overture .monument-copy h2 i{font-weight:300;}
.pantheon-overture .monument-copy h2 span{
  color:var(--orange);text-shadow:0 0 30px rgba(255,118,14,.35);
}
.pantheon-overture .monument-copy p{
  font-size:10px;letter-spacing:.36em;color:#c9c4bd;
}
.pantheon-overture .monument-foot{
  position:absolute;bottom:40px;left:clamp(28px,6vw,115px);
  font-size:10px;color:#9f9a90;letter-spacing:.24em;
}
@media(max-width:700px){
  .pantheon-overture{height:215svh!important;min-height:1350px!important;}
  .pantheon-overture .monument-sticky{min-height:100svh;}
  .pantheon-overture .monument-mono,.pantheon-overture .monument-accent{
    background-size:cover;background-position:center center;inset:-6% -65%;
  }
  .pantheon-overture .monument-head{top:95px;left:23px;right:23px;font-size:7px;letter-spacing:.11em;}
  .pantheon-overture .monument-copy{bottom:15%;}
  .pantheon-overture .monument-copy h2{font-size:clamp(74px,19.2vw,132px);margin:18px 0 22px;}
  .pantheon-overture .monument-kicker,.pantheon-overture .monument-copy p{font-size:8px;letter-spacing:.16em;}
  .pantheon-overture .monument-foot{bottom:27px;left:24px;font-size:8px;}
}
@media(prefers-reduced-motion:reduce){
  .pantheon-overture{height:100svh!important;min-height:650px!important;--entry:1!important;--ignite:1!important;--word:1!important;}
  .pantheon-overture .monument-mono,.pantheon-overture .monument-accent{transform:none!important;}
}