:root{
  --chrome-x:69px;
  --chrome-y:3.5vh;
  --chrome-top:var(--chrome-y);
  --chrome-bottom:var(--chrome-y);
  --chrome-text-shadow:0 1px 8px rgba(0,0,0,.75);
  --chrome-link:rgba(255,255,255,.58);
  --chrome-link-muted:rgba(255,255,255,.48);
  --chrome-link-hover:rgba(255,255,255,.9);
  --chrome-link-current:rgba(255,255,255,.82);
  --chrome-scrim-bg:rgba(0,0,0,.28);
  --chrome-scrim-border:1px solid rgba(255,255,255,.045);
  --chrome-pill-optical-overhang:12px;
  --chrome-top-row-x-nudge:5px;
}

html,
body{
  overflow-x:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

.doc-footer{
  display:none;
}

.wordmark,
.doc-home-mark,
.media-home-mark{
  position:fixed !important;
  top:var(--chrome-top) !important;
  left:var(--chrome-x) !important;
  z-index:30;
  transform:translateX(calc(-1 * var(--chrome-pill-optical-overhang) + var(--chrome-top-row-x-nudge)));
}

.wordmark,
.doc-home-mark{
  font:12px/1 monospace;
  letter-spacing:.1em;
  text-transform:lowercase;
  opacity:.58;
  padding:8px 12px 8px 10px;
  background-color:var(--chrome-scrim-bg);
  border:var(--chrome-scrim-border);
  border-radius:999px;
  backdrop-filter:blur(10px) saturate(110%);
  -webkit-backdrop-filter:blur(10px) saturate(110%);
}

.media-home-mark{
  line-height:0;
  opacity:.54;
  padding:8px 10px;
  background-color:var(--chrome-scrim-bg);
  border:var(--chrome-scrim-border);
  border-radius:999px;
  backdrop-filter:blur(10px) saturate(110%);
  -webkit-backdrop-filter:blur(10px) saturate(110%);
}

.wordmark a,
.doc-home-mark a,
.media-home-mark a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
  transition:color .25s ease, opacity .25s ease;
  text-shadow:var(--chrome-text-shadow);
}

.wordmark a,
.doc-home-mark a{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  line-height:1;
}

.media-home-mark a{
  display:block;
}

.wordmark img,
.doc-home-mark img,
.media-home-mark img{
  display:block;
  width:auto;
  height:18px;
  opacity:.92;
}

.wordmark a:hover,
.doc-home-mark a:hover,
.media-home-mark a:hover{
  color:rgba(255,255,255,.88);
  opacity:1;
}

.site-primary-nav,
.home-primary-nav,
.home-legal-nav,
.back,
.copyright,
.sound,
.doc-footer,
.media-chrome{
  font-family:monospace;
}

.site-primary-nav,
.home-primary-nav{
  position:fixed !important;
  top:var(--chrome-top) !important;
  right:var(--chrome-x) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:28px;
  font-size:12.5px;
  line-height:1;
  letter-spacing:.08em;
  z-index:30;
  padding:9px 16px 9px 18px;
  background-color:var(--chrome-scrim-bg);
  border:var(--chrome-scrim-border);
  border-radius:999px;
  backdrop-filter:blur(10px) saturate(110%);
  -webkit-backdrop-filter:blur(10px) saturate(110%);
  transform:translateX(calc(var(--chrome-pill-optical-overhang) + var(--chrome-top-row-x-nudge)));
  overflow:hidden;
  isolation:isolate;
  clip-path:inset(0 round 999px);
  -webkit-clip-path:inset(0 round 999px);
}

.site-primary-nav::before,
.home-primary-nav::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(to bottom, rgba(0,0,0,.36), rgba(0,0,0,.14) 55%, transparent);
  pointer-events:none;
  z-index:-1;
  overflow:hidden;
}

.site-primary-nav a,
.home-primary-nav a,
.home-legal-nav a,
.back a,
.doc-footer__back a{
  display:inline-flex;
  align-items:center;
  color:#fff;
  text-decoration:none;
  line-height:1;
}

.site-primary-nav a,
.home-primary-nav a,
.home-legal-nav a{
  color:var(--chrome-link);
  opacity:1;
  text-shadow:var(--chrome-text-shadow);
}

.site-primary-nav a:hover,
.home-primary-nav a:hover,
.home-legal-nav a:hover,
.back a:hover,
.doc-footer__back a:hover{
  color:var(--chrome-link-hover);
  opacity:1;
}

.site-primary-nav a[aria-current="page"],
.home-primary-nav a[aria-current="page"],
.site-primary-nav a.is-active,
.home-primary-nav a.is-active{
  color:var(--chrome-link-current);
  opacity:1;
}

.site-primary-nav .play,
.home-primary-nav .play{
  font-size:12.5px !important;
  line-height:1 !important;
  transform:none !important;
}

.home-legal-nav{
  position:fixed !important;
  left:var(--chrome-x) !important;
  bottom:var(--chrome-bottom) !important;
  display:flex !important;
  align-items:center !important;
  gap:28px;
  font-size:12.5px;
  line-height:1;
  letter-spacing:.08em;
  z-index:30;
}

.copyright,
.doc-footer__copy{
  color:rgba(255,255,255,.48);
  letter-spacing:.12em;
  text-align:right;
  white-space:nowrap;
  text-shadow:var(--chrome-text-shadow);
}

.copyright::before{
  content:"";
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:104px;
  background:linear-gradient(to top, rgba(0,0,0,.34), rgba(0,0,0,0));
  pointer-events:none;
  z-index:29;
}

.copyright{
  position:fixed !important;
  right:var(--chrome-x) !important;
  bottom:var(--chrome-bottom) !important;
  font-size:12px;
  line-height:1;
  pointer-events:none;
  z-index:30;
}

.back{
  position:fixed !important;
  left:var(--chrome-x) !important;
  bottom:var(--chrome-bottom) !important;
  font-size:13px;
  line-height:1;
  letter-spacing:.08em;
  opacity:1;
  z-index:30;
}

.back a,
.doc-footer__back a{
  color:rgba(255,255,255,.55);
  text-shadow:var(--chrome-text-shadow);
}

.page-legal .legal-fixed-nav{
  position:fixed !important;
  left:var(--chrome-x) !important;
  bottom:var(--chrome-bottom) !important;
  display:flex !important;
  align-items:center;
  gap:28px;
  font-size:13px;
  line-height:1;
  letter-spacing:.08em;
  z-index:30;
}

.page-legal .legal-fixed-nav a{
  display:inline-flex;
  align-items:center;
  color:rgba(255,255,255,.55);
  text-decoration:none;
  line-height:1;
  opacity:1;
  transition:color .25s ease;
  text-shadow:var(--chrome-text-shadow);
}

.page-legal .legal-fixed-nav a:hover{
  color:var(--chrome-link-hover);
}

.page-legal .legal-fixed-nav span[aria-current="page"]{
  color:var(--chrome-link-current);
  opacity:1;
  text-shadow:var(--chrome-text-shadow);
}

.page-legal .legal-inline-nav{
  display:none;
  margin:48px 0 0;
}

.page-legal .legal-inline-nav__label{
  margin:0 0 10px;
  color:rgba(255,255,255,.3);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:lowercase;
}

.page-legal .legal-inline-nav__links{
  margin:0;
  font-size:12.5px;
  letter-spacing:.08em;
  line-height:1;
}

.page-legal .legal-inline-nav__links a{
  color:var(--chrome-link);
  text-decoration:none;
  opacity:1;
  text-shadow:var(--chrome-text-shadow);
}

.page-legal .legal-inline-nav__links a:hover{
  color:var(--chrome-link-hover);
}

.page-legal .legal-inline-nav__links span[aria-current="page"]{
  color:var(--chrome-link-current);
  opacity:1;
}

.page-legal .legal-inline-nav__links a + span,
.page-legal .legal-inline-nav__links span + a{
  margin-left:28px;
}

.page-doc .doc-content{
  box-sizing:border-box;
}

.page-doc .doc-content,
.page-doc .legal,
.page-doc .privacy,
.page-doc .foundation,
.page-doc .tracks,
.page-doc .visuals,
.page-doc .about-stage{
  padding-bottom:calc(var(--chrome-y) + 150px);
}

.page-doc .doc-shell{
  max-width:640px;
  margin:140px auto 220px;
  padding:0 24px calc(var(--chrome-y) + 150px);
}

body.page-underlay{
  background-color:#000;
  background-image:none;
  isolation:isolate;
}

body.page-underlay::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(0,0,0,.69), rgba(0,0,0,.69)),
    url('/assets/background/doc_underlay_night_threshold_20260526.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.media-chrome{
  position:fixed;
  left:var(--chrome-x);
  right:var(--chrome-x);
  bottom:var(--chrome-bottom);
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  z-index:30;
}

.media-chrome::before{
  content:"";
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:110px;
  background:linear-gradient(to top, rgba(0,0,0,.38), rgba(0,0,0,0));
  pointer-events:none;
  z-index:-1;
}

.media-chrome__left{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:12px 24px;
  min-width:0;
}

.media-chrome__right{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  min-width:0;
}

.media-chrome .back,
.media-chrome .sound,
.media-chrome .copyright,
.media-chrome .watch-yt{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
}

.media-chrome .back,
.media-chrome .sound{
  line-height:1 !important;
}

.media-chrome .watch-yt{
  flex-basis:100%;
  font-size:11px;
  line-height:1.2;
}

.media-chrome .copyright{
  text-align:right !important;
  white-space:nowrap;
}

.media-chrome .back{
  opacity:1;
}

.media-chrome .back a{
  color:rgba(255,255,255,.58);
  opacity:1;
  text-shadow:var(--chrome-text-shadow);
}

.media-chrome .sound{
  color:rgba(255,255,255,.58);
  opacity:1;
  text-shadow:var(--chrome-text-shadow);
}

.media-chrome .sound[data-on="1"]{
  color:rgba(255,255,255,.76);
  opacity:1;
}

.media-chrome .media-chrome__left .watch-yt{
  opacity:1;
}

.media-chrome .watch-yt a{
  color:rgba(255,255,255,.58);
  opacity:1;
  text-shadow:var(--chrome-text-shadow);
}

.media-chrome .back a:hover,
.media-chrome .sound:hover,
.media-chrome .watch-yt a:hover{
  color:rgba(255,255,255,.82);
  opacity:1;
}

.media-chrome .copyright{
  color:rgba(255,255,255,.48);
  text-shadow:var(--chrome-text-shadow);
}

@media (max-width:760px){
  :root{
    --chrome-x:32px;
    --chrome-top:calc(env(safe-area-inset-top, 0px) + 24px);
    --chrome-bottom:calc(env(safe-area-inset-bottom, 0px) + 3.5vh);
    --chrome-pill-optical-overhang:10px;
    --chrome-top-row-x-nudge:4px;
  }

  html,
  body{
    overflow-x:hidden !important;
  }

  .site-primary-nav,
  .home-primary-nav{
    gap:clamp(14px, 4vw, 22px);
    max-width:calc(100vw - 160px);
    font-size:12px;
    background-color:rgba(0,0,0,.34);
  }

  .site-primary-nav a,
  .home-primary-nav a,
  .home-legal-nav a{
    color:rgba(255,255,255,.72);
  }

  .site-primary-nav a[aria-current="page"],
  .home-primary-nav a[aria-current="page"],
  .site-primary-nav a.is-active,
  .home-primary-nav a.is-active{
    color:rgba(255,255,255,.86);
  }

  .wordmark,
  .doc-home-mark{
    opacity:.78;
    background-color:rgba(0,0,0,.32);
  }

  .media-home-mark{
    opacity:.74;
    background-color:rgba(0,0,0,.32);
  }

  .wordmark a,
  .doc-home-mark a,
  .media-home-mark a{
    color:rgba(255,255,255,.8);
  }

  .site-primary-nav a,
  .home-primary-nav a,
  .site-primary-nav .play,
  .home-primary-nav .play{
    font-size:12px !important;
  }

  .home-legal-nav{
    gap:clamp(14px, 4vw, 22px);
    max-width:calc(50vw - 32px);
    font-size:12px;
  }

  .home-legal-nav a{
    color:rgba(255,255,255,.68);
  }

  .back a,
  .doc-footer__back a{
    color:rgba(255,255,255,.68);
  }

  .copyright{
    max-width:calc(50vw - 32px);
    font-size:11px;
    letter-spacing:.10em;
    color:rgba(255,255,255,.58);
  }

  .page-legal .legal-fixed-nav a{
    color:rgba(255,255,255,.68);
  }

  .media-chrome .back a,
  .media-chrome .sound,
  .media-chrome .watch-yt a{
    color:rgba(255,255,255,.66);
  }

  .media-chrome .copyright{
    color:rgba(255,255,255,.58);
  }

  .page-legal .legal-fixed-nav a:not(.legal-fixed-nav__back),
  .page-legal .legal-fixed-nav span[aria-current="page"]{
    display:none;
  }

  .page-legal .legal-inline-nav{
    display:block;
  }

  .page-doc .doc-content,
  .page-doc .legal,
  .page-doc .privacy,
  .page-doc .foundation,
  .page-doc .tracks,
  .page-doc .visuals,
  .page-doc .about-stage{
    max-width:calc(100vw - 40px);
    padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 148px);
  }

  .page-doc .doc-shell{
    max-width:calc(100vw - 40px);
    margin:140px auto 220px;
    padding:0 20px calc(env(safe-area-inset-bottom, 0px) + 148px);
  }

  .media-chrome{
    max-width:calc(100vw - 64px);
  }
}