.place-view[data-place-id="namtso"] {
  color: rgba(230, 239, 236, 0.88);
  background:
    radial-gradient(ellipse at 58% 26%, rgba(83, 155, 166, 0.5), transparent 46%),
    linear-gradient(180deg, #447788 0%, #255c67 42%, #102f36 72%, #07191d 100%);
}

.place-view[data-place-id="namtso"]::before {
  background: url("/assets/namtso-background.jpg") 58% center / cover no-repeat;
  opacity: 0.22;
  filter: saturate(0.82) contrast(0.96);
  transform: none;
}

.place-view[data-place-id="namtso"]::after {
  background:
    linear-gradient(180deg, rgba(4, 17, 23, 0.14), transparent 30%, rgba(3, 18, 21, 0.26) 64%, rgba(2, 10, 13, 0.76)),
    radial-gradient(circle at 54% 38%, transparent 0%, rgba(3, 18, 22, 0.2) 68%);
}

.place-view[data-place-id="namtso"] .bamboo-light,
.place-view[data-place-id="namtso"] .bamboo-grove {
  display: none;
}

.place-view[data-place-id="namtso"] .back-button {
  color: rgba(190, 218, 220, 0.66);
}

.place-view[data-place-id="namtso"] .place-copy .eyebrow {
  color: rgba(179, 218, 220, 0.76);
}

.place-view[data-place-id="namtso"] .place-copy h2 {
  color: rgba(232, 242, 238, 0.96);
}

.place-view[data-place-id="namtso"] .place-poem,
.place-view[data-place-id="namtso"] .playback-status,
.place-view[data-place-id="namtso"] .timer-remaining {
  color: rgba(196, 224, 224, 0.72);
}

.place-view[data-place-id="namtso"] .master-volume-control {
  --master-volume-accent: rgba(199, 229, 226, 0.88);
  --master-volume-rail: rgba(177, 218, 218, 0.18);
  border-color: rgba(177, 218, 218, 0.34);
  background: rgba(94, 163, 168, 0.07);
  color: rgba(226, 240, 237, 0.86);
}

.place-view[data-place-id="namtso"] .play-button,
.place-view[data-place-id="namtso"] .music-button,
.place-view[data-place-id="namtso"] .timer-button,
.place-view[data-place-id="namtso"] .timer-options button {
  border-color: rgba(177, 218, 218, 0.34);
  background: rgba(94, 163, 168, 0.07);
  color: rgba(226, 240, 237, 0.86);
}

.place-view[data-place-id="namtso"] .sound-switch[aria-checked="true"],
.place-view[data-place-id="namtso"] .timer-options button[aria-pressed="true"] {
  border-color: rgba(205, 233, 229, 0.68);
  background: rgba(111, 182, 184, 0.2);
  color: rgba(245, 249, 246, 0.98);
}

@media (max-width: 899px) {
  .place-view[data-place-id="namtso"]::before {
    /* Keep the smaller left yak's head in the phone focal area. The desktop
       crop remains unchanged above this breakpoint. */
    background-size: cover;
    background-position: 26% center;
  }
}