@font-face{font-family:ArcadeClassic;src:url(/assets/ARCADECLASSIC-B3iZDITb.TTF)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}ul{list-style-type:none}.sidebar{z-index:1000;justify-content:center;align-items:center;width:200px;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.sidebar nav{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sidebar ul{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.sidebar ul li{text-align:center;padding:20px}.sidebar ul li a{color:#000;font-family:ArcadeClassic;font-size:20px;text-decoration:none}.logo{z-index:10;width:200px;height:auto;padding-top:20px;padding-right:20px;transition:transform .35s,opacity .35s;position:fixed;top:16px;right:16px}.logo-projects{opacity:0;transform:translateY(-120vh)}.portfolio-container.projects-active .sidebar,.portfolio-container.projects-active .main-content,.portfolio-container.projects-active .rolling-text,.portfolio-container.projects-active .logo,.portfolio-container.projects-active .project-logo{filter:invert()}.project-bg-video{object-fit:cover;pointer-events:none;z-index:0;opacity:.15;width:100%;height:100%;position:fixed;inset:0}.project-bg-overlay{z-index:1;pointer-events:none;background:#00000073;position:fixed;inset:0}.rolling-text{color:#dfdfdf;width:100%;padding:20px;font-family:ArcadeClassic;transition:transform .35s,opacity;position:fixed;bottom:0;overflow:hidden}.portfolio-container.projects-active .rolling-text{opacity:0}.main-content{z-index:50;justify-content:center;align-items:center;height:100vh;margin-left:220px;padding:40px;display:flex;position:relative;overflow:hidden}.socials{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.socials>a{justify-content:center;align-items:center;display:inline-flex}.cv-download{color:#111;border:1px solid #111;padding:10px 14px;font-family:ArcadeClassic;font-size:14px;text-decoration:none;transition:background-color .2s,color .2s}.cv-download:hover,.cv-download:focus-visible{color:#fff;background:#111}.main-content section{background:0 0;border-radius:0;max-width:900px;padding:24px}.skills-page{width:min(100%,900px);font-family:ArcadeClassic}.skills-heading{max-width:600px;margin-bottom:14px}.skills-kicker{color:#a855f7;letter-spacing:1px;margin-bottom:10px;font-size:14px}.skills-heading h2{margin-bottom:12px;font-size:clamp(34px,5vw,56px);line-height:.9}.skills-intro{color:#4b4b4b;max-width:520px;font-family:sans-serif;font-size:13px;line-height:1.5}.skills-grid{flex-wrap:wrap;gap:8px;display:flex}.skill-box{background:#ffffffc7;border:2px solid #111;flex:210px;align-items:center;gap:10px;min-height:96px;padding:10px;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.skill-box:hover{background:#fff}.skill-box img{object-fit:contain;flex:0 0 34px;width:34px;height:34px}.skill-icons{flex:0 0 73px;gap:5px;display:flex}.skill-icons img{flex:0 0 34px;width:34px;height:34px}.skill-box h3{margin-bottom:4px;font-size:16px}.skill-box p{color:#444;font-family:sans-serif;font-size:11px;line-height:1.45}@media (width<=700px){.main-content{margin-left:120px;padding:20px}.skills-page{padding:10px}.skill-box{min-height:88px;padding:10px}.skill-box img{flex-basis:32px;width:32px;height:32px}.skill-box h3{font-size:15px}}.projects-carousel{scroll-snap-type:x mandatory;gap:20px;margin-top:50px;padding-top:20px;display:flex;overflow-x:auto}.projects{z-index:60;flex-direction:column;justify-content:flex-start;align-items:flex-end;max-width:calc(100% - 280px);padding:12px;display:flex;position:fixed}.projects-header{z-index:60;flex-direction:column;justify-content:flex-start;align-items:flex-end;max-width:calc(100% - 280px);padding:12px;display:flex;position:fixed;top:15px;right:24px}.projects h2{color:#646464;margin-bottom:20px;font-family:ArcadeClassic;font-size:100px}.project-card{color:#080808;will-change:transform;background-color:#f0eeee;border-radius:20px;flex-direction:column;gap:2px;width:50vh;padding:20px 30px 24px;font-family:Arcadeclassic;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 4px 6px #ffffff1a}.project-card:hover{border-radius:20px;transform:translateY(-16px);box-shadow:0 10px 20px #fff3}.project-card h2{color:#000;font-size:50px}.top-area{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-body{flex-direction:column;flex:1;display:flex}.bottom-area{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.github-button{align-items:center;gap:8px;margin-top:10px;padding:5px 10px;font-family:ArcadeClassic;font-size:14px;display:flex}.github-button img{width:24px;height:24px;display:block}.portfolio-container.projects-active .github-button img{filter:invert()}.internet-icon{width:24px;height:24px;margin-top:10px;display:flex}.project-logo{height:40px;margin-top:0}.mobile-maintenance{display:none}@media (width<=1024px){html,body{overflow:hidden}.mobile-maintenance{z-index:2000;background:#fff;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mobile-maintenance img{object-fit:contain;width:min(40vw,420px);height:auto;max-height:84dvh;display:block}.sidebar,.main-content,.logo,.rolling-text,.project-bg-video,.project-bg-overlay{display:none}}.dot-field-container{width:100%;height:100%;position:relative;overflow:hidden}.shuffle-parent{white-space:normal;word-wrap:break-word;will-change:transform;text-transform:uppercase;visibility:hidden;font-family:ArcadeClassic,"Press Start 2P",sans-serif;font-size:1.2rem;line-height:1;display:inline-block}.shuffle-parent.is-ready{visibility:visible}.shuffle-char-wrapper{vertical-align:baseline;display:inline-block;position:relative;overflow:hidden}.shuffle-char-wrapper>span{will-change:transform;display:inline-flex}.shuffle-char{text-align:center;line-height:1;display:inline-block}.sidebar-item{margin:0 0 12px;padding:0;list-style:none}.sidebar-link{color:inherit;box-sizing:border-box;border:2px solid #0000;border-radius:6px;padding:6px 8px;font-family:ArcadeClassic,"Press Start 2P",sans-serif;font-size:20px;text-decoration:none;display:inline-block}.sidebar-link:focus,.sidebar-link:hover{background:0 0}.sidebar-link.active,.sidebar-link.active:hover,.sidebar-link.active:focus{background:#ffffff1f;border:2px solid #a855f7e6;border-radius:0}.sidebar-link:focus-visible{box-shadow:0 0 0 3px #a855f726}.sidebar-link-shuffle{display:inline-block}.tilted-card-figure{perspective:800px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tilted-card-mobile-alert{text-align:center;font-size:.875rem;display:none;position:absolute;top:1rem}@media (width<=640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{transform-style:preserve-3d;position:relative}.tilted-card-img{object-fit:cover;will-change:transform;border-radius:15px;position:absolute;top:0;left:0;transform:translateZ(0)}.tilted-card-overlay{z-index:2;will-change:transform;position:absolute;top:0;left:0;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;color:#2d2d2d;opacity:0;z-index:3;background-color:#fff;border-radius:4px;padding:4px 10px;font-size:10px;position:absolute;top:0;left:0}html,body{margin:0;padding:0}.splash-screen{z-index:9999;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}