.mobile-portfolio{--mobile-scene:#1b2230;--mobile-surface:var(--mobile-scene);--mobile-paper:#eedcc3;--mobile-ink:#c8c5cb;--mobile-muted:#a9a6b1;--mobile-rule:#41404a;background:var(--mobile-scene);color:var(--mobile-ink);min-height:100svh}.mobile-portfolio[data-theme=light]{--mobile-scene:#c4c3ba;--mobile-paper:#303b35;--mobile-ink:#3c4540;--mobile-muted:#50594f;--mobile-rule:#8e9787}.mobile-studio{background:var(--mobile-scene)}.mobile-desk{aspect-ratio:1200/760;width:100%;position:relative;overflow:hidden}.mobile-desk-image{width:100%;height:auto;position:absolute;inset:0}.mobile-desk:after{content:"";background:linear-gradient(transparent, var(--mobile-surface));pointer-events:none;height:8%;position:absolute;inset:auto 0 0}.mobile-desk-stage{transform-origin:0 0;pointer-events:none;width:1200px;height:900px;position:absolute;inset:0}.mobile-laptop-screen{transform-origin:0 0;background:#a8b694;width:820px;position:absolute;top:0;left:0;overflow:hidden}.mobile-lamp-hotspot{cursor:pointer;background:0 0;border:0;border-radius:12px;width:13%;min-width:44px;height:34.3%;min-height:44px;position:absolute;top:36.7%;left:85%}.mobile-lamp-hotspot:focus-visible{outline:2px solid var(--mobile-paper);outline-offset:3px}.mobile-content-section{background:var(--mobile-surface);max-width:760px;margin:auto;padding:30px 8px;scroll-margin-top:16px}.mobile-content-section+.mobile-content-section{border-top:1px solid var(--mobile-rule)}.mobile-content-section .about-site,.mobile-content-section .projects-site{color:var(--mobile-ink);background:0 0}.mobile-content-section :is(p,ul,ol,li,span,a,h1,h2,h3){color:inherit}.mobile-content-section :is(h1,h2,h3){color:var(--mobile-paper)}.mobile-content-section a{color:var(--mobile-paper);-webkit-text-decoration-color:var(--mobile-muted);text-decoration-color:var(--mobile-muted)}.mobile-content-section .about-site header p,.mobile-content-section .about-site section h2,.mobile-content-section .about-resume-reveal{color:var(--mobile-muted)}.mobile-content-section .about-resume{background:var(--mobile-surface)}.mobile-content-section :is(a,button):focus-visible{outline-color:var(--mobile-paper)}.mobile-portfolio .about-site>div{box-sizing:border-box;max-width:520px}.mobile-portfolio .about-site h1{font-size:24px}.mobile-portfolio .about-site h2{font-size:13px}.mobile-portfolio .about-site p,.mobile-portfolio .about-site li,.mobile-portfolio .about-site a{font-size:15px}.mobile-portfolio .about-site li>span:last-child{font-size:inherit}.mobile-portfolio .about-resume-reveal{max-width:180px}.mobile-portfolio .about-resume-reveal [data-letter]{font-size:12px}.mobile-portfolio .projects-site p,.mobile-portfolio .projects-site a{font-size:14px}.mobile-portfolio .projects-site h2,.mobile-portfolio .projects-site h3{font-size:18px}