/* Shared access guidance, scoped to HelioSynth exhibits. */
[data-helio-access-root] [hidden], [data-helio-access-root] [data-helio-access-content][hidden]{display:none!important}
[data-helio-terms]{scroll-margin-top:90px}
[data-helio-terms]:focus{outline:2px solid #ba8b43;outline-offset:8px}
.hx-access-receipt{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0;padding:14px 18px;border:1px solid #b98a443b;border-radius:4px;color:#c4b99f;font:13px/1.6 system-ui,sans-serif;background:#100d08}
.hx-access-receipt button{padding:5px 0;color:#ebc477;background:none;border:0;border-bottom:1px solid #987334;font:inherit;cursor:pointer}
.hx-access-panel{margin:35px 0 40px;padding:clamp(22px,4vw,42px);border:1px solid #98733355;border-radius:6px;background:linear-gradient(140deg,#171109,#090806);color:#d4c9b4}
.hx-access-panel .hx-access-kicker{font:11px/1.6 monospace;text-transform:uppercase;letter-spacing:.13em;color:#c99d54;margin:0 0 12px}
.hx-access-panel h2{font:400 clamp(26px,4vw,38px)/1.15 Georgia,serif;letter-spacing:-.02em;color:#f0e4ce;margin:0 0 18px}
.hx-access-panel p,.hx-access-panel li{font:14px/1.75 system-ui,sans-serif;color:#c7bba4}
.hx-access-panel ul{padding-left:20px;margin:20px 0 24px}
.hx-access-panel li+li{margin-top:9px}
.hx-access-panel label{display:flex;align-items:flex-start;gap:12px;font:14px/1.7 system-ui,sans-serif;color:#e3d6bf;cursor:pointer}
.hx-access-panel input[type=checkbox]{flex:0 0 19px;width:19px;height:19px;margin:3px 0 0;accent-color:#e8b75b}
.hx-access-panel [data-helio-terms-accept]{margin-top:22px;padding:13px 21px;border:1px solid #e0b76a;border-radius:3px;background:#e0b76a;color:#170f06;font:600 14px/1.4 system-ui,sans-serif;cursor:pointer}
.hx-access-panel [data-helio-terms-accept]:disabled{opacity:.45;cursor:default}
.hx-access-panel [data-helio-terms-status]{margin:14px 0 0;font-size:12px;color:#b5a58a}
.hx-access-panel button:focus-visible,.hx-access-panel input:focus-visible,.hx-access-receipt button:focus-visible{outline:3px solid #f4d08b;outline-offset:4px}
@media(max-width:560px){.hx-access-panel{padding:22px 18px}.hx-access-panel p,.hx-access-panel li,.hx-access-panel label{font-size:13px}.hx-access-panel [data-helio-terms-accept]{width:100%}}

/* Five exhibit cards and the shared listening acknowledgment. */
[data-helio-access-root] .nd-hx-collection__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
}
[data-helio-access-root] .nd-hx-card {
  grid-column: auto;
}
[data-helio-access-root] #still-chamber-card {
  grid-column: 1 / -1;
}
[data-helio-access-root] .nd-helio-access-note {
  margin: -.5rem 0 1.5rem;
  padding: .95rem 1.1rem;
  border: 1px solid rgba(239, 185, 80, .25);
  background: rgba(5, 5, 5, .82);
  color: #ddc496;
  font-family: var(--wp--preset--font-family--studio-mono, monospace);
  font-size: .7rem;
  line-height: 1.7;
}
[data-helio-access-root] #listening-terms:focus-visible {
  outline: 2px solid #fbc86a;
  outline-offset: -6px;
}
@media (max-width: 560px) {
  [data-helio-access-root] .nd-hx-collection__grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }
  [data-helio-access-root] .nd-helio-access-note {
    padding: .9rem;
    font-size: .66rem;
  }
}

/* The safety entrance is the first visible content of each standalone exhibit. */
.hx-access-panel h1{margin:0 0 14px;color:#f4dfb5;font:400 clamp(32px,5vw,58px)/1.08 Georgia,serif;letter-spacing:-.035em}
.hx-access-panel h2{font-size:clamp(22px,3vw,30px)}
.hx-exhibit-back{padding-top:clamp(32px,5vw,64px)}
.hx-exhibit-back a{color:#d6ad67;font:12px/1.6 monospace;text-decoration:none}
.nd-helio-still .nd-helio-launch__section-head h1{font:400 clamp(44px,7vw,84px)/1.02 Georgia,serif;margin:0;letter-spacing:-.04em}
.nd-helio-still .nd-helio-launch__section-head h1 em{color:#ca974c}
[data-helio-access-root] [data-helio-access-content] h1{scroll-margin-top:35px}