html,body { background:#fff; overflow:hidden!important; overscroll-behavior:none; }
html[data-reality=cyber],html[data-reality=cyber] body {background:#000;}
#main-header [role=button]:focus-visible {outline:2px solid currentColor;outline-offset:5px;}


@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;}}

.ekagr-designation{position:absolute;z-index:55;top:72px;left:24px;color:#000;font-family:PPNeueMontreal,monospace;font-size:10px;line-height:1;text-transform:uppercase;pointer-events:none}
html[data-reality=cyber] .ekagr-designation{color:#59e7ca}
html[data-reality=blueprint] .ekagr-designation{color:#344dbb;top:52px}
@media(max-width:1000px){.ekagr-designation{top:47px;left:20px;font-size:8px}}

/* The original grid must sit above the document surface, below the original scenes. */
.ctn{isolation:isolate}.ctn>.project-blured.fixed{z-index:0}.ctn>main{position:relative;z-index:1}

html[data-loading] .ekagr-designation{visibility:hidden}

/* The reality identity returns to the red portfolio entrance without changing its original type. */
.ekagr-home-link{display:inline-block;text-decoration:none;cursor:pointer}
.ekagr-home-link:focus-visible{outline:1px solid currentColor;outline-offset:5px}