[id]{scroll-margin-top:72px}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.site-header{position:absolute;inset:0 0 auto;z-index:30;background:transparent}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s24);padding:var(--s24) var(--margin)}

.site-header__logo{display:block;line-height:0}
.site-header__logo img{width:auto;height:34px}
@media (min-width:768px){.site-header__logo img{height:40px}}

@media (min-width:768px){

}

.menu-trigger{width:var(--control);height:var(--control);display:grid;place-items:center;
  background:transparent;border:0;border-radius:var(--radius);cursor:pointer;
  transition:background-color .12s linear}
.menu-trigger:hover{background:var(--hover)}
.menu-trigger:focus-visible{outline:none;background:var(--focus-tertiary);color:#fff}
.menu-trigger__bars{display:grid;gap:5px;width:20px}
.menu-trigger__bars span{display:block;height:2px;background:currentColor}

.menu-panel{position:fixed;inset:0;z-index:50;overflow:auto;
  box-shadow:0 0 0 100vmax rgba(12,15,17,.6)}
.menu-panel[hidden]{display:none}
.menu-panel__inner{padding:var(--s24) var(--margin) var(--s48);min-height:100%;
  display:flex;flex-direction:column;gap:var(--s48)}
.menu-panel__top{display:flex;align-items:center;justify-content:space-between;min-height:var(--control)}
.menu-close{width:var(--control);height:var(--control);display:grid;place-items:center;
  background:transparent;border:0;border-radius:var(--radius);cursor:pointer;
  transition:background-color .12s linear}
.menu-close:hover{background:var(--hover)}
.menu-close:focus-visible{outline:none;background:var(--focus-tertiary)}
.menu-panel__nav ul{display:grid;gap:var(--s12)}
.menu-panel__nav a{display:inline-block;text-decoration:none;
  font:600 clamp(26px,1.4rem + 1.6vw,44px)/1.08 Geist;letter-spacing:-.018em;
  padding-block:var(--s4);transition:color .12s linear}
.menu-panel__nav a:hover{color:var(--steel-300)}
.menu-panel__nav a:focus-visible{outline:none;color:var(--steel-300)}
.menu-panel__nav a[aria-current=page]{color:var(--steel-300)}
.menu-panel__foot{margin-top:auto}

.site-footer{padding-block:var(--s48)}
.site-footer__grid{display:flex;flex-wrap:wrap;justify-content:space-between;
  gap:var(--s24);padding-bottom:var(--s32)}
.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--s24)}
.site-footer__legal{padding-top:var(--s32);max-width:80ch}

.soon{color:var(--steel-300);cursor:default}
.menu-panel__nav .soon{display:inline-flex;align-items:baseline;gap:var(--s12)}
.menu-panel__nav .soon .technical{font-size:13px;color:var(--steel-500)}