.desktop-only-gate {
  display: none;
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(30px, 8vw, 72px);
  background: var(--bg);
}

.desktop-only-gate__inner {
  width: min(680px, 100%);
  align-self: center;
}

.desktop-only-gate__eyebrow {
  margin: 0 0 var(--space-4);
  color: var(--accent-text);
  font: 650 11px var(--font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.desktop-only-gate h1 {
  margin: 0 0 var(--space-5);
  font: 560 clamp(58px, 18vw, 112px) / 0.92 var(--font-content);
  letter-spacing: -0.045em;
}

.desktop-only-gate h1 span {
  color: var(--accent-text);
}

.desktop-only-gate__copy {
  margin: 0;
  color: var(--text-soft);
  font: 420 clamp(18px, 5vw, 24px) / 1.5 var(--font-content);
}

html[data-desktop-only="blocked"],
html[data-desktop-only="blocked"] body {
  height: 100%;
  overflow: hidden;
}

html[data-desktop-only="blocked"] :is(
  .skip-link,
  .minimal-nav,
  .page-frame,
  .aim-cursor,
  .pointer-origin
) {
  display: none !important;
}

html[data-desktop-only="blocked"] .desktop-only-gate {
  display: grid;
}

@media (hover: none) and (pointer: coarse) {
  html,
  body {
    height: 100%;
    overflow: hidden;
  }

  :is(
    .skip-link,
    .minimal-nav,
    .page-frame,
    .aim-cursor,
    .pointer-origin
  ) {
    display: none !important;
  }

  .desktop-only-gate {
    display: grid;
  }
}