/* Gate 1 revision 1: still compositions only. FORK retains the original sheet. */
.entry .veil {
  background: radial-gradient(ellipse 375px 270px at 50% 37%, rgba(250,248,242,.97) 0%, rgba(245,244,225,.88) 38%, rgba(238,239,216,.44) 65%, rgba(238,239,216,0) 100%);
}
.encounter .character { left: calc(57% - 215px); bottom: 10%; }
.encounter .contact-shadow { left: calc(57% - 100px); bottom: 17.7%; }
.curiosity { color: #f2f3e8; background: #142c30; }
.curiosity .creek-world { position: absolute; inset: 0; z-index: -3; }
.curiosity .creek-world img { width: 100%; height: 100%; object-fit: cover; object-position: 45% center; }
.curiosity .creek-world::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,27,31,.77), rgba(9,27,31,.37) 40%, transparent 73%); }
.curiosity .poem { top: 150px; left: 8%; width: 610px; }
.curiosity h1 { font-size: 77px; line-height: 1.03; margin-top: 20px; }
.curiosity .explanation { color: #dde7dd; max-width: 405px; font-size: 16px; line-height: 1.65; margin-top: 30px; }
.confluence { background: #142924; }
.confluence .world { height: 100%; }
.confluence .world img { height: 75%; }
.confluence .world::before { content: ''; position: absolute; inset: 50% 0 0; background: linear-gradient(180deg, transparent, #142924 50%, #142924); z-index: 1; }
.confluence .world::after { bottom: 25%; }
.confluence .mouth-copy { left: 58%; }
.confluence .mouth-copy::before { content: none; }
.confluence .upper-mouth { top: 276px; }
.confluence .lower-mouth { top: 333px; }
.confluence .resolution { top: 78%; color: #f0f0e1; }
.confluence h1 { font-size: 61px; }
@media (max-width: 650px) {
  .entry .veil { background: radial-gradient(ellipse 225px 225px at 50% 36%, rgba(250,248,242,.98) 0%, rgba(245,244,225,.92) 34%, rgba(238,239,216,.56) 63%, rgba(238,239,216,0) 100%); }
  .encounter .character { left: calc(58% - 142px); bottom: 106px; }
  .encounter .contact-shadow { left: calc(58% - 65px); bottom: 150px; }
  .curiosity .creek-world img { object-position: 27% center; }
  .curiosity .creek-world::after { background: linear-gradient(180deg, rgba(7,28,34,.75), rgba(7,28,34,.57) 34%, rgba(7,28,34,.15) 58%, transparent 80%); }
  .curiosity .poem { top: 103px; left: 28px; width: 334px; }
  .curiosity h1 { font-size: 48px; line-height: 1.04; margin-top: 16px; }
  .curiosity .explanation { font-size: 14px; line-height: 1.65; max-width: 306px; margin-top: 24px; }
  .confluence .world img { height: 72%; }
  .confluence .world::after { bottom: 28%; }
  .confluence .world::before { top: 49%; }
  .confluence .character { left: -62px; }
  .confluence .contact-shadow { left: 19px; }
  .confluence .mouth-copy { left: 258px; right: 12px; font-size: 18px; }
  .confluence .upper-mouth { font-size: 17px; white-space: nowrap; }
  .confluence .upper-mouth { top: 292px; }
  .confluence .lower-mouth { top: 336px; }
  .confluence .resolution { top: 75%; }
  .confluence h1 { font-size: 44px; line-height: 1.14; }
}