.intro-active{overflow:hidden}.intro{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#030505;animation:intro-out .65s 3.35s both;color:#e3e9dd}.intro-world{position:absolute;inset:0;transform-origin:50% 45%;animation:camera-in 3.8s cubic-bezier(.62,0,.29,1) both;will-change:transform}.room-light{position:absolute;inset:0;background:radial-gradient(ellipse 40% 44% at 50% 43%,#495e5338,transparent 80%),linear-gradient(90deg,#0009,transparent 30%,transparent 70%,#0009)}.room-floor{position:absolute;top:72%;width:140%;left:-20%;height:60%;background:linear-gradient(#0e1512,#030504);border-top:1px solid #6c867119;transform:perspective(500px) rotateX(35deg);transform-origin:top}.computer{position:absolute;width:min(540px,72vw);left:50%;top:45%;transform:translate(-50%,-50%)}.monitor{position:relative;padding:10px 10px 20px;background:linear-gradient(125deg,#303936,#111713 40%,#252e29);border:1px solid #4c5e504d;border-radius:12px;box-shadow:0 0 80px #a7d5ad12,0 24px 38px #000b}.monitor-screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#191b19;border:1px solid #a1c4a033;border-radius:3px;box-shadow:0 0 20px #d4efc51a,0 0 90px #b5dcb01a}.monitor-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#d8efd00b,transparent 45%);box-shadow:inset 0 0 22px #c5e4b713}.screen-page{position:absolute;left:0;top:0;transform-origin:top left;overflow:hidden;background:#191b19;pointer-events:none}.screen-page .header{padding-top:27px;padding-bottom:27px}.power-led{position:absolute;width:3px;height:3px;background:#b4d9a7;border-radius:50%;bottom:8px;right:17px;box-shadow:0 0 7px #9ad180}.monitor-neck{position:absolute;top:100%;left:44%;width:12%;height:49px;background:linear-gradient(90deg,#101711,#343d32 50%,#0b100d);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.monitor-foot{position:absolute;top:calc(100% + 44px);left:31%;width:38%;height:10px;border-radius:50%;background:linear-gradient(#43513d,#10160f);box-shadow:0 5px 9px #000}.desk{position:absolute;left:50%;top:calc(45% + min(168.75px,22.5vw) + 70px);width:min(1100px,145vw);height:30px;background:linear-gradient(#263024,#0b100c 35%,#050805);border-top:1px solid #5b72563d;transform:translateX(-50%);box-shadow:0 20px 50px #000}.desk:before,.desk:after{content:'';position:absolute;top:30px;width:18px;height:35vh;background:linear-gradient(90deg,#111910,#050805)}.desk:before{left:9%}.desk:after{right:9%}.keyboard{position:absolute;left:40%;bottom:100%;width:23%;height:25px;background:repeating-linear-gradient(90deg,transparent 0 10px,#72826718 10px 11px),repeating-linear-gradient(0deg,#171f16 0 5px,#3b4b3025 5px 6px);border:1px solid #8b9c6b22;border-radius:3px;transform:perspective(160px) rotateX(55deg);transform-origin:bottom;box-shadow:0 0 35px #adcfa20c}.intro-caption{position:absolute;bottom:9%;left:0;right:0;text-align:center;font:19px Arial,sans-serif;letter-spacing:.05em;animation:caption-out .5s 1.55s both}.intro-caption span{display:block;font-size:8px;letter-spacing:.23em;margin-top:15px;color:#8a9b85}.intro-skip{position:absolute;right:30px;bottom:25px;border:1px solid #7c8b7055;border-radius:0;background:#10150dc9;color:#c4cfbc;padding:11px 16px;font:9px Arial,sans-serif;letter-spacing:.12em;cursor:pointer}.intro-skip span{margin-left:20px}.intro-skip:hover{background:#2c3527}.intro-skip:focus-visible{outline:1px solid #b5c7a6;outline-offset:4px}@keyframes camera-in{0%{transform:scale(.82);opacity:0}18%{opacity:1}32%{transform:scale(1)}100%{transform:scale(var(--zoom,4.5));opacity:1}}@keyframes intro-out{0%{opacity:1}100%{opacity:0}}@keyframes caption-out{to{opacity:0;transform:translateY(-8px)}}@media(max-width:640px){.computer{width:80vw}.monitor{padding:6px 6px 13px;border-radius:8px}.desk{top:calc(45% + 25vw + 63px)}.intro-caption{bottom:17%}.intro-skip{right:20px;bottom:22px}.power-led{bottom:5px}.monitor-neck{height:44px}.monitor-foot{top:calc(100% + 39px)}}@media(prefers-reduced-motion:reduce){.intro{display:none}.intro-active{overflow:auto}}
html{scrollbar-gutter:stable}.portal-intro{animation:none}.intro-room{position:absolute;inset:0;transform-origin:50% 44%}.portal-monitor{position:absolute;box-sizing:border-box;width:min(540px,76vw);height:min(365px,51.37vw);left:calc(50% - min(270px,38vw));top:calc(44% - min(182.5px,25.685vw));padding:10px 10px 20px;background:linear-gradient(125deg,#414c42,#141a16 40%,#2e392f);border:1px solid #76887275;border-radius:12px;box-shadow:0 0 100px #b9dec32b,0 25px 70px #000;overflow:hidden;will-change:width,height,left,top}.portal-screen{position:relative;width:100%;height:100%;overflow:hidden;background:#191b19;border-radius:4px}.portal-screen .screen-page{opacity:0}.screen-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#283b29,#101a13 75%);text-shadow:0 0 35px #d1efb735}.screen-brand>span{font:clamp(24px,4vw,45px) Arial,sans-serif;letter-spacing:-.025em;color:#e2ecd9}.screen-brand small{font-size:clamp(8px,1.3vw,11px);letter-spacing:.15em;color:#9eb594;margin-top:17px}.screen-brand i{width:35px;height:1px;background:#8ea779;box-shadow:0 0 10px #cce4a9;margin-top:27px}.portal-neck{position:absolute;top:calc(44% + min(182.5px,25.685vw));left:47%;width:6%;height:47px;background:linear-gradient(90deg,#101711,#43513d 50%,#0b100d);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.portal-foot{position:absolute;top:calc(44% + min(182.5px,25.685vw) + 42px);left:40%;width:20%;height:10px;border-radius:50%;background:linear-gradient(#526347,#10160f);box-shadow:0 5px 9px #000}.portal-intro .desk{top:calc(44% + min(182.5px,25.685vw) + 64px);background:linear-gradient(#35442e,#131e12 35%,#050805);border-top:1px solid #8497764d}.portal-intro .room-light{background:radial-gradient(ellipse 42% 48% at 50% 45%,#526c4b42,transparent 80%),linear-gradient(90deg,#0009,transparent 30%,transparent 70%,#0009)}@media(max-width:640px){.portal-monitor{width:84vw;height:57vw;left:8vw;top:calc(43% - 28.5vw)}.portal-neck{top:calc(43% + 28.5vw)}.portal-foot{top:calc(43% + 28.5vw + 42px)}.portal-intro .desk{top:calc(43% + 28.5vw + 64px)}.screen-brand>span{font-size:28px}}
.portal-screen .screen-page{will-change:transform,opacity;backface-visibility:hidden}.portal-intro>.screen-brand{pointer-events:none;contain:layout style}.portal-screen{background:radial-gradient(ellipse at center,#283b29,#101a13 75%)}