.clear-installer-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(12px, 1.4vw, 22px);
  width: min(680px, 92vw);
  margin-top: 14px;
  padding: clamp(14px, 1.7vw, 22px);
  border: 1px solid var(--field-border, rgba(152, 112, 49, 0.45));
  border-radius: 16px;
  background: var(--composer-bg, rgba(249, 246, 237, 0.94));
  color: var(--composer-ink, #27333a);
  box-shadow: 0 18px 54px var(--composer-shadow, rgba(76, 54, 24, 0.25)),
    inset 0 1px 0 var(--field-lift, rgba(255, 255, 255, 0.74));
  backdrop-filter: blur(18px) saturate(1.08);
}

/* Public acquisition pages retain a governed browser-chrome preview for
   Founder and red-team review. Native actions still fail closed without the
   installed CLEAR bridge. */
body[data-clear-surface="website-launcher"] {
  --clear-titlebar-height: 48px;
  --clear-active-titlebar-height: 48px;
}

.clear-installer-notice__copy {
  display: grid;
  gap: 5px;
  text-align: left;
}

.clear-installer-notice__copy strong {
  font: 600 clamp(13px, 1vw, 16px) / 1.2 var(--clear-ui-font, Arial, sans-serif);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.clear-installer-notice__copy span {
  font: 400 clamp(11px, 0.85vw, 14px) / 1.45 var(--clear-ui-font, Arial, sans-serif);
  opacity: 0.82;
}

.clear-installer-notice a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid var(--field-border, rgba(152, 112, 49, 0.45));
  border-radius: 999px;
  color: var(--composer-ink, #27333a);
  background: var(--field-shell, rgba(249, 247, 239, 0.8));
  font: 650 12px / 1 var(--clear-ui-font, Arial, sans-serif);
  letter-spacing: 0.14em;
  text-decoration: none;
  box-shadow: 0 8px 22px var(--field-shadow, rgba(95, 70, 30, 0.18)),
    inset 0 1px 0 var(--field-lift, rgba(255, 255, 255, 0.74));
  transition: transform 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.clear-installer-notice a:hover,
.clear-installer-notice a:focus-visible {
  transform: translateY(-1px);
  border-color: var(--field-icon-active, #007e91);
  background: var(--field-hover, rgba(255, 255, 255, 0.42));
  outline: none;
}

/*
 * HALL acquisition composition.
 *
 * The HALL browser shell itself is native-only. On the public acquisition
 * site we retain the approved artwork and safe floating acquisition controls,
 * but never draw native titlebar chrome. The site has no native authority,
 * CLARITY engine, service worker, or device admission.
 */
body[data-clear-model="lighthall"] .room__scene,
body[data-clear-model="darkhall"] .room__scene {
  width: 100vw;
  height: 100vh;
  background-size: cover;
}

body[data-clear-model="lighthall"] {
  --room-art: url("/continuarium-premier/continuarium-archive-light.png");
}

body[data-clear-model="darkhall"] {
  --room-art: url("/continuarium-premier/continuarium-archive-dark.png");
}

body[data-clear-model="lighthall"] .room__scene::before,
body[data-clear-model="darkhall"] .room__scene::before {
  position: absolute;
  z-index: 2;
  top: 22.5%;
  left: 50%;
  width: min(72vw, 1040px);
  aspect-ratio: 40 / 9;
  content: "";
  background: url("/wordart/clear-approved-title.png") center / contain no-repeat;
  filter: drop-shadow(0 2px 12px var(--room-shadow, rgba(0, 0, 0, 0.42)));
  transform: translateX(-50%);
}

body[data-clear-model="lighthall"] .room__scene::before {
  filter: contrast(1.35) saturate(1.12) brightness(.72)
    drop-shadow(0 2px 2px rgba(58, 38, 8, .82))
    drop-shadow(0 0 1px rgba(255, 244, 200, .42));
}

body[data-clear-model="darkhall"] .room__scene::before {
  filter: contrast(1.16) saturate(1.08) brightness(1.03)
    drop-shadow(0 2px 3px rgba(0, 0, 0, .72))
    drop-shadow(0 0 8px rgba(231, 198, 110, .16));
}

body[data-clear-model="lighthall"] .room__ethos,
body[data-clear-model="darkhall"] .room__ethos {
  top: 44.5%;
  left: 25%;
  width: 50%;
}

body[data-clear-model="lighthall"] .room__search,
body[data-clear-model="darkhall"] .room__search {
  top: 53.5%;
  left: 50%;
  width: min(58vw, 860px);
  transform: translateX(-50%);
}

body[data-clear-model="lighthall"] .room__tm,
body[data-clear-model="darkhall"] .room__tm {
  display: none;
}

@media (max-width: 760px) {
  body[data-clear-model="lighthall"] .room__ethos,
  body[data-clear-model="darkhall"] .room__ethos {
    left: 8%;
    width: 84%;
  }

  body[data-clear-model="lighthall"] .room__search,
  body[data-clear-model="darkhall"] .room__search {
    left: 50%;
    width: 92vw;
  }
}

@media (max-width: 620px), (orientation: portrait) and (max-width: 820px) {
  body[data-clear-model="lighthall"] .room__scene,
  body[data-clear-model="darkhall"] .room__scene {
    /* Both Hall paintings are exactly bilateral around their source center.
       Preserve that 50% axis when the cover crop becomes portrait. */
    background-position: 50% center;
  }

  /* Founder mobile composition: move only the CLEAR word art down 100px.
     The subtitle and every functional surface retain their approved positions,
     which seats the subtitle directly beneath the repositioned title. */
  body[data-clear-model="lighthall"] .room__scene::before,
  body[data-clear-model="darkhall"] .room__scene::before {
    top: calc(22.5% + 100px);
  }
}

@media (max-width: 620px) {
  .clear-installer-notice { grid-template-columns: 1fr; }
  .clear-installer-notice a { width: 100%; }
}