/* Static burger feature: intentionally independent of scroll and JavaScript. */
.exploded-story {
  position: relative;
  min-height: clamp(560px, 72svh, 680px);
  height: clamp(560px, 72svh, 680px);
  overflow: hidden;
  background: #000;
  color: var(--paper);
}

.exploded-stage {
  position: relative;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}

.exploded-copy {
  position: absolute;
  z-index: 5;
  left: clamp(24px, 6vw, 90px);
  top: clamp(72px, 12vh, 120px);
}

.exploded-copy h2 {
  margin: 18px 0;
  font-size: clamp(3.5rem, 7vw, 7rem);
  line-height: .9;
}

.burger-stack {
  position: absolute;
  inset: 0;
  margin: auto;
  width: min(58vw, 690px);
  height: 100%;
  transform: translateX(10vw);
  filter: drop-shadow(0 32px 50px #000);
}

.burger-slice { display: none; }

.burger-closed {
  position: absolute;
  inset: 0;
  background: url('burger-closed-rico.png') center/contain no-repeat;
}

@media (max-width: 760px) {
  .exploded-story,
  .exploded-stage {
    min-height: 560px;
    height: 560px;
  }

  .exploded-copy {
    top: 7vh;
    right: 20px;
    left: 20px;
  }

  .exploded-copy h2 {
    font-size: clamp(2.45rem, 10.2vw, 3.3rem);
  }

  .burger-stack {
    top: 10%;
    left: -6vw;
    width: 112vw;
    height: 90%;
    transform: none;
  }
}