/* The scan is an annotation within the homepage, never a separate cover page. */
.tech-intro{position:absolute;top:120px;right:6.5%;z-index:5;width:310px;display:flex;align-items:start;gap:24px;color:#a9b8be;pointer-events:none;transition:opacity .7s ease,visibility .7s ease}
.tech-intro.complete{opacity:0;visibility:hidden}
.intro-loading{flex:1;min-width:0}
.intro-loading>div{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;font:7px/1.6 'Courier New',monospace;letter-spacing:.7px}
.intro-loading b{font-size:9px;font-weight:400;color:#d0ba94;white-space:nowrap}
.intro-track{height:1px;background:#c6ae8326;overflow:hidden}
.intro-track>i{display:block;height:1px;background:#c6ae83;transform:scaleX(0);transform-origin:left}
#skip-intro{pointer-events:auto;background:none;border:0;border-bottom:1px solid #c6ae8340;padding:0 0 5px;color:#c6ae83;font:7px/1.6 'Courier New',monospace;letter-spacing:.6px;white-space:nowrap}
@media(max-width:650px){.tech-intro{top:97px;left:6%;right:6%;width:auto;gap:28px}.intro-loading>div{font-size:6px;letter-spacing:.5px;margin-bottom:7px}.intro-loading b{font-size:8px}#skip-intro{font-size:6px}}
@media(max-width:650px) and (max-height:780px){.tech-intro{top:87px}.intro-loading>div{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.tech-intro{display:none}}