/* Full-bleed original Minecraft campaign artwork, with a quiet text plane. */
.scene-section.illustrated-scene {
  min-height: 860px;
  height: 100svh;
  padding: 100px max(40px, calc((100% - 1160px) / 2));
}
.illustrated-scene .scene-image { object-position: center top; }
.illustrated-scene::after { background: linear-gradient(180deg, #100d0c 0%, transparent 6%, transparent 78%, #100d0c 100%), linear-gradient(0deg, #080606b8 0%, #08060645 38%, transparent 71%); }
.illustrated-scene .scene-copy { flex-basis: 600px; max-width: 600px; }
.illustrated-scene .scene-details { flex-basis: 210px; }
.illustrated-scene .scene-inner { gap: 60px; }
.illustrated-scene .scene-eyebrow { display: inline-flex; gap: 7px; align-items: center; padding: 9px 13px; color: #f18a49; border: 1px solid #f0894a24; background: #28170fc9; backdrop-filter: blur(18px); }
.illustrated-scene .scene-eyebrow .icon { width: 15px; height: 15px; }
.illustrated-scene .scene-meta dt { color: #aaa2a0; }
.illustrated-scene .scene-meta dd { color: #e3ddda; }
.scene-performance.illustrated-scene { align-items: center; justify-content: flex-end; padding-bottom: 105px; }
.scene-performance.illustrated-scene::after { background: linear-gradient(180deg, #100d0c 0%, transparent 6%, transparent 78%, #100d0c 100%), linear-gradient(0deg, #080606d6 0%, #08060675 41%, transparent 72%); }
.scene-performance.illustrated-scene .scene-center { max-width: 1100px; }
.scene-performance.illustrated-scene .scene-meta { margin-top: 28px; }
.scene-performance.illustrated-scene .scene-button { margin-top: 34px; }
.scene-functional.illustrated-scene { min-height: 920px; height: 110svh; }
.scene-functional.illustrated-scene .scene-copy { flex-basis: 600px; max-width: 600px; }
.scene-functional.illustrated-scene .scene-details { flex-basis: 225px; }
.interface-poster .poster-label { position: absolute; z-index: 1; top: 25px; left: 28px; margin: 0; color: #ded4ca; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.home-page .interface-poster .interface-poster-copy .btn {
  min-height: 48px;
  padding: 9px 10px 9px 18px;
  gap: 20px;
  border: 1px solid #ffffff18;
  border-radius: 12px;
  background: var(--accent);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 16px #0000001f;
  backdrop-filter: none;
  transform: none;
  transition: background .2s, box-shadow .2s;
}
.home-page .interface-poster .interface-poster-copy .btn > .icon {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 50%;
  background: #ffffff1a;
}
.home-page .interface-poster .interface-poster-copy .btn:hover {
  background: var(--accent-hover);
  color: #fff;
  box-shadow: 0 6px 20px #0000002b;
  transform: none;
}
.home-page .interface-poster .interface-poster-copy .btn:active {
  background: #be4700;
  box-shadow: none;
}
.home-page .interface-poster .interface-poster-copy .btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
@media (max-width: 600px) {
  .home-page .interface-poster .interface-poster-copy .btn {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  .scene-section.illustrated-scene { padding: 85px 40px; }
  .illustrated-scene .scene-inner { gap: 40px; }
}
@media (max-width: 760px) {
  .scene-section.illustrated-scene, .scene-functional.illustrated-scene { height: 100svh; min-height: 860px; padding: 80px 24px 58px; background: #100d0c; }
  .illustrated-scene .scene-image { height: 67%; object-position: 59% top; mask-image: linear-gradient(#000 0%, #000 65%, transparent 100%); }
  .illustrated-scene::after { background: linear-gradient(0deg, #100d0c 0%, #100d0cc9 37%, transparent 68%); }
  .illustrated-scene .scene-inner { gap: 28px; }
  .illustrated-scene .scene-copy, .illustrated-scene .scene-details { flex-basis: auto; max-width: 540px; }
  .scene-functional.illustrated-scene .scene-copy, .scene-functional.illustrated-scene .scene-details { flex-basis: auto; max-width: 540px; }
  .scene-performance.illustrated-scene { justify-content: flex-end; padding-bottom: 65px; }
  .scene-performance.illustrated-scene .scene-image { object-position: 66% top; }
  .scene-performance.illustrated-scene::after { background: linear-gradient(0deg, #100d0c 0%, #100d0ce8 38%, transparent 73%); }
  .scene-performance.illustrated-scene .scene-meta { margin-top: 26px; }
  .scene-performance.illustrated-scene .scene-button { margin-top: 30px; }
  .scene-functional.illustrated-scene .scene-image { object-position: 37% top; }
  /* The inherited column-reverse puts flex-start at the bottom on this scene. */
  .scene-functional.illustrated-scene .scene-inner { justify-content: flex-start; }
}
@media (max-width: 360px) {
  .scene-section.illustrated-scene { padding-inline: 18px; min-height: 900px; }
}