/* V6 / precise finishing details. Brand colors are intentional exceptions
   to the inner-page silver palette. No broad filter changes the room art. */

/* The same intrinsic square badge on every header: never stretched or cut. */
.topbar-brand-link .header-emblem {
  position: absolute;
  left: 7.7%;
  top: 0;
  width: 16.5%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(100deg, #0a0d11, #0b0e12);
  pointer-events: none;
}
.header-emblem img {
  display: block;
  height: 95%;
  width: auto;
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  image-rendering: auto;
  filter: none;
}

/* Masked artwork replacement inside the original far-left picture frame. */
.home-waterfall-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* One bold, legible line on the existing HH display plinth. */
.home-heaven-wordmark {
  left: 29.1%;
  width: 8.3%;
  padding: .07% .16%;
}
.inline-heaven-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .26em;
  width: 100%;
  color: #fff;
  white-space: nowrap;
  font: italic 800 9cqw/1 Georgia, 'Times New Roman', serif;
  letter-spacing: -.015em;
  text-shadow: 0 0 .45px #fff;
}
.inline-heaven-label strong { font-weight: 900; }
.inline-heaven-label b { color: #fff239; font-style: normal; font-size: 1.15em; }

/* Pixel cars keep their existing raster treatment. The HD PSP presentation
   uses continuous downsampling, without a second destructive scanline pass. */
.drift-screen[data-arcade-scene='psp'] canvas { image-rendering: auto; }
.drift-screen[data-arcade-scene='psp']::after {
  background: none;
  box-shadow: inset 0 0 3px 1px #0005;
}

/* A genuine two-column exhibit makes the cabinet's top independent of the
   left heading wrapping. Its link now starts just below the breadcrumb bar. */
.heaven-page .heaven-exhibit {
  grid-template-columns: minmax(240px, 22%) minmax(0, 1fr);
  column-gap: 20px;
  row-gap: 26px;
  margin-top: 0;
  padding-top: 24px;
  align-items: start;
}
.heaven-entry-column { min-width: 0; position: relative; }
.heaven-page .heaven-heading {
  display: block;
  padding-top: 7px;
  margin: 0 0 24px;
}
.heaven-page .heaven-heading > div { max-width: 430px; }
.heaven-page .heaven-heading .project-status { display: inline-flex; margin-top: 12px; }
.heaven-page .heaven-heading .overline { margin-bottom: 17px; }
.heaven-page .project-heading h1.heaven-signature {
  font-size: clamp(33px, 3.05vw, 50px);
  line-height: 1.25;
  margin-bottom: 17px;
}
.heaven-page .heaven-signature a,
.heaven-page .heaven-signature a:hover { color: #f3f4f6; }
.heaven-signature .heaven-sigil {
  color: #ffe535;
  text-shadow: 0 0 8px #ffe53516;
}
.heaven-page .heaven-entry {
  margin: 28px 0 0;
  width: min(100%, 225px);
}
.heaven-page .ddr-exhibit { padding-top: 0; margin-top: 0; }
.heaven-page .ddr-site-link { margin-top: 0; margin-bottom: 3px; padding-top: 4px; }
.heaven-page .heaven-exhibit .exhibit-notes { grid-column: 1 / -1; }

@media (min-width: 1600px) {
  .heaven-page .heaven-exhibit { grid-template-columns: 340px minmax(0, 1fr); }
  .heaven-page .heaven-entry { margin-top: 32px; }
}
@media (max-width: 1100px) {
  .heaven-page .heaven-exhibit { grid-template-columns: 220px minmax(0, 1fr); gap: 24px 12px; }
  .heaven-page .project-heading h1.heaven-signature { font-size: 32px; }
  .heaven-page .heaven-heading > div { max-width: 270px; }
  .heaven-page .heaven-entry { width: min(100%, 190px); margin-top: 25px; }
}
@media (max-width: 750px) {
  .heaven-page .heaven-exhibit { grid-template-columns: 1fr; padding-top: 24px; gap: 15px; }
  .heaven-entry-column { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 22px; align-items: start; }
  .heaven-page .heaven-heading { margin-bottom: 0; padding-top: 0; }
  .heaven-page .heaven-heading > div { max-width: none; }
  .heaven-page .heaven-entry { display: block; width: 150px; margin: 0; text-align: center; }
  .heaven-page .heaven-entry .hh-app-bubble { width: 130px; height: 130px; margin-left: auto; margin-right: auto; }
  .heaven-page .heaven-entry h2 { font-size: 25px; }
  .heaven-page .heaven-entry > p { font-size: 12px; }
  .heaven-page .heaven-entry .text-link { font-size: 8px; }
  .heaven-page .ddr-exhibit { width: 100%; max-width: none; }
}
@media (max-width: 480px) {
  .portal-shell .about-gallery-hero .about-intro h1 { font-size: clamp(52px, 18vw, 72px); }
  .heaven-entry-column { grid-template-columns: 1fr; gap: 0; }
  .heaven-page .project-heading h1.heaven-signature { font-size: clamp(27px, 8.4vw, 37px); }
  .heaven-page .heaven-heading { margin-bottom: 20px; }
  .heaven-page .heaven-entry { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 0 16px; width: 100%; margin: 0 auto 10px; text-align: left; }
  .heaven-page .heaven-entry .hh-app-bubble { width: 120px; height: 120px; margin: 0; grid-row: 2 / 6; grid-column: 1; }
  .heaven-page .heaven-entry h2 { font-size: 27px; }
  .heaven-page .heaven-entry > p { font-size: 13px; }
  .heaven-page .heaven-entry .text-link { font-size: 9px; }
}