.mm-btn, .mm-sheet{ display:none }

@media (max-width:800px){
  html .site-nav{
    flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important;
    justify-content:space-between!important; gap:12px!important;
    min-height:0!important; padding:14px 20px 14px!important; border:0!important;
    background:linear-gradient(180deg,
      var(--bg, #0B0B0C) 0%, var(--bg, #0B0B0C) 72%,
      color-mix(in srgb, var(--bg, #0B0B0C) 0%, transparent) 100%)!important;
    -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
  }
  html .site-nav .nav-identity{ display:contents!important }
  html .site-nav .site-nav__mark{ justify-content:flex-start!important; min-width:0!important; height:auto!important; margin:0!important }
  html .site-nav .site-nav__links,
  html .site-nav .selector{ display:none!important }
  .mm-btn{ display:inline-flex }
  .mm-sheet{ display:flex }
}

.mm-btn{
  align-items:center; gap:9px; flex:none; cursor:pointer;
  padding:10px 14px 10px 14px; border-radius:999px;
  font:400 10px/1 "Degular Mono", "Geist Mono", ui-monospace, monospace;
  letter-spacing:.26em; text-transform:uppercase; color:var(--ink, #EDEAE4);
  background:color-mix(in srgb, var(--ink, #EDEAE4) 7%, transparent);
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%);
  border:1px solid color-mix(in srgb, var(--ink, #EDEAE4) 16%, transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink, #EDEAE4) 18%, transparent), 0 8px 24px -10px rgba(0,0,0,.6);
  -webkit-tap-highlight-color:transparent;
}
.mm-btn:focus-visible{ outline:1px solid var(--accent, #8A99A8); outline-offset:3px }
.mm-btn .mm-ico{ display:inline-block; width:14px; height:6px; border-top:1px solid currentColor; border-bottom:1px solid currentColor }

.mm-sheet{
  position:fixed; inset:0; z-index:2147480000;
  flex-direction:column; padding:14px 24px max(28px, env(safe-area-inset-bottom));
  background:var(--bg, #0B0B0C); color:var(--ink, #EDEAE4);
  clip-path:inset(0 0 100% 0); visibility:hidden; overscroll-behavior:contain;
  transition:clip-path .7s cubic-bezier(.22,.7,.2,1), visibility 0s linear .7s;
}
.mm-sheet.is-open{ clip-path:inset(0); visibility:visible; transition:clip-path .7s cubic-bezier(.22,.7,.2,1), visibility 0s }
.mm-sheet::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.06; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.mm-top{ display:flex; justify-content:space-between; align-items:center; min-height:46px }
.mm-top .site-nav__mark{ pointer-events:auto }
.mm-body{ flex:1; display:flex; flex-direction:column; justify-content:center; overflow-y:auto; padding:24px 0 }
.mm-eyebrow{
  display:flex; align-items:center; gap:12px; margin:0 0 26px;
  font:400 10px/1 "Degular Mono", "Geist Mono", ui-monospace, monospace; letter-spacing:.3em; text-transform:uppercase;
  color:color-mix(in srgb, var(--ink, #EDEAE4) 55%, transparent);
}
.mm-eyebrow::before{ content:""; width:26px; height:1px; background:var(--accent, #8A99A8) }
.mm-look{
  display:flex; align-items:baseline; gap:14px; padding:6px 0; margin:0;
  background:none; border:0; color:var(--ink, #EDEAE4); text-align:left; cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.mm-look .w{ font-size:46px; line-height:1.08; font-weight:100 }
.mm-look--capable .w{ font-family:"Polymath Display", "Helvetica Neue", sans-serif }
.mm-look--clinical .w{ font-family:"Degular Display", "Helvetica Neue", sans-serif }
.mm-look--elegant img{ display:block; height:60px; width:auto }
.mm-look .now{
  font:400 9px/1 "Degular Mono", "Geist Mono", ui-monospace, monospace; letter-spacing:.26em; text-transform:uppercase;
  color:var(--accent, #8A99A8); opacity:0; transition:opacity .3s ease;
}
.mm-look.is-on .now{ opacity:1 }
.mm-look:not(.is-on){ opacity:.55 }
.mm-look:focus-visible{ outline:1px solid var(--accent, #8A99A8); outline-offset:4px }
.mm-rule{ height:1px; margin:30px 0 24px; background:color-mix(in srgb, var(--ink, #EDEAE4) 12%, transparent) }
.mm-link{
  display:flex; align-items:baseline; gap:12px; width:max-content;
  font-family:"Polymath Display", "Helvetica Neue", sans-serif; font-weight:100; font-size:30px; line-height:1.35;
  color:var(--ink, #EDEAE4); text-decoration:none;
}
.mm-link::after{ content:"\2197"; font-size:16px; color:var(--accent, #8A99A8) }


.mm-link::after{ content:""; display:inline-block; width:.6em; height:.71em;
  background-color:currentColor;
  -webkit-mask:url("/assets/marks/arrow-ne.svg") 0 0/100% 100% no-repeat;
          mask:url("/assets/marks/arrow-ne.svg") 0 0/100% 100% no-repeat }
.mm-link[aria-current="page"]{ opacity:.55 }
.mm-link:focus-visible{ outline:1px solid var(--accent, #8A99A8); outline-offset:4px }
.mm-foot{
  display:flex; justify-content:space-between; gap:16px;
  font:400 9.5px/1.6 "Degular Mono", "Geist Mono", ui-monospace, monospace; letter-spacing:.22em; text-transform:uppercase;
  color:color-mix(in srgb, var(--ink, #EDEAE4) 50%, transparent);
}
.mm-body > *{ opacity:0; transform:translateY(12px); transition:opacity .6s ease, transform .7s cubic-bezier(.22,.7,.2,1) }
.mm-sheet.is-open .mm-body > *{ opacity:1; transform:none }
.mm-sheet.is-open .mm-body > :nth-child(1){ transition-delay:.22s }
.mm-sheet.is-open .mm-body > :nth-child(2){ transition-delay:.27s }
.mm-sheet.is-open .mm-body > :nth-child(3){ transition-delay:.32s }
.mm-sheet.is-open .mm-body > :nth-child(4){ transition-delay:.37s }
.mm-sheet.is-open .mm-body > :nth-child(5){ transition-delay:.42s }
.mm-sheet.is-open .mm-body > :nth-child(6){ transition-delay:.47s }
.mm-sheet.is-open .mm-body > :nth-child(7){ transition-delay:.52s }
.mm-sheet.is-open .mm-body > :nth-child(8){ transition-delay:.57s }
.mm-sheet.is-open .mm-body > :nth-child(9){ transition-delay:.62s }
html.mm-open, html.mm-open body{ overflow:hidden!important }

@media (prefers-reduced-motion:reduce){
  .mm-sheet, .mm-sheet.is-open, .mm-body > *{ transition:none!important }
  .mm-body > *{ opacity:1; transform:none }
}



html .sound-toggle{
  padding:9px 15px 9px 12px; border-radius:999px; gap:9px; bottom:22px;
  background:color-mix(in srgb, var(--ink, #EDEAE4) 7%, transparent);
  -webkit-backdrop-filter:blur(16px) saturate(160%) brightness(.92); backdrop-filter:blur(16px) saturate(160%) brightness(.92);
  border:1px solid color-mix(in srgb, var(--ink, #EDEAE4) 15%, transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink, #EDEAE4) 20%, transparent),
             inset 0 -1px 0 rgba(0,0,0,.18), 0 10px 28px -12px rgba(0,0,0,.65);
  text-shadow:none; transition:color .5s ease, background-color .5s ease, border-color .5s ease;
}
html .sound-toggle svg{ filter:none }
html .sound-toggle:hover, html .sound-toggle:focus-visible{ border-color:color-mix(in srgb, var(--accent, #8A99A8) 45%, transparent) }
html .sound-toggle .sound-meta{
  position:static; display:inline-block; max-width:0; overflow:hidden; white-space:nowrap; vertical-align:middle;
  opacity:0; margin-left:0; padding-left:0; border-left:1px solid transparent;
  font-family:var(--font-body, var(--serif)); font-style:italic; font-size:11px; letter-spacing:.02em; text-transform:none;
  color:color-mix(in srgb, var(--ink, #EDEAE4) 62%, transparent); text-shadow:none; pointer-events:none;
  transition:max-width .6s cubic-bezier(.22,.7,.2,1), opacity .5s ease .1s, margin .6s ease, padding .6s ease;
}
html .sound-toggle.is-on .sound-meta{
  max-width:260px; opacity:1; margin-left:4px; padding-left:11px;
  border-left-color:color-mix(in srgb, var(--ink, #EDEAE4) 18%, transparent);
}
@media (max-width:800px){
  html .sound-toggle{ bottom:max(14px, env(safe-area-inset-bottom)); left:16px; padding:8px 13px 8px 11px }
  html .sound-toggle .sound-meta{ display:none }
}


html .sound-toggle{ transition:color .5s ease, background-color .5s ease, border-color .5s ease, opacity .45s ease, transform .45s cubic-bezier(.22,.7,.2,1) }
html .sound-toggle.is-tucked{ opacity:0; transform:translateY(10px); pointer-events:none }
@media (prefers-reduced-motion:reduce){ html .sound-toggle.is-tucked{ transform:none } }