/* DEJIU entrance: architectural rules and inspection marks inspired by RhineLabUI. */
.intro{background:radial-gradient(ellipse at 50% 44%,#fffdf3 0%,#f5f3e7 62%,#ece9db 100%)}
.intro:before{content:'';position:absolute;inset:100px 4.6vw 125px;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),#ada58b20 50%,transparent calc(50% + .5px));border-block:1px solid #a49d822b}
.entry-coordinate{position:absolute;top:50%;font:10px 'Courier New',monospace;letter-spacing:2px;color:#8d8977;writing-mode:vertical-rl;pointer-events:none}.entry-coordinate.left{left:5vw}.entry-coordinate.right{right:5vw}
.entry-inspection{position:absolute;inset:18%;border:1px solid #b4ac8d24;pointer-events:none;transform:rotate(45deg);transition:opacity .5s}
.entry-inspection:before,.entry-inspection:after{content:'';position:absolute;width:5px;height:5px;background:#b39a55;top:-3px;left:-3px}.entry-inspection:after{top:auto;left:auto;bottom:-3px;right:-3px}
.intro-copy{gap:25px}.intro-copy>.eyebrow{letter-spacing:3px;color:#827b65}.intro-name{line-height:1.1}.intro-name span{color:#8b805e}
.enter-system{position:relative;width:250px;min-height:70px;padding:12px 18px;border:0;border-block:1px solid #938b70;background:transparent;letter-spacing:2px;text-align:left;gap:20px;isolation:isolate;color:#33382b}
.enter-system:before{content:'';position:absolute;inset:-4px 0;border-left:1px solid #938b70;border-right:1px solid #938b70;clip-path:polygon(0 0,8px 0,8px 100%,0 100%,0 0,100% 0,100% 100%,calc(100% - 8px) 100%,calc(100% - 8px) 0);pointer-events:none}
.enter-system:after{content:'';position:absolute;inset:0;background:#dcd3a459;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:-1}
.enter-system:hover{background:transparent;transform:none}.enter-system:hover:after,.enter-system:focus-visible:after{transform:scaleX(1)}
.enter-system:focus-visible{outline:2px solid #8d7944;outline-offset:7px}.entry-label{display:grid;gap:7px}.entry-label small{font:9px 'Courier New',monospace;letter-spacing:2px;color:#80785d}.entry-label b{font-size:15px;font-weight:400;letter-spacing:4px}
.entry-arrow{display:grid;place-items:center;width:30px;height:30px;font-size:23px;border:1px solid #aca38365;border-radius:50%;transition:transform .4s}.enter-system:hover .entry-arrow{transform:rotate(-45deg)}
.intro-welcome{font-size:11px!important;letter-spacing:1.5px!important;color:#8c8774}.entry-hint{position:absolute;bottom:18%;left:0;right:0;text-align:center;font:9px 'Courier New',monospace;letter-spacing:2px;color:#99907b;pointer-events:none}
.intro.connecting .entry-hint,.intro.connecting .entry-inspection{opacity:0}.intro-art>svg:not(.rhine-scan){opacity:.55}
.archive-stage:after{content:'';position:absolute;left:5%;right:5%;top:20%;height:1px;background:linear-gradient(90deg,transparent,#ab934d77,transparent);box-shadow:0 -5px 18px #d4bd7930;pointer-events:none;animation:archive-sweep 10s ease-in-out infinite;z-index:1}
.archive-stage-heading:before{content:'+';margin-right:9px;color:#a08b50}.archive-selection button:focus-visible{outline:2px solid #97814c;outline-offset:-4px}
@keyframes archive-sweep{0%,100%{transform:translateY(0);opacity:0}20%,75%{opacity:.65}85%{transform:translateY(220px);opacity:0}}
@media(max-width:700px){.enter-system{width:218px;min-height:64px}.intro-copy{gap:21px}.entry-coordinate{display:none}.entry-inspection{inset:19%}.entry-hint{bottom:14%;font-size:8px}.intro:before{inset:95px 6vw 115px}}
@media(max-height:650px){.intro-art{max-width:440px}.intro-copy{gap:15px}.entry-hint{display:none}.intro-copy .intro-name{font-size:40px}.enter-system{min-height:56px}}
@media(prefers-reduced-motion:reduce){.archive-stage:after{animation:none;display:none}.enter-system:after,.entry-arrow{transition:none}}