/* Gate 1 revision 2: one forest location, four states, no animation. */
.craft-r2 {
  background: #242c21;
  color: #f9f4e9;
}
.craft-r2 .craft-sequence,
.craft-r2 .craft-stage,
.craft-r2 .craft-stage img { position: absolute; }
.craft-r2 .craft-sequence { inset: 0; overflow: hidden; }
.craft-r2 .craft-stage { overflow: hidden; }
.craft-r2 .craft-stage img { width: 100%; height: 100%; object-fit: cover; }
.craft-r2 .craft-finished { inset: 0 0 0 38%; z-index: 0; }
.craft-r2 .craft-finished img { object-position: 50% 50%; }
.craft-r2 .craft-finished::after {
  content: ''; position: absolute; inset: 51% 0 0 44%;
  background: linear-gradient(180deg, transparent, rgba(13, 23, 16, .69));
  pointer-events: none;
}
.craft-r2 .craft-fragmented,
.craft-r2 .craft-assembled,
.craft-r2 .craft-refined {
  left: 0; z-index: 1; width: min(49%, 705px); height: 33.333%;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 84%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0%, #000 84%, transparent 100%);
}
.craft-r2 .craft-fragmented { top: 0; }
.craft-r2 .craft-assembled { top: 33.333%; }
.craft-r2 .craft-refined { top: 66.666%; }
.craft-r2 .craft-fragmented img,
.craft-r2 .craft-assembled img,
.craft-r2 .craft-refined img { object-position: center 52%; }
.craft-r2 .craft-stage-name {
  position: absolute; z-index: 1; left: 38px; top: 27px;
  color: #fff9ea; font: 11px/1.4 var(--sans);
  letter-spacing: .18em; text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(9, 23, 14, .9);
}
.craft-r2 .craft-finished .craft-stage-name { left: auto; right: 42px; top: 35px; }
.craft-r2 .craft-r2-title {
  position: absolute; z-index: 2; right: 5.7%; bottom: 7.2%;
  width: 43%; max-width: 560px;
  color: #fff9eb; font: normal 56px/1.08 var(--serif);
  letter-spacing: -.045em;
  text-shadow: 0 3px 20px rgba(8, 18, 11, .7);
}
@media (max-width: 650px) {
  .scene.craft-r2 { height: 1010px; min-height: 1010px; }
  .craft-r2 .craft-fragmented,
  .craft-r2 .craft-assembled,
  .craft-r2 .craft-refined {
    left: 0; width: 100%; height: 170px;
    -webkit-mask-image: none; mask-image: none;
  }
  .craft-r2 .craft-fragmented { top: 0; }
  .craft-r2 .craft-assembled { top: 170px; }
  .craft-r2 .craft-refined { top: 340px; }
  .craft-r2 .craft-fragmented img,
  .craft-r2 .craft-assembled img,
  .craft-r2 .craft-refined img { object-position: center 58%; }
  .craft-r2 .craft-finished { top: 510px; right: 0; bottom: 0; left: 0; }
  .craft-r2 .craft-finished img { object-position: center 47%; }
  .craft-r2 .craft-finished::after {
    inset: 49% 0 0; background: linear-gradient(180deg, transparent, rgba(9, 21, 14, .83));
  }
  .craft-r2 .craft-stage-name { left: 23px; top: 18px; font-size: 10px; }
  .craft-r2 .craft-finished .craft-stage-name { left: 23px; right: auto; top: 25px; }
  .craft-r2 .craft-r2-title {
    left: 23px; right: 23px; bottom: 53px; width: auto;
    font-size: 42px; line-height: 1.05;
  }
}