/* Website scene only; retain the existing animated Cartographer layers. */
html[data-color-mode] #first-key {
  background:linear-gradient(90deg,rgba(4,14,19,.18),rgba(4,14,19,.9) 65%),url('chamber-terraces-v366.png') center 66% / cover no-repeat;
}
html[data-color-mode] #first-key .cartographer-media {
  background:transparent;
}
html[data-color-mode="light"] #first-key {
  background:linear-gradient(90deg,rgba(239,245,245,.16),rgba(239,245,245,.96) 65%),url('chamber-terraces-v366.png') center 66% / cover no-repeat;
}
@media(max-width:679px) {
  html[data-color-mode="dark"] #first-key { background:linear-gradient(180deg,rgba(4,14,19,.08),rgba(4,14,19,.96) 65%),url('chamber-terraces-v366.png') center top / auto 700px no-repeat,#040e13; }
  html[data-color-mode="light"] #first-key { background:linear-gradient(180deg,rgba(239,245,245,.08),rgba(239,245,245,.98) 65%),url('chamber-terraces-v366.png') center top / auto 700px no-repeat,#eff5f5; }
}