/* A short photographic passage resolves into the Music Hall scene. */
.evening{--evening-entry-offset:100px;position:relative;z-index:4;isolation:isolate;background:var(--ink);color:var(--gold)}
.evening-stage{position:relative;height:100svh;min-height:660px;overflow:hidden;isolation:isolate}
.evening-destination{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.evening-frames,.evening-frame,.evening-shade{position:absolute;inset:0;pointer-events:none}
.evening-frame{overflow:hidden;background:var(--ink)}
.evening-frame img{width:100%;height:100%;max-width:none;object-fit:cover}
.evening-frame--table,.evening-frame--room{display:none}
.evening-frame--table img{object-position:48% center}
.evening-frame--room img{object-position:46% center}
.evening-frame--stage img{object-position:50% center}
.evening-shade{background:linear-gradient(90deg,rgba(9,12,15,.08) 15%,rgba(9,12,15,.42) 54%,rgba(9,12,15,.62)),linear-gradient(180deg,rgba(9,12,15,.5),transparent 35%,rgba(9,12,15,.78));z-index:3}
.evening-top{position:absolute;top:112px;left:5vw;right:5vw;z-index:4;display:flex;justify-content:space-between;gap:25px;align-items:start}
.evening-top>.eyebrow{max-width:23ch;line-height:1.6}
.evening-location{overflow:hidden;height:43px;min-width:220px;text-align:right;color:var(--oat)}
.evening-location-item{height:43px;font-size:12px;line-height:1.45}
.evening-location-item small{display:block;font-size:10px;letter-spacing:.04em;opacity:.8;margin-top:3px}
.evening-location-item:not(:last-child){display:none}
.evening-heading{position:absolute;left:46%;right:4%;top:35%;z-index:4;font-family:Gloock,serif;font-size:clamp(66px,7.4vw,132px);line-height:1.12;letter-spacing:-.045em;font-weight:400}
.evening-heading-lead{display:block;white-space:nowrap}
.evening-word-window{display:block;overflow:hidden;height:1.4em;padding:0 .065em;margin:0 -.065em}
.evening-word-rail{display:block}
.evening-word{display:block;height:1.4em;line-height:1.25;white-space:nowrap;padding:.06em 0 .09em;overflow:hidden}
.evening-word:not(:last-child){display:none}
.evening-footer{position:absolute;z-index:4;left:5vw;right:5vw;bottom:58px;display:flex;align-items:end;justify-content:space-between;gap:50px}
.evening-footer p{font-size:14px;line-height:1.65;max-width:33ch;color:var(--oat)}
.evening-actions{display:flex;align-items:center;gap:32px}
.evening-actions .underlink{font-size:12px;gap:30px;color:var(--oat)}
.evening-program{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--gold);color:var(--ink);border:1px solid var(--gold);padding:17px 22px;min-height:54px;font-size:13px;white-space:nowrap;transition:background 220ms var(--motion-ease),color 220ms var(--motion-ease)}
.evening-program>span{font-size:22px;line-height:1;transition:transform 220ms var(--motion-ease)}
.evening-track{position:absolute;z-index:4;left:5vw;right:5vw;bottom:22px;display:none;align-items:center;gap:18px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--oat)}
.evening-track-line{height:1px;background:#ffffff40;flex:1;position:relative}
.evening-track-line::before,.evening-track-line::after{content:'';position:absolute;top:-3px;height:7px;width:1px;background:var(--gold)}
.evening-track-line::before{left:33.33%}.evening-track-line::after{left:66.67%}
.evening-track-fill{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.evening-skip{text-decoration:none;color:var(--gold);padding:8px 0;white-space:nowrap}
.evening[data-evening-motion]{height:240svh}
.evening[data-evening-motion] .evening-stage{position:sticky;top:0;min-height:0}
/* Allow for the header's anchor offset so direct entry reaches the settled scene. */
.evening[data-evening-motion] .evening-destination{top:calc(100% - 100svh + var(--evening-entry-offset))}
.evening[data-evening-motion] .evening-frame--table,.evening[data-evening-motion] .evening-frame--room{display:block}
.evening[data-evening-motion] .evening-frame--room{clip-path:inset(0 0 0 100%)}
.evening[data-evening-motion] .evening-frame--stage{clip-path:inset(0 72% 0 28%)}
.evening[data-evening-motion] .evening-word,.evening[data-evening-motion] .evening-location-item{display:block}
.evening[data-evening-motion] .evening-track{display:flex}
@media(hover:hover) and (pointer:fine){
  .evening-program:hover{background:var(--ink);color:var(--gold)}
  html[data-motion=on] .evening-program:hover>span{transform:translate(4px,-4px)}
  .evening-skip:hover{text-decoration:underline;text-underline-offset:5px}
}
@media(max-width:1000px) and (min-width:761px){
  .evening-heading{left:39%;right:4%;font-size:clamp(64px,7.8vw,80px)}
  .evening-footer{gap:30px}.evening-actions{gap:20px}.evening-actions .underlink{max-width:160px}
}
@media(max-width:760px){
  .evening-stage{min-height:690px}
  .evening[data-evening-motion]{height:215svh}
  .evening-top{top:99px;left:25px;right:25px;gap:22px}
  .evening-top>.eyebrow{font-size:8px;max-width:16ch}
  .evening-location{min-width:160px;height:47px}
  .evening-location-item{height:47px;font-size:10px}.evening-location-item small{font-size:9px;margin-top:4px}
  .evening-frame--table img{object-position:30% center}.evening-frame--room img{object-position:40% center}.evening-frame--stage img{object-position:32% center}
  .evening-shade{background:linear-gradient(180deg,rgba(9,12,15,.64),rgba(9,12,15,.03) 29%,rgba(9,12,15,.52) 53%,rgba(9,12,15,.96))}
  .evening-heading{left:25px;right:20px;top:auto;bottom:242px;font-size:clamp(48px,12.8vw,88px)}
  .evening-footer{left:25px;right:25px;bottom:65px;display:block}
  .evening-footer p{font-size:12px;max-width:29ch;margin-bottom:19px}
  .evening-actions{gap:22px;align-items:stretch}
  .evening-program{font-size:12px;padding:13px 16px;gap:24px;min-height:49px}
  .evening-actions .underlink{font-size:10px;gap:15px;flex:1;max-width:175px}
  .evening-track{left:25px;right:25px;bottom:18px;font-size:8px;gap:12px}
}
@media(max-width:370px){
  .evening-top,.evening-footer,.evening-track{left:20px;right:20px}
  .evening-heading{left:20px;font-size:47px}
  .evening-actions{gap:15px}.evening-program{padding:12px 13px;gap:18px}
}
@media(max-width:700px){.evening{--evening-entry-offset:78px}}
@media(min-width:761px) and (max-height:700px){
  .evening-top{top:100px}.evening-heading{top:32%;font-size:clamp(65px,7.2vw,100px)}
}
@media(prefers-reduced-motion:reduce){
  .evening[data-evening-motion]{height:auto}
  .evening[data-evening-motion] .evening-stage{position:relative;min-height:660px}
  .evening-program,.evening-program>span{transition:none}
}