/* Quiet gallery surfaces, scoped to the standalone room. */
body.studio-only #about-board,
body.studio-only #studio-albums {
  background: #fafafa;
  background-image: none;
  color: #131417;
  padding: 38px 44px 30px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #cfd0d1 transparent;
}
.studio-only .board-heading,
.studio-album-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #6c6d70;
  margin: 0 0 28px;
}
.studio-only .board-heading,
.studio-album-heading .eyebrow {
  font: 400 12px/1.6 var(--font-mono);
  letter-spacing: 0.1em;
  color: #6c6d70;
}
.studio-only .wall-close {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #dcdedd;
  border-radius: 50%;
  background: transparent;
  color: #131417;
  font: 400 22px/1 var(--font-sans);
  cursor: pointer;
  transition:
    background 200ms,
    color 200ms;
}
.studio-only .wall-close:is(:hover, :focus-visible) {
  color: white;
  background: var(--hover-bg);
}
.studio-only .wall-close:focus-visible {
  outline: 2px solid #131417;
  outline-offset: 4px;
}
.studio-only #about-board .pinboard-grid {
  grid-template-columns: 1.1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 34px;
  align-items: start;
}
.studio-only #about-board .pinned,
.studio-only #content .flat-facts .pinned {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  transform: none;
  color: #131417;
}
.studio-only .pin {
  display: none;
}
.studio-only #about-board .profile-note {
  padding: 20px 35px 15px 0;
}
.studio-only #about-board .profile-note h2 {
  margin: 10px 0 16px;
  color: #131417;
  font: 400 58px/1.05 var(--font-serif);
  letter-spacing: -0.025em;
}
.studio-only #about-board .pinned h3,
.studio-only #about-board .pinned figcaption {
  color: #131417;
  font: 400 27px/1.2 var(--font-serif);
  margin: 12px 0 8px;
}
.studio-only #about-board .pinned p {
  font: 400 17px/1.65 var(--font-sans);
  color: #6c6d70;
}
.studio-only #about-board .note-label {
  color: #6c6d70;
  font: 400 11px/1.5 var(--font-mono);
  letter-spacing: 0.08em;
}
.studio-only #about-board .pinned img {
  height: 180px;
  border-radius: 1px;
}
.studio-only #about-board .pinned small {
  color: #6c6d70;
  font: 400 13px/1.5 var(--font-sans);
}
.studio-only #about-board .board-footer {
  padding-top: 24px;
  margin-top: 30px;
  border-top: 1px solid #dedfdf;
  color: #6c6d70;
  font: 400 13px/1.6 var(--font-sans);
}
.studio-only #about-board .board-footer a {
  color: #131417;
  text-decoration-color: #cfd0d1;
  text-underline-offset: 4px;
}
.studio-album-heading {
  margin-bottom: 26px;
}
#studio-albums h2 {
  margin: 9px 0 0;
  font: 400 44px/1.1 var(--font-sans);
  color: #131417;
  letter-spacing: -0.04em;
}
#studio-albums .title-serif {
  font-family: var(--font-serif);
  font-style: italic;
}
#studio-albums .vibe-shelf {
  --album-gap: 76px;
  grid-template-columns: repeat(3, minmax(0, 160px));
  row-gap: 30px;
  padding: 0 38px;
}
#studio-albums .album-caption {
  padding-top: 15px;
}
#studio-albums .album-caption h3 {
  font-size: 18px;
}
#studio-albums .album-caption p {
  display: none;
}
#studio-albums .album-tags {
  font-size: 9px;
}
#studio-albums .album-status {
  font-size: 10px;
  margin-top: 3px;
}
#studio-albums .album-cover-top {
  font-size: 8px;
}
#studio-albums .album-cover-title {
  font-size: 24px;
}
.studio-album-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  color: #6c6d70;
  font: 400 11px/1.6 var(--font-mono);
}
body.studio-only.scroll-journey[data-mode="albums"] #room,
body.studio-only.scroll-journey[data-mode="albums"] #clear-monitor {
  transform: none;
}
body.studio-only[data-mode="albums"]
  :is(#clear-monitor, #little-things, .drawer-access, .object-bubble, footer) {
  visibility: hidden;
}
body.studio-only[data-mode="albums"] .site-header #reset {
  background: transparent;
  color: #131417;
}
body.studio-only[data-mode="albums"] .site-header button[data-open="albums"] {
  background: #131417;
  color: white;
}
@media (max-width: 760px) {
  /* Let the focused wall become a readable portrait sheet on small screens. */
  body.studio-only
    #world-pages.ui-settled
    :is(#about-board, #studio-albums).is-visible {
    position: fixed !important;
    inset: 140px 16px 30px !important;
    width: calc(100vw - 32px) !important;
    height: calc(100dvh - 170px) !important;
    transform: none !important;
    border: 1px solid #dedfdf;
    box-shadow: 0 12px 44px #13141714;
  }
  body.studio-only #about-board,
  body.studio-only #studio-albums {
    padding: 24px;
  }
  .studio-only #about-board .pinboard-grid {
    grid-template-columns: 1fr 1fr;
    gap: 26px;
  }
  .studio-only #about-board .profile-note {
    padding: 0;
  }
  .studio-only #about-board .profile-note h2 {
    font-size: 42px;
  }
  .studio-only #about-board .pinned p {
    font-size: 18px;
  }
  .studio-only #about-board .board-footer {
    gap: 18px;
  }
  #studio-albums .vibe-shelf {
    --album-gap: 48px;
    grid-template-columns: repeat(2, minmax(0, 160px));
    padding: 0 16px;
  }
  .studio-album-footer {
    gap: 20px;
  }
  #studio-albums .album-cover-title {
    font-size: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .studio-only .wall-close {
    transition: none;
  }
}