/* Home: give the full canvas back to the five projects. */
.home-view {
  display: block;
  height: 100svh;
  min-height: 700px;
  padding: 0;
}
body:has(#home:not([hidden])) .header-edition { display: none; }
.home-view .stage {
  position: absolute;
  inset: 0;
  height: auto;
  margin: 0;
  overflow: hidden;
  perspective: 2200px;
}
.home-view .stage-label { display: none; }
.home-view .world {
  transform: translateY(-25px) rotateX(48deg) rotateZ(-12deg) scale(.9);
}
.home-view .plane-grid {
  inset: -1000px;
  opacity: .7;
  mask-image: radial-gradient(ellipse at center, #0009 10%, transparent 60%);
}
.home-view .wordmark { top: 335px; left: 485px; font-size: 228px; letter-spacing: -21px; }
.home-view .wordmark span:last-child { font-size: 196px; letter-spacing: -21px; margin-left: -120px; }
.home-view .exhibit-memory { left: 150px; top: 135px; }
.home-view .exhibit-art { left: 615px; top: 5px; }
.home-view .exhibit-attacker { left: 945px; top: 240px; }
.home-view .exhibit-atlas { left: 890px; top: 730px; }
.home-view .exhibit-jianying { left: 240px; top: 710px; }
.home-view .hero-description {
  position: absolute;
  left: var(--gutter);
  top: auto;
  right: auto;
  bottom: 105px;
  width: auto;
  max-width: 310px;
  padding: 12px 16px 12px 0;
  transform: none;
  background: #f6f6f6d9;
  backdrop-filter: blur(8px);
}
.home-view .hero-description :is(h2, .hero-eyebrow, .hero-index) { display: none; }
.home-view .hero-description .hero-intro { display: block; font-size: 14px; line-height: 1.8; margin: 0 0 14px; }
.home-view .hero-description .hero-cta { float: none; margin: 0; gap: 18px; font-size: 13px; }
.home-view .hero-cta > span { width: 28px; height: 28px; font-size: 17px; }
.home-view .scene-note { position: absolute; inset: auto var(--gutter) 109px auto; margin: 0; }
.home-view.workbench-open .world { transform: translateY(-15px) rotateX(0deg) rotateZ(0deg) scale(.49); }

@media (min-width: 1450px) {
  .home-view .world { transform: translateY(-25px) rotateX(48deg) rotateZ(-12deg) scale(.9); }
  .home-view.workbench-open .world { transform: translateY(-15px) rotateX(0deg) rotateZ(0deg) scale(.6); }
}
@media (min-width: 1800px) {
  .home-view .world { transform: translateY(-25px) rotateX(48deg) rotateZ(-12deg) scale(.97); }
}
@media (min-width: 951px) and (max-height: 780px) {
  .home-view .world { transform: translateY(-15px) rotateX(48deg) rotateZ(-12deg) scale(.82); }
  .home-view.workbench-open .world { transform: translateY(-20px) rotateX(0deg) rotateZ(0deg) scale(.47); }
}
@media (min-width: 951px) and (max-width: 1150px) {
  .home-view .world { transform: translateY(-15px) rotateX(48deg) rotateZ(-12deg) scale(.7); }
}
@media (min-width: 601px) and (max-width: 950px) {
  .home-view { min-height: 850px; }
  .home-view .world { transform: translateY(-55px) rotateX(48deg) rotateZ(-12deg) scale(.55); }
  .home-view .exhibit-atlas { left: 820px; }
  .home-view .hero-description { bottom: 125px; }
  .home-view .scene-note { bottom: 131px; }
  .home-view.workbench-open .world { transform: translateY(-55px) rotateX(0deg) rotateZ(0deg) scale(.46); }
}
@media (max-width: 600px) {
  .home-view { min-height: 780px; }
  .home-view .world { transform: translateY(-65px) rotateX(48deg) rotateZ(-12deg) scale(.32); }
  .home-view .exhibit-memory { left: 260px; top: 105px; }
  .home-view .exhibit-attacker { left: 875px; top: 240px; }
  .home-view .exhibit-atlas { left: 715px; top: 810px; }
  .home-view .exhibit-jianying { left: 235px; top: 805px; }
  .home-view .wordmark { font-size: 228px; }
  .home-view .wordmark span:last-child { font-size: 196px; }
  .home-view .hero-description {
    left: 24px; right: 24px; bottom: 112px; max-width: none;
    padding: 0; text-align: center; background: none; backdrop-filter: none;
  }
  .home-view .hero-description .hero-intro { font-size: 13px; margin-bottom: 13px; }
  .home-view .scene-note { bottom: 238px; right: 24px; font-size: 8px; }
  .home-view.workbench-open .world { transform: translateY(-65px) rotateX(0deg) rotateZ(0deg) scale(.25); }
}
@media (max-width: 370px) {
  .home-view .world { transform: translateY(-65px) rotateX(48deg) rotateZ(-12deg) scale(.28); }
  .home-view.workbench-open .world { transform: translateY(-65px) rotateX(0deg) rotateZ(0deg) scale(.23); }
}

/* A lower viewpoint, with exhibits raised toward the reader. */
.home-view:not(.workbench-open) .exhibit {
  transform: translateZ(13px) rotateX(-20deg);
}
.home-view:not(.workbench-open) .exhibit:is(:hover, :focus-visible) {
  transform: translateZ(55px) translateY(-12px) rotateX(-20deg);
}
.home-view:not(.workbench-open) .exhibit:disabled {
  transform: translateZ(13px) rotateX(-20deg);
}
.home-view .exhibit-caption { font-size: 20px; }
.home-view .window-bar { font-size: 14px; }
.home-view :is(.small-title, .memory-note) { font-size: 14px; color: #666; }
.home-view .memory-question { font-size: 26px; }
.home-view .memory-block { font-size: 15px; }
.home-view .composer { font-size: 14px; color: #666; }
.home-view .memory-page { padding: 16px; }
.home-view .terminal-command { font-size: 20px; margin-bottom: 18px; }
.home-view .terminal-line { font-size: 14px; color: #b8b8b8; }
.home-view .terminal-output { font-size: 14px; }
.home-view .terminal-content { padding: 18px; }
.home-view .terminal-footer { font-size: 12px; margin-top: 18px; }
.home-view .atlas-flow > span { font-size: 16px; }
.home-view .atlas-footer { font-size: 14px; color: #555; }
.home-view .edit-header { font-size: 14px; }
.home-view .edit-title { font-size: 26px; }
.home-view .timeline-track > i { font-size: 12px; width: 33px; }
.home-view :is(.video-clip, .audio-clip, .caption-clip) { font-size: 11px; padding: 0 5px; }
.home-view .art-tags { font-size: 13px; color: #555; }
@media (max-width: 600px) {
  .home-view .exhibit-caption { font-size: 24px; }
}
.home-view:not(.workbench-open) .plane-grid { transform: translateZ(-160px); }
.home-view:not(.workbench-open) .wordmark { top: 400px; left: 590px; font-size: 125px; letter-spacing: -13px; }
.home-view:not(.workbench-open) .wordmark span:last-child { font-size: 110px; letter-spacing: -10px; margin-left: -65px; }
@media (min-width: 951px) {
  .home-view:not(.workbench-open) .exhibit-jianying { left: 310px; top: 650px; }
  .home-view .scene-note { bottom: 65px; }
}
@media (min-width: 951px) {
  .home-view:not(.workbench-open) .exhibit-art { top: -25px; }
  .home-view:not(.workbench-open) .wordmark { top: 370px; }
}
@media (max-width: 600px) {
  .home-view:not(.workbench-open) .exhibit-memory { left: 170px; }
  .home-view:not(.workbench-open) .exhibit-attacker { left: 935px; }
  .home-view:not(.workbench-open) .exhibit-atlas { top: 1020px; }
  .home-view:not(.workbench-open) .exhibit-jianying { top: 930px; }
  .home-view:not(.workbench-open) .wordmark { left: 640px; top: 520px; }
}

@media (min-width: 601px) and (max-width: 950px) {
  .home-view:not(.workbench-open) .exhibit-atlas { top: 870px; }
  .home-view:not(.workbench-open) .exhibit-jianying { top: 770px; }
  .home-view:not(.workbench-open) .wordmark { top: 460px; }
}