.release-gate{display:none}
html.release-gate-pending body{overflow:hidden}
html.release-gate-pending body[data-page="home"] .release-gate{
  position:fixed;
  z-index:220;
  inset:0;
  display:grid;
  overflow-x:hidden;
  overflow-y:auto;
  background:#020405;
  isolation:isolate;
  overscroll-behavior:contain;
}
.release-gate-atmosphere,.release-gate-atmosphere::before,.release-gate-atmosphere::after{position:absolute;inset:0;pointer-events:none}
.release-gate-atmosphere{
  z-index:-2;
  background:
    radial-gradient(circle at 50% 42%,rgba(91,120,137,.17),transparent 32rem),
    linear-gradient(180deg,#05090c 0%,#020405 58%,#05080a 100%);
}
.release-gate-atmosphere::before{
  background:
    linear-gradient(90deg,transparent 49.92%,rgba(213,226,233,.1) 50%,transparent 50.08%),
    radial-gradient(ellipse at 50% 46%,transparent 0 28%,rgba(1,3,4,.3) 63%,rgba(1,2,3,.83) 100%);
  content:"";
  opacity:.75;
}
.release-gate-atmosphere::after{
  background-image:
    radial-gradient(circle at 14% 28%,rgba(217,229,236,.24) 0 1px,transparent 1.5px),
    radial-gradient(circle at 82% 18%,rgba(217,229,236,.17) 0 1px,transparent 1.5px),
    radial-gradient(circle at 75% 72%,rgba(217,229,236,.14) 0 1px,transparent 1.5px),
    radial-gradient(circle at 24% 79%,rgba(217,229,236,.12) 0 1px,transparent 1.5px);
  background-size:17rem 19rem,23rem 21rem,29rem 31rem,19rem 27rem;
  content:"";
  filter:blur(.3px);
  opacity:.34;
}
.release-gate-shell{
  width:min(calc(100% - 3rem),68rem);
  min-height:100svh;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:clamp(1.15rem,2.4vh,2rem);
  margin:auto;
  padding:clamp(2rem,5vh,4rem) 0;
  text-align:center;
}
.release-gate-heading{display:grid;justify-items:center}
.release-gate-mark{width:1.55rem;height:2.65rem;margin-bottom:.65rem;color:#aeb5b9;filter:drop-shadow(0 0 1rem rgba(194,218,231,.22))}
.release-gate-eyebrow{margin:0 0 .6rem;color:#90999e;font:650 clamp(.68rem,1vw,.78rem)/1.4 var(--sans);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase}
.release-gate-status{margin:0;color:var(--metal);font:400 clamp(3.3rem,8vw,7.4rem)/.86 var(--serif);letter-spacing:.08em;text-indent:.08em;text-shadow:0 1px 0 var(--metal-light),0 -1px 0 #303438,0 0 2.4rem rgba(181,210,226,.12);text-transform:uppercase}
.release-gate-song{margin:.8rem 0 0;color:#8d979c;font:650 clamp(.72rem,1.2vw,.9rem)/1.4 var(--sans);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase}
.release-gate-media{position:relative;width:min(100%,31rem)}
.release-gate-media::before,.release-gate-media::after{position:absolute;z-index:-1;content:"";pointer-events:none}
.release-gate-media::before{inset:-1.25rem;border:1px solid rgba(193,213,224,.08)}
.release-gate-media::after{inset:8% -12%;background:rgba(103,137,156,.12);filter:blur(3.2rem)}
.release-gate-video-frame{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(212,227,235,.24);background:#030608;box-shadow:0 2.5rem 7rem rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.035)}
.release-gate-video{width:100%;height:100%;display:block;object-fit:contain;background:#030506}
.release-gate-video-frame::after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.045);background:linear-gradient(180deg,rgba(162,193,210,.045),transparent 22%,transparent 78%,rgba(0,0,0,.18));content:"";pointer-events:none}
.release-gate-sound{
  position:absolute;
  z-index:2;
  right:.75rem;
  bottom:.75rem;
  min-height:2.8rem;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.65rem .8rem;
  border:1px solid rgba(218,231,237,.3);
  background:rgba(2,5,7,.78);
  color:#c2c9cd;
  cursor:pointer;
  font:700 .66rem/1 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
  backdrop-filter:blur(.7rem);
}
.release-gate-sound svg{width:1rem;height:1rem}
.release-gate-sound .release-sound-on{display:none}
.release-gate-sound[aria-pressed="true"] .release-sound-on{display:block}
.release-gate-sound[aria-pressed="true"] .release-sound-off{display:none}
.release-gate-copy{display:grid;justify-items:center;gap:.9rem}
.release-gate-copy blockquote{max-width:38rem;margin:0;color:#b9c2c6;font:400 clamp(1.15rem,2.2vw,1.65rem)/1.35 var(--serif);letter-spacing:.025em}
.release-gate-date{margin:0;color:#8f9ba1;font:650 .72rem/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.release-gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.2rem}
.release-gate-actions .button{min-width:12rem;cursor:pointer}
.release-gate-enter{border-color:rgba(220,229,233,.58);background:rgba(201,218,227,.08)}
.release-gate-watch{background:transparent}
.release-gate-audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.release-gate.is-leaving{opacity:0;transform:scale(1.008);transition:opacity 520ms ease,transform 520ms ease;pointer-events:none}
@media(max-width:620px){
  .release-gate-shell{width:min(calc(100% - 2rem),68rem);align-content:start;gap:1rem;padding:1.4rem 0 1.6rem}
  .release-gate-mark{width:1.25rem;height:2.15rem;margin-bottom:.35rem}
  .release-gate-eyebrow{max-width:18rem;margin-bottom:.45rem;font-size:.62rem;letter-spacing:.24em;text-indent:.24em}
  .release-gate-status{font-size:clamp(2.8rem,15vw,4.5rem);letter-spacing:.04em;text-indent:.04em}
  .release-gate-song{margin-top:.55rem;font-size:.65rem;letter-spacing:.22em;text-indent:.22em}
  .release-gate-media{width:min(100%,25rem)}
  .release-gate-media::before{inset:-.55rem}
  .release-gate-copy blockquote{max-width:25rem;font-size:1.08rem}
  .release-gate-actions{width:100%;display:grid;grid-template-columns:1fr}
  .release-gate-actions .button{width:100%;min-width:0}
}
@media(max-height:760px) and (min-width:621px){
  .release-gate-shell{grid-template-columns:minmax(15rem,.8fr) minmax(18rem,27rem);grid-template-rows:auto auto;gap:1.5rem 3rem;text-align:left}
  .release-gate-heading{justify-items:start;align-self:end}
  .release-gate-mark{display:none}
  .release-gate-eyebrow{text-indent:0}
  .release-gate-status{text-indent:0}
  .release-gate-song{text-indent:0}
  .release-gate-media{grid-column:2;grid-row:1/3}
  .release-gate-copy{justify-items:start;align-self:start}
  .release-gate-actions{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.release-gate.is-leaving{transition:none}}