/* Scene 03 (pane P1): cover + panoramic beam window with 3 bottom pillars. */
#scene-3 .state-layer { position: absolute; inset: 0; }
#scene-3 .s3 { position: relative; width: 100%; height: 100%; overflow: hidden; }
#scene-3 .s3-bg { display: none; }
#scene-3 .s3-shade { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
#scene-3 .s3-shade-cover {
  background: linear-gradient(180deg,
    rgba(7, 9, 14, 0.45) 0%,
    rgba(7, 9, 14, 0.05) 35%,
    rgba(7, 9, 14, 0.15) 60%,
    rgba(7, 9, 14, 0.88) 100%);
}
#scene-3 .s3-shade-stakes { background: none; }
#scene-3 .s3-cover-copy {
  position: absolute; z-index: 2; left: 84px; right: 84px; bottom: 64px;
  max-width: 1100px;
}
#scene-3 .s3-cover-copy .headline { font-size: 72px; line-height: 1.04; max-width: 20ch; margin: 0; }
#scene-3 .s3-stakes-top {
  position: absolute; z-index: 2; left: 84px; right: 84px; top: 42px;
  max-width: 1380px;
}
#scene-3 .s3-stakes-title {
  font-family: var(--serif); font-size: 38px; line-height: 1.08;
  color: var(--ivory); margin-bottom: 8px;
}
#scene-3 .s3-stakes-top .dek { font-size: 18px; max-width: 78ch; }
#scene-3 .s3-pillars {
  position: absolute; z-index: 2; left: 84px; right: 84px; bottom: 42px;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
#scene-3 .s3-pillar {
  background: rgba(14, 19, 29, 0.94);
  border: 1px solid rgba(244, 240, 232, 0.16);
  padding: 18px 22px;
}
#scene-3 .s3-pillar-num {
  font-family: var(--mono); font-size: 13px; color: var(--gold); margin-bottom: 6px;
}
#scene-3 .s3-pillar h3 {
  font-family: var(--serif); font-size: 22px; font-weight: 400;
  color: var(--ivory); margin-bottom: 6px;
}
#scene-3 .s3-pillar p { font-size: 15px; line-height: 1.4; color: var(--muted); }