@import url("/assets/styles-1.css");
@import url("/assets/styles-2.css");
@import url("/assets/styles-3.css");
@import url("/assets/styles-4.css");
@import url("/assets/styles-5.css");
@import url("/assets/styles-6.css");
@import url("/assets/styles-7.css");
@import url("/assets/styles-8.css");

/* Lighthouse/WCAG: readable secondary footer text on #0b0c0a. */
.footer-column h2{color:#7d8077;font-size:10px}
.footer-column small{color:#888c82}
.footer-bottom{color:#7d8077;font-size:9px}

/* Accessibility: keep the skip link available to keyboard users without leaving it visible in the page chrome. */
.skip-link{
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
  opacity:0;
  pointer-events:none;
  transform:none;
}
.skip-link:focus,
.skip-link:focus-visible{
  width:auto;
  height:auto;
  margin:0;
  padding:12px 18px;
  overflow:visible;
  clip:auto;
  clip-path:none;
  opacity:1;
  pointer-events:auto;
  transform:none;
}

/* Floating "back to top" control. */
.scroll-top{
  position:fixed;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(20px,env(safe-area-inset-bottom));
  z-index:900;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid var(--line-strong);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  color:var(--ink);
  box-shadow:var(--shadow-small);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.94);
  transition:opacity .22s ease,visibility .22s ease,transform .28s var(--ease),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.scroll-top:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--accent-ink);
  box-shadow:0 14px 36px color-mix(in srgb,var(--ink) 18%,transparent);
  transform:translateY(-3px) scale(1);
}
.scroll-top:active{transform:translateY(0) scale(.96)}
.scroll-top svg{width:22px;height:22px;transition:transform .22s var(--ease)}
.scroll-top:hover svg{transform:translateY(-2px)}

@media (max-width:600px){
  .scroll-top{
    right:max(14px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
    width:48px;
    height:48px;
    border-radius:16px;
  }
  .scroll-top svg{width:20px;height:20px}
}

@media (prefers-reduced-motion:reduce){
  .scroll-top,
  .scroll-top svg{transition:none}
}