.collapse-btn[collapsed=true]+.collapse-body{opacity:0;font-size:0;transition:opacity .4s,font-size .3s .4s}.collapse-btn[collapsed=true]+.collapse-body p{padding:0!important;transition:padding .3s .3s}.collapse-btn[collapsed=false]+.collapse-body{font-size:inherit;opacity:1;transition:opacity .3s .3s,font-size .3s}.collapse-btn[collapsed=false]+.collapse-body p{transition:padding .3s}nav{position:fixed;top:0;left:0;background-color:#faebd7;width:0px;z-index:5}.menu-btn{position:fixed;padding:20px;top:0;left:0;right:0;display:flex;gap:0px;transition:all .7s;z-index:1;justify-content:space-between;pointer-events:none}nav .btn{opacity:0;pointer-events:none;padding:8px 16px;fill:#f6d4b1}.menu-btn>.btn:first-child{padding:8px 24px;margin-right:16px}nav svg{transition:all .2s}html[data-scroll=true] nav .btn{opacity:1;pointer-events:all}.active .btn{box-shadow:6px 6px #f6d4b1b3;background-color:#f6d4b1;color:#525252;fill:#525252;border-color:#525252;opacity:1!important;pointer-events:all!important}.active .btn:hover{box-shadow:8px 8px 6px #f6d4b180}.active .btn:active{box-shadow:4px 4px #f6d4b1b3}.menu-body{background-color:#525252;color:#f6d4b1;font-size:2em;font-family:public-pixel,monospace;text-decoration:none!important;position:fixed;top:0;bottom:0;left:-100px;right:100vw;z-index:0;transition:all .7s;display:inline-flex;gap:16px;flex-direction:column;padding-top:70px;padding-left:20px;overflow:hidden;box-sizing:border-box;opacity:0}.menu-body a{text-decoration:none!important}.menu-body a:hover{transform:none}.active .menu-body{left:0;right:0;opacity:1}#tip-scroll{position:fixed;bottom:16px;left:50%;transform:translate(-50%);font-family:chill,sans-serif;font-size:14px;box-shadow:6px 6px #000000bf;background-color:#525252;color:#f6d4b1;transition:all .3s;padding:4px 24px;border:#f6d4b1 solid 1px;pointer-events:none;display:none;opacity:1}html[data-scroll=true] #tip-scroll{opacity:0}.active #tip-scroll{opacity:0!important}@media (min-width: 540px){.menu-btn{justify-content:left}.active .menu-btn{translate:28px}.menu-body{padding-left:50px}}@media (orientation: portrait){#tip-scroll{display:block}}:root{--color: #525252}@font-face{font-family:public-pixel;src:url(/fonts/public-pixel.woff)}@font-face{font-family:chill;src:url(/fonts/chill.woff)}*{margin:0;padding:0}html,body{overflow-x:hidden;background-color:#f6d4b1;font-family:chill,sans-serif;font-size:18px;-webkit-text-size-adjust:100%}.webgl{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;outline:none;z-index:1}#hero-backup{display:flex;flex-direction:column;justify-content:center;gap:16px;position:absolute;top:0;left:0;right:0;bottom:0;width:clamp(0px,95vw,580px);margin:auto;color:var(--color);outline:none;z-index:0}#hero-backup h1,#hero-backup h3{margin:0;text-align:left}#hero-backup ul{margin-left:32px}.webgl:active{cursor:grabbing}#textarea{position:fixed;top:0;right:0;outline:none;z-index:-1;opacity:0}#loading{color:#f6d4b1;background-color:var(--color);position:fixed;top:0;bottom:0;left:0;right:0;padding:10vw;z-index:6;transition:opacity .3s;display:flex;flex-direction:column;justify-content:center;gap:16px}#loading h2{text-align:left;margin:0;padding:0}#loading-items{height:64px;overflow:hidden;text-overflow:ellipsis}#loading-bar{position:relative;width:100%;height:64px;border:dashed 2px #f6d4b1;box-shadow:2px 2px 0 var(--color),6px 6px #f6d4b1b3}#loading-bar-progress{position:absolute;top:2px;bottom:2px;left:2px;right:2px;background-color:#f6d4b1;transform:scaleX(0);transform-origin:left;transition:transform .2s}h1{display:inline-block;color:#f6d4b1;background-color:var(--color);font-family:public-pixel,monospace;font-size:2em;padding:4px 16px 8px;margin:0 auto .3em}h2{display:inline-block;font-size:1.2em;text-align:center;color:#f6d4b1;background-color:var(--color);font-family:public-pixel,monospace;padding:4px 16px 8px;margin:.3em auto}h3{font-size:1.2em;text-align:center;color:var(--color);font-family:public-pixel,monospace;padding-top:4px;padding-bottom:8px;margin:.3em auto}hr{width:100px;height:2px;background-color:none;margin:40px auto;border:none;border-bottom:dashed 2px var(--color)}.skills,p{padding:16px;text-align:left;line-height:1.5;width:clamp(0px,95vw,680px);margin:auto;box-sizing:border-box}.skills{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:16px;text-align:center;list-style-type:none;transition:all .3s}.skills li{display:inline-block;padding:4px 8px;border:dashed 1px var(--color);box-shadow:1px 1px #f6d4b1,4px 4px #52525240}.image{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:16px;margin:auto}.image *{box-sizing:border-box;width:clamp(0px,95vw,1200px);box-shadow:1px 1px #f6d4b1,6px 6px #52525240}main{color:var(--color);margin-top:200vh;text-align:center;position:relative;z-index:2}section{padding-bottom:64px;margin-bottom:80px;position:relative}section:after{content:"";border-bottom:dashed 2px var(--color);position:absolute;bottom:0;transform:translate(-50%);width:clamp(0px,95vw,680px)}section:last-of-type{border-bottom:none;margin-bottom:0}footer{display:flex;gap:32px;flex-direction:column;font-size:12px;width:clamp(0px,95vw,680px);margin:auto;padding:32px 0;text-align:center;color:var(--color);z-index:2;position:relative}a{display:inline-block;color:inherit;text-decoration-style:solid;text-decoration-thickness:2px;transition:all .3s}a:hover{transform:scale(1.1);box-shadow:1px 1px #f6d4b1,4px 4px #52525240}a:active{transform:scale(1);box-shadow:1px 1px #f6d4b1,3px 3px #52525266}.btn{position:relative;font-family:chill,sans-serif;font-size:18px;display:inline-flex;gap:.25rem;box-shadow:6px 6px #52525240;background-color:var(--color);color:#f6d4b1;cursor:pointer;transition:all .3s;padding:4px 24px;border:#f6d4b1 solid 1px;text-decoration:none}.btn:hover{transform:scale(1.1);box-shadow:8px 8px 6px #52525240;z-index:2}.btn:active{transform:scale(.95);box-shadow:4px 4px #52525266}.portrait{position:relative;width:clamp(0px,95vw,780px);padding:0;height:400px;margin:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px #f6d4b1,6px 6px #52525240}.portrait-tag{position:absolute;color:#fff;left:calc(50% + 120px);top:30px;transform:translate(-50%) rotate(20deg)}.portrait:after{z-index:-1;position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px;display:block;content:" ";box-shadow:6px 6px #52525240;background-color:#040d21;background-image:url(/assets/bg-ADK_DFsu.png);background-size:contain;filter:blur(30px);color:#f6d4b1;border:#f6d4b1 solid 1px}.retro-cursor,.retro-cursor-glow{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;opacity:0}.retro-cursor{width:7px;height:7px;border-radius:50%;background:#f99021;box-shadow:0 0 8px #f99021cc;margin-left:-3.5px;margin-top:-3.5px}.retro-cursor-glow{width:24px;height:24px;border:1px solid rgba(249,144,33,.45);border-radius:50%;margin-left:-12px;margin-top:-12px;transition:width .2s ease,height .2s ease}html[data-scroll=true] .retro-cursor,html[data-scroll=true] .retro-cursor-glow{opacity:1}@media (pointer: coarse),(prefers-reduced-motion: reduce){.retro-cursor,.retro-cursor-glow{display:none}}.projects-explorer{width:clamp(0px,95vw,900px);margin-left:auto;margin-right:auto}.projects-header{width:100%;margin:0 auto 34px;text-align:left}.projects-heading-line{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.projects-heading-line h1{margin:0;text-align:left}.projects-count{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;box-sizing:border-box;border:2px dashed var(--color);font-family:public-pixel,monospace;font-size:.75rem}.projects-intro{width:100%;max-width:680px;margin:18px 0 14px;padding:0;text-align:left}.projects-prompt{margin-top:20px;font-family:public-pixel,monospace;font-size:.68rem;line-height:1.6;text-align:left}.terminal-cursor{display:inline-block;margin-left:3px;animation:project-cursor-blink .85s steps(1) infinite}@keyframes project-cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}.projects-explorer>hr,.project-divider{width:100%;height:0;margin:0;background:transparent;border:0;border-bottom:1px dashed var(--color);opacity:.55}.projects-header+hr{margin-bottom:8px}.project-item{position:relative;width:100%;text-align:left}.project-trigger{position:relative;isolation:isolate;display:grid;grid-template-columns:28px 60px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:108px;padding:18px 16px;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:var(--color);font-family:chill,sans-serif;text-align:left;cursor:pointer;overflow:hidden;transition:color .18s ease,padding-left .22s ease}.project-trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--color);transform:translate(-101%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.project-trigger:hover:before,.project-trigger:focus-visible:before,.project-item.is-open .project-trigger:before{transform:translate(0)}.project-trigger:hover,.project-trigger:focus-visible,.project-item.is-open .project-trigger{color:#f6d4b1;padding-left:20px}.project-trigger:focus{outline:none}.project-trigger:focus-visible{outline:2px dashed #f6d4b1;outline-offset:-6px}.project-selector{opacity:0;transform:translate(-8px);font-family:public-pixel,monospace;font-size:.85rem;transition:opacity .16s ease,transform .18s ease}.project-trigger:hover .project-selector,.project-trigger:focus-visible .project-selector,.project-item.is-open .project-selector{opacity:1;transform:translate(0)}.project-number{align-self:start;padding-top:5px;font-family:public-pixel,monospace;font-size:.63rem;opacity:.65}.project-trigger:hover .project-number,.project-trigger:focus-visible .project-number,.project-item.is-open .project-number{opacity:1}.project-heading{display:flex;flex-direction:column;gap:9px;min-width:0}.project-title{display:block;font-family:public-pixel,monospace;font-size:clamp(.82rem,1.5vw,1.05rem);line-height:1.55;transition:transform .2s ease,letter-spacing .2s ease}.project-trigger:hover .project-title,.project-trigger:focus-visible .project-title,.project-item.is-open .project-title{transform:translate(4px);letter-spacing:.015em}.project-subtitle{display:block;font-size:.72rem;line-height:1.5;opacity:.68;transition:opacity .18s ease}.project-trigger:hover .project-subtitle,.project-trigger:focus-visible .project-subtitle,.project-item.is-open .project-subtitle{opacity:.9}.project-action{padding-left:16px;white-space:nowrap;font-family:public-pixel,monospace;font-size:.55rem;opacity:.65;transition:opacity .18s ease,transform .18s ease}.project-trigger:hover .project-action,.project-trigger:focus-visible .project-action{opacity:1;transform:translate(4px)}.project-item.is-open .project-action{font-size:0;opacity:1}.project-item.is-open .project-action:after{content:"OPEN ↑";font-family:public-pixel,monospace;font-size:.55rem}.project-panel{width:100%;padding:14px 18px 38px 98px;box-sizing:border-box;text-align:left}.project-panel[hidden]{display:none}.project-status{margin:10px 0 26px;font-family:public-pixel,monospace;font-size:.58rem;line-height:1.6;opacity:.55}.project-content{width:100%;max-width:760px}.project-content .skills{justify-content:flex-start;width:100%;max-width:760px;margin:0 0 34px;padding:0;gap:12px;text-align:left}.project-content .skills li{font-size:.72rem}.project-section{margin:0 0 32px}.project-section h3{display:block;margin:0 0 10px;padding:0;color:var(--color);background:transparent;font-family:public-pixel,monospace;font-size:.68rem;line-height:1.6;text-align:left}.project-section h3:before{content:"> "}.project-section p{width:100%;max-width:760px;margin:0;padding:0;text-align:left}.project-collapse{margin:4px 0 0;padding:9px 12px;border:1px dashed var(--color);border-radius:0;background:transparent;color:var(--color);font-family:public-pixel,monospace;font-size:.55rem;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.project-collapse:hover,.project-collapse:focus-visible{background:var(--color);color:#f6d4b1;transform:translateY(-2px)}.project-collapse:focus-visible{outline:2px dashed var(--color);outline-offset:4px}.projects-explorer>p:not(.projects-intro){margin-top:40px}.projects-selection-note{position:relative;margin-top:20px!important;padding:16px 16px 16px 24px;border-left:2px dashed var(--color);opacity:.78;font-size:.82rem}@media (max-width: 700px){.projects-heading-line{gap:12px}.projects-heading-line h1{font-size:1.35em}.projects-count{min-width:38px;height:38px;font-size:.62rem}.projects-intro{margin-top:16px}.projects-prompt{font-size:.58rem}.project-trigger{grid-template-columns:20px 46px minmax(0,1fr);gap:6px;min-height:100px;padding:16px 6px}.project-trigger:hover,.project-trigger:focus-visible,.project-item.is-open .project-trigger{padding-left:10px}.project-action{display:none}.project-number{font-size:.55rem}.project-title{font-size:.78rem}.project-subtitle{font-size:.65rem}.project-panel{padding:14px 8px 34px 72px}}@media (max-width: 480px){.projects-heading-line h1{font-size:1.05em}.projects-count{min-width:34px;height:34px}.project-trigger{grid-template-columns:16px 40px minmax(0,1fr);min-height:92px;padding-left:2px;padding-right:2px}.project-title{font-size:.7rem}.project-subtitle{font-size:.58rem}.project-panel{padding-left:58px}}@media (hover: none){.project-trigger:hover:before{transform:translate(-101%)}.project-trigger:hover{color:var(--color)}.project-trigger:hover .project-selector{opacity:0;transform:translate(-8px)}.project-item.is-open .project-trigger:before{transform:translate(0)}.project-item.is-open .project-trigger{color:#f6d4b1}.project-item.is-open .project-selector{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.terminal-cursor{animation:none}.project-trigger,.project-trigger:before,.project-selector,.project-title,.project-subtitle,.project-action,.project-collapse{transition:none}}.retro-cursor.is-project-hover{width:10px;height:10px;margin-left:-5px;margin-top:-5px;box-shadow:0 0 8px #f99021e6,0 0 16px #f9902173}.retro-cursor-glow.is-project-hover{width:42px;height:42px;margin-left:-21px;margin-top:-21px;border-style:dashed;transform-origin:center}.project-trigger{cursor:pointer}.experience-explorer{width:clamp(0px,95vw,900px);margin-left:auto;margin-right:auto}.experience-header{width:100%;margin:0 auto 34px;text-align:left}.experience-heading-line{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.experience-heading-line h1{margin:0;text-align:left}.experience-count{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;box-sizing:border-box;border:2px dashed var(--color);font-family:public-pixel,monospace;font-size:.75rem}.experience-intro{width:100%;max-width:680px;margin:18px 0 14px;padding:0;text-align:left}.experience-prompt{margin-top:20px;font-family:public-pixel,monospace;font-size:.68rem;line-height:1.6;text-align:left}.experience-explorer>hr,.experience-divider{width:100%;height:0;margin:0;background:transparent;border:0;border-bottom:1px dashed var(--color);opacity:.55}.experience-header+hr{margin-bottom:8px}.experience-item{position:relative;width:100%;text-align:left}.experience-trigger{position:relative;isolation:isolate;display:grid;grid-template-columns:28px 60px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:108px;padding:18px 16px;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:var(--color);font-family:chill,sans-serif;text-align:left;cursor:pointer;overflow:hidden;transition:color .18s ease,padding-left .22s ease}.experience-trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--color);transform:translate(-101%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.experience-trigger:hover:before,.experience-trigger:focus-visible:before,.experience-item.is-open .experience-trigger:before{transform:translate(0)}.experience-trigger:hover,.experience-trigger:focus-visible,.experience-item.is-open .experience-trigger{color:#f6d4b1;padding-left:20px}.experience-trigger:focus{outline:none}.experience-trigger:focus-visible{outline:2px dashed #f6d4b1;outline-offset:-6px}.experience-selector{opacity:0;transform:translate(-8px);font-family:public-pixel,monospace;font-size:.85rem;transition:opacity .16s ease,transform .18s ease}.experience-trigger:hover .experience-selector,.experience-trigger:focus-visible .experience-selector,.experience-item.is-open .experience-selector{opacity:1;transform:translate(0)}.experience-number{align-self:start;padding-top:5px;font-family:public-pixel,monospace;font-size:.63rem;opacity:.65}.experience-trigger:hover .experience-number,.experience-trigger:focus-visible .experience-number,.experience-item.is-open .experience-number{opacity:1}.experience-heading{display:flex;flex-direction:column;gap:9px;min-width:0}.experience-title{display:block;font-family:public-pixel,monospace;font-size:clamp(.82rem,1.5vw,1.05rem);line-height:1.55;transition:transform .2s ease,letter-spacing .2s ease}.experience-trigger:hover .experience-title,.experience-trigger:focus-visible .experience-title,.experience-item.is-open .experience-title{transform:translate(4px);letter-spacing:.015em}.experience-subtitle{display:block;font-size:.72rem;line-height:1.5;opacity:.68;transition:opacity .18s ease}.experience-trigger:hover .experience-subtitle,.experience-trigger:focus-visible .experience-subtitle,.experience-item.is-open .experience-subtitle{opacity:.9}.experience-action{padding-left:16px;white-space:nowrap;font-family:public-pixel,monospace;font-size:.55rem;opacity:.65;transition:opacity .18s ease,transform .18s ease}.experience-trigger:hover .experience-action,.experience-trigger:focus-visible .experience-action{opacity:1;transform:translate(4px)}.experience-item.is-open .experience-action{font-size:0;opacity:1}.experience-item.is-open .experience-action:after{content:"OPEN ↑";font-family:public-pixel,monospace;font-size:.55rem}.experience-panel{width:100%;padding:14px 18px 38px 98px;box-sizing:border-box;text-align:left}.experience-panel[hidden]{display:none}.experience-status{margin:10px 0 26px;font-family:public-pixel,monospace;font-size:.58rem;line-height:1.6;opacity:.55}.experience-content{width:100%;max-width:760px}.experience-content .skills{justify-content:flex-start;width:100%;max-width:760px;margin:0 0 34px;padding:0;gap:12px;text-align:left}.experience-content .skills li{font-size:.72rem}.experience-section{margin:0 0 32px}.experience-section h3{display:block;margin:0 0 10px;padding:0;color:var(--color);background:transparent;font-family:public-pixel,monospace;font-size:.68rem;line-height:1.6;text-align:left}.experience-section h3:before{content:"> "}.experience-section p{width:100%;max-width:760px;margin:0;padding:0;text-align:left}.experience-collapse{margin:4px 0 0;padding:9px 12px;border:1px dashed var(--color);border-radius:0;background:transparent;color:var(--color);font-family:public-pixel,monospace;font-size:.55rem;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.experience-collapse:hover,.experience-collapse:focus-visible{background:var(--color);color:#f6d4b1;transform:translateY(-2px)}.experience-collapse:focus-visible{outline:2px dashed var(--color);outline-offset:4px}.experience-summary{margin-top:40px;text-align:left}@media (max-width: 700px){.experience-heading-line{gap:12px}.experience-heading-line h1{font-size:1.35em}.experience-count{min-width:38px;height:38px;font-size:.62rem}.experience-intro{margin-top:16px}.experience-prompt{font-size:.58rem}.experience-trigger{grid-template-columns:20px 46px minmax(0,1fr);gap:6px;min-height:100px;padding:16px 6px}.experience-trigger:hover,.experience-trigger:focus-visible,.experience-item.is-open .experience-trigger{padding-left:10px}.experience-action{display:none}.experience-number{font-size:.55rem}.experience-title{font-size:.78rem}.experience-subtitle{font-size:.65rem}.experience-panel{padding:14px 8px 34px 72px}}@media (max-width: 480px){.experience-heading-line h1{font-size:1.05em}.experience-count{min-width:34px;height:34px}.experience-trigger{grid-template-columns:16px 40px minmax(0,1fr);min-height:92px;padding-left:2px;padding-right:2px}.experience-title{font-size:.7rem}.experience-subtitle{font-size:.58rem}.experience-panel{padding-left:58px}}@media (hover: none){.experience-trigger:hover:before{transform:translate(-101%)}.experience-trigger:hover{color:var(--color)}.experience-trigger:hover .experience-selector{opacity:0;transform:translate(-8px)}.experience-item.is-open .experience-trigger:before{transform:translate(0)}.experience-item.is-open .experience-trigger{color:#f6d4b1}.experience-item.is-open .experience-selector{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.experience-trigger,.experience-trigger:before,.experience-selector,.experience-title,.experience-subtitle,.experience-action,.experience-collapse{transition:none}}