/* ================================================================
   CS// ACCESSIBILITY CONTROL SYSTEM
   Demonstration controls; these do not by themselves certify conformance.
   ================================================================ */
.cs-skip-link{
  position:fixed;z-index:30000;left:18px;top:14px;
  transform:translateY(-160%);
  padding:11px 15px;border-radius:6px;
  background:#fff;color:#050608!important;
  font:700 13px/1.2 Inter,Arial,sans-serif;
  text-decoration:none!important;
  box-shadow:0 12px 35px rgba(0,0,0,.3);
}
.cs-skip-link:focus{transform:translateY(0)}

.cs-a11y-trigger{
  position:fixed;z-index:160;
  right:24px;bottom:24px;
  width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(7,8,10,.74);color:#fff;
  display:grid;place-items:center;
  font:700 13px/1 Inter,Arial,sans-serif;
  box-shadow:0 10px 38px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
  cursor:pointer!important;
}
.cs-a11y-trigger:hover{border-color:rgba(255,255,255,.6)}
.cs-a11y-trigger:focus-visible{outline:3px solid #fff;outline-offset:3px}

.cs-a11y-panel{
  position:fixed;z-index:170;
  right:24px;bottom:82px;
  width:min(360px,calc(100vw - 32px));
  max-height:min(650px,calc(100vh - 110px));
  overflow:auto;
  padding:22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(10,11,13,.96);color:#f5f5f3;
  box-shadow:0 25px 80px rgba(0,0,0,.45);
  backdrop-filter:blur(20px);
}
.cs-a11y-panel[hidden]{display:none}
.cs-a11y-panel__head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:16px}
.cs-a11y-panel h2{font:750 21px/1.05 Inter,Arial,sans-serif;margin:0;letter-spacing:-.03em}
.cs-a11y-panel p{font:400 12px/1.5 Inter,Arial,sans-serif;color:#aeb2b8;margin:8px 0 0}
.cs-a11y-close{
  border:0;background:transparent;color:#fff;font-size:22px;line-height:1;
  padding:4px;cursor:pointer!important
}
.cs-a11y-list{display:grid;gap:8px;margin-top:18px}
.cs-a11y-switch{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;padding:13px 14px;
  background:rgba(255,255,255,.035);color:#fff;
  text-align:left;cursor:pointer!important;
}
.cs-a11y-switch:hover{background:rgba(255,255,255,.07)}
.cs-a11y-switch span:first-child{display:grid;gap:3px}
.cs-a11y-switch strong{font:650 13px/1.2 Inter,Arial,sans-serif}
.cs-a11y-switch small{font:400 10px/1.35 Inter,Arial,sans-serif;color:#9ca1a8}
.cs-a11y-toggle{
  width:38px;height:22px;border-radius:999px;
  background:#3b3f44;position:relative;flex:0 0 auto
}
.cs-a11y-toggle::after{
  content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;
  border-radius:50%;background:#fff;transition:transform .18s ease
}
.cs-a11y-switch[aria-checked="true"] .cs-a11y-toggle{background:#d9ff55}
.cs-a11y-switch[aria-checked="true"] .cs-a11y-toggle::after{transform:translateX(16px);background:#10120f}
.cs-a11y-reset{
  width:100%;margin-top:14px;padding:12px;border-radius:8px;
  border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;
  font:650 11px/1 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer!important
}
.cs-a11y-note{border-top:1px solid rgba(255,255,255,.12);margin-top:16px;padding-top:14px!important;color:#858a91!important}

/* User-controlled modes */
html.cs-a11y-large{font-size:112.5%}
body.cs-a11y-focus *:focus-visible{
  outline:3px solid #ffd84f!important;
  outline-offset:4px!important;
  box-shadow:none!important
}
body.cs-a11y-standard-cursor,
body.cs-a11y-standard-cursor *{cursor:auto!important}
body.cs-a11y-standard-cursor .cursor,
body.cs-a11y-standard-cursor .cs-noctra-cursor,
body.cs-a11y-standard-cursor .cs-cursor-dot,
body.cs-a11y-standard-cursor .cs-cursor-ring{display:none!important}

body.cs-a11y-pause *,
body.cs-a11y-pause *::before,
body.cs-a11y-pause *::after{
  animation-play-state:paused!important;
  transition-duration:.01ms!important;
  scroll-behavior:auto!important
}
body.cs-a11y-pause canvas,
body.cs-a11y-pause .cs-story-stage,
body.cs-a11y-pause .cs-portal-stage,
body.cs-a11y-pause .cs-v10-moment{visibility:hidden!important}

body.cs-a11y-simple .cs-story-stage,
body.cs-a11y-simple .cs-story-hud,
body.cs-a11y-simple .cs-depth-ghost,
body.cs-a11y-simple .cs-world-lens,
body.cs-a11y-simple .cs-portal-stage,
body.cs-a11y-simple .portal-hud,
body.cs-a11y-simple .noise,
body.cs-a11y-simple #field,
body.cs-a11y-simple .lightline,
body.cs-a11y-simple .cs-webgl-stage,
body.cs-a11y-simple .webgl-stage,
body.cs-a11y-simple .hero-orbit{
  display:none!important
}
body.cs-a11y-simple .project-bg,
body.cs-a11y-simple .project-visual{transform:none!important}

body.cs-a11y-contrast{
  --muted:#d3d5d8!important;
  --line:rgba(255,255,255,.38)!important
}
body.cs-a11y-contrast a{text-decoration-thickness:2px}
body.cs-a11y-contrast p,
body.cs-a11y-contrast small,
body.cs-a11y-contrast .lede{color:currentColor!important;opacity:.95}
body.cs-a11y-contrast .cs-portfolio-back,
body.cs-a11y-contrast .cs-a11y-trigger{
  background:#000!important;border-color:#fff!important;color:#fff!important
}

/* Light professional pages */
body.cs-light-page .cs-a11y-trigger{
  background:rgba(255,255,255,.94);color:#101213;border-color:rgba(0,0,0,.22)
}
body.cs-light-page.cs-a11y-contrast{
  background:#fff!important;color:#000!important
}
body.cs-light-page.cs-a11y-contrast *{--pro-muted:#333!important;--pro-line:#555!important}

@media(max-width:720px){
  .cs-a11y-trigger{right:16px;bottom:16px}
  .cs-a11y-panel{right:16px;bottom:72px}
}