/* One photographic staircase continues below the untouched stage. No drawn
   stairs, repeating texture, scroll hijacking, or extra content sections. */
.theater-descent{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:min(133.333vw,2560px);background:#030202;overflow:hidden}
.staircase-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2;pointer-events:none;user-select:none;filter:brightness(calc(.95 * var(--stair-exposure,1))) saturate(.95);transition:filter .65s ease}
.theater-descent::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#000 0%,#0002 9%,transparent 20%,transparent 87%,#000b 100%),linear-gradient(90deg,#0003 0%,#0001 24%,#0002 72%,#0003 100%)}
/* A broad, feathered pool of warm light follows the viewport down the existing
   photograph. It is decorative, beneath the copy, and never captures input. */
.theater-descent::after{content:"";position:absolute;left:50%;top:0;z-index:-1;width:min(88%,1280px);height:var(--stair-light-height,clamp(240px,46vh,460px));pointer-events:none;background:radial-gradient(ellipse closest-side at center,#ffdda834 0%,#eabd7526 22%,#d89b481a 44%,#c2893f08 72%,#c2893f00 96%);mix-blend-mode:screen;opacity:0;transform:translate3d(-50%,calc(var(--stair-light-y,254px) - 50%),0);transition:opacity .5s ease,transform .22s ease-out}
.theater-descent.staircase-light-ready::after{opacity:var(--stair-light-opacity,0)}
.theater-descent .content{flex:1;width:100%;display:grid;grid-template-rows:repeat(3,minmax(min-content,1fr));padding-top:clamp(140px,18vw,330px);padding-bottom:24px}
.theater-descent .editorial{align-items:start;text-align:left;border-top:0;min-height:390px;padding-block:clamp(70px,7vw,135px);text-shadow:0 2px 5px #000,0 0 24px #000}
.theater-descent footer{flex-shrink:0;position:relative;border-color:#f0c88625;background:#0005;text-shadow:0 1px 5px #000}
.theater-descent .music-credit{flex-shrink:0;position:relative;width:100%;padding-bottom:max(32px,env(safe-area-inset-bottom));text-shadow:0 1px 5px #000}
@media(min-width:1920px){.staircase-backdrop{inset:0;width:100%;max-width:none;left:0;right:0;transform:none;object-fit:cover;object-position:center top}.theater-descent::before{background:linear-gradient(180deg,#000,transparent 12%,#0002 86%,#000b),linear-gradient(90deg,#0004 0%,#0001 24%,#0001 76%,#0004 100%)}}
@media(max-width:700px){
  .theater-descent{min-height:0}
  .theater-descent .content{display:block;padding-top:0}
  .theater-descent .editorial{min-height:0;padding-block:68px;gap:28px}
  /* Join the mobile invitation to the first landing without a blank spacer. */
  .theater-descent .editorial:first-child{padding-top:24px}
  .staircase-backdrop{filter:brightness(calc(.6 * var(--stair-exposure,1))) saturate(.9)}
  .theater-descent::before{background:linear-gradient(180deg,#000 0%,#0006 10%,#0005 88%,#000b 100%)}
}
@media(max-width:360px){.theater-descent .editorial{padding-block:48px}}
@media(prefers-reduced-motion:reduce){
  /* Keep an even, stationary glow instead of moving a light through the page. */
  .theater-descent.staircase-light-ready::after{inset:0;width:100%;height:100%;transform:none;transition:none;opacity:calc(.3 * var(--stair-exposure,1));background:radial-gradient(ellipse closest-side at center,#eabd751f,transparent 96%)}
  .staircase-backdrop{transition:none}
}
@media(prefers-contrast:more){.staircase-backdrop{filter:brightness(calc(.3 * var(--stair-exposure,1)))}.theater-descent::before{background:#0008}.theater-descent::after{display:none}}
@media(forced-colors:active){.staircase-backdrop,.theater-descent::before,.theater-descent::after{display:none}.theater-descent,.theater-descent footer{background:Canvas}.theater-descent .editorial,.theater-descent footer,.theater-descent .music-credit{text-shadow:none}}