@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;600;700&family=Inter:ital,opsz@0,14..32;1,14..32&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wdth,wght@0,77.7,100;1,77.7,100&display=swap";:root{--bg: #f7f5f2;--paper: #fdfcf9;--ink: #1a1a1a;--moss: #527e59;--pine: #34583a;--accent-soft: #656e67;--font-size-sm: clamp(.8rem, 2vw, 1rem);--font-size-base: clamp(1rem, 2.5vw, 1.2rem);--font-size-lg: clamp(1.5rem, 4vw, 2rem);--font-size-xl: clamp(2rem, 6vw, 3.5rem);--font-size-xxl: clamp(3rem, 8vw, 6rem);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}*{margin:0;padding:0;box-sizing:border-box}.max480{display:none}.home{position:relative;height:100vh}.header{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:end}.header div{font-size:calc(2.5rem + 5vw);letter-spacing:2px;line-height:.8;text-align:center;color:#527e59;font-family:KiwiSoda,sans-serif;padding:5px;display:flex;justify-content:center}.header p{font-size:calc(.5rem + 1.5vw);font-weight:100;color:#527e59;font-family:VCR;letter-spacing:.1em;align-items:center}nav{display:flex;justify-content:left;padding:1.2rem;position:fixed;top:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;font-family:IBM Plex Mono,monospace;font-weight:100;margin:0;flex-wrap:wrap}.nav-item-container{display:flex;flex-direction:row;gap:19px;align-items:center;justify-content:center}.nav-item{display:inline-flex;font-weight:500;text-decoration:inherit;width:min-content;text-align:center;margin:0;align-items:center;justify-content:center;transition:color .5s ease}.nav-item:hover{color:#f0f5f2;transition:color .5s ease}.nav-item:before,.nav-item:after{content:"";display:inline-block;width:2ch;text-align:center;transition:opacity .3s ease;opacity:0}.nav-item:before{content:">>"}.nav-item:after{content:"<<"}.nav-item:before,.nav-item:after{display:inline-block;width:2ch;text-align:center;opacity:0;transition:opacity .3s ease}.nav-item:hover:before,.nav-item:hover:after{opacity:1}.socials{display:flex;color:#6d8170;font-size:xx-large;gap:10px;padding:5px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.socials a{transition:all .1s ease-in;text-shadow:0 0px 15px rgb(10,128,38)}.socials a:hover{color:var(--moss);transition:all .1s ease-in}.contact-container{display:flex;justify-content:end;height:50%;width:100%;font-size:1rem;font-family:KiwiSoda,sans-serif}.action-links{display:flex;width:100%;gap:2.5rem;font-size:calc(.95rem + .5vw);align-items:center;justify-content:center;padding:2vh;user-select:none;-webkit-user-select:none;-ms-user-select:none}.action-links a{position:relative;color:#5f6760;text-decoration:none;transition:color .3s ease;line-height:1rem}.action-links a:before{content:"[   ";margin-right:.1ch;transition:content .3s ease}.action-links a:after{content:"   ]";margin-left:.1ch;transition:content .3s ease}.action-links a:hover:before{content:'["'}.action-links a:hover:after{content:'"]'}.action-links a:hover{color:var(--pine)}.about{display:flex;height:100%;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;font-family:VCR;font-weight:100}.skills-mobile{display:none}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:85%;height:100%;overflow:visible}.about-info{display:flex;align-self:center}.title-container{display:flex;align-self:center;justify-content:center;margin:0;width:50%;padding:0;border-bottom:2px solid #2f4f3a55}.about-title{display:flex;width:fit-content;font-size:calc(1rem + 5vw);font-family:KiwiSoda,sans-serif;line-height:80%;color:var(--pine);text-align:start;margin-top:3%;margin-left:0;align-items:end;justify-content:center;text-align:center}.about-text{font-size:calc(30% + 1vw);font-weight:50;color:var(--pine);flex-direction:column;padding-top:25px;width:100%;height:100%;justify-content:center;align-self:center;font-weight:700}.about-text-highlight{color:var(--pine);font-family:VCR;font-weight:700;letter-spacing:1px;font-family:rainyhearts,sans-serif;font-size:calc(40% + 1vw);word-spacing:2px}.about-image-container{width:25vw;aspect-ratio:1 / 1;overflow:hidden;display:flex;justify-content:start;align-items:center;position:relative}.img-border{position:absolute;pointer-events:none;object-fit:cover;width:100%;padding:10%}.about-img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top;padding:10%}.halftone-bg{background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.15) 2px,transparent 0),radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:5px,5px,5px 5px}.left-blob{height:110%;position:fixed;z-index:-10;display:flex;justify-content:center;bottom:-10vh;align-items:center;left:0;object-fit:cover;opacity:100%}.background-blocks{position:absolute;inset:0;z-index:0;align-items:end;display:flex;justify-content:center}.background-blocks:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:url(/assets/blocks-xNuSCCIu.png);background-repeat:repeat-x;background-size:900px;background-position:bottom center}@media(max-width:900px),(max-aspect-ratio:3/4){.page-container{align-items:center;justify-content:center;padding-top:25vh}.action-links{display:flex;width:100%;gap:2.5rem;font-size:calc(1.25rem + .5vw)}.header div{font-size:calc(3.5rem + 5vw);flex-direction:row}.header p{text-align:center;font-size:calc(.5rem + 2vw)}.contact-container{height:auto;justify-content:center;padding:1.25rem 0 1rem}}@media(max-width:480px){.skills-desktop{display:none}.max480{display:flex;flex-direction:column}.about-image-container{order:1;height:100%;width:100vw;aspect-ratio:none;align-items:start;justify-content:center}.img-border,.about-img{width:70%;aspect-ratio:1/1;object-fit:cover;object-position:center top}.about-text{width:100%;height:max-content;justify-content:center;padding:10%;font-size:calc(30% + 1vw)}.about-info{flex-direction:column}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}}@font-face{font-family:KiwiSoda;src:url(/assets/KiwiSoda-C3uP6YfD.ttf)format("truetype")}@font-face{font-family:VCR;src:url(/assets/VCR_OSD_MONO_1.001-Ceif2qmb.ttf)format("truetype")}@font-face{font-family:rainyhearts;src:url(/assets/rainyhearts-C-NYzKXz.ttf)format("truetype")}html,body,#root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#9da594;align-items:center;width:100%;min-height:100%;margin:0;padding:0;font-size:100%;overflow:hidden auto}.nav-item{-webkit-user-select:none;user-select:none}.app{width:100vw;min-height:100dvh;position:relative}.background{z-index:0;position:absolute;inset:0}.content{color:#fff;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:94vh;padding-top:4em;display:flex;position:relative}.contact-container{justify-content:center;height:auto;padding:1.25rem 0 1rem}.projects{position:relative;color:#fff;width:100%;min-height:100vh;box-sizing:border-box;display:flex;background-color:#638963;justify-content:center}.projects-container{display:flex;flex-direction:column;width:100%;position:relative;height:100%}.projects-title{display:flex;width:100%;font-size:calc(5.5rem + 2vw);font-family:KiwiSoda,sans-serif;line-height:50%;color:#cfbca5;text-align:start;padding:clamp(4rem,6vw,6rem);justify-content:center}.projects-layout{display:grid;grid-template-columns:375px 1fr;gap:2rem;padding-left:clamp(1.25rem,3vw,6rem);padding-bottom:55px;padding-top:15px;color:#2f4f3a;align-items:start}.projects-list{display:flex;flex-direction:column;gap:.5rem;width:100%;font-family:VCR,VCR OSD Mono,monospace}.project-row{display:flex;flex-direction:column;gap:.2rem;position:relative;width:100%;padding:.7rem .9rem;cursor:pointer;border:2px solid transparent;transition:background-color .15s ease,border-color .15s ease}.project-row:hover{background-color:#34583a2e;border-color:#27443680}.project-title{letter-spacing:.1em;font-size:1.05rem;line-height:1.2;opacity:.9;position:relative;z-index:1}.project-title:before{content:"";display:inline-block;width:1.2rem}.project-row:hover .project-title:after{content:"_";animation:blink 1s steps(1) infinite}.project-sub{font-size:.8rem;letter-spacing:.04em;opacity:.7;padding-left:1.2rem}@keyframes blink{50%{opacity:0}}.project-row.active{background-color:#34583a;border-color:#223029;color:#e8efe3}.project-row.active .project-title{opacity:1}.project-row.active .project-title:before{content:">"}.project-row.active:hover .project-title:after{content:none}.project-row.active .project-sub{opacity:.8}.projects-hint{margin-top:auto;padding-top:1rem;font-family:VCR,VCR OSD Mono,monospace;font-size:.8rem;letter-spacing:.05em;opacity:.65}.project-panel{flex:1;padding-right:3rem;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@keyframes pixel-in{0%{opacity:0}to{opacity:1}}.project-detail{width:100%;animation:pixel-in .3s steps(4) both}.project-panel-text{display:flex;flex-direction:column;gap:.9rem;min-height:0;padding:.25rem .5rem .25rem 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34583a transparent}.project-title-date{display:flex;gap:1rem;align-items:baseline;justify-content:space-between;font-family:VCR,VCR OSD Mono,monospace}.open-project-title{font-size:1.9rem;line-height:1.05}.open-project-date{white-space:nowrap;font-size:.9rem;opacity:.75}.project-tagline{font-size:1.05rem;line-height:1.4;font-weight:500}.project-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-chip{font-family:VCR,VCR OSD Mono,monospace;font-size:.8rem;letter-spacing:.04em;padding:.2rem .55rem;background:#34583a;color:#e8efe3}.detail-section h4{font-family:VCR,VCR OSD Mono,monospace;font-weight:400;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;opacity:.7}.detail-section h4:before{content:"// "}.detail-section p{line-height:1.5;opacity:.9;overflow-wrap:anywhere}.detail-section ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.detail-section li{position:relative;padding-left:1.2rem;line-height:1.4;opacity:.9}.detail-section li:before{content:">";position:absolute;left:0;font-family:VCR,VCR OSD Mono,monospace;color:#34583a}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tech-tag{font-size:.8rem;padding:.15rem .55rem;border:2px solid #34583a;color:#2f4f3a;background:#ffffff2e}.project-links{width:100%;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.project-links a{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .75rem;font-family:VCR,VCR OSD Mono,monospace;font-size:.85rem;letter-spacing:.04em;text-decoration:none;color:#e8efe3;background:#34583a;border:2px solid #223029;box-shadow:3px 3px #223029;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.project-links a:hover{background:#44714b;transform:translate(2px,2px);box-shadow:1px 1px #223029}.project-gallery{width:50%;min-width:320px;margin:0 auto;border:2px solid #274436;background:#6d876c}.gallery-stage{height:clamp(20px,29vw,390px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#425e48}.main-image{display:block;width:100%;height:100%;object-fit:contain;animation:pixel-in .3s steps(4) both}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#b6c6a9;border-top:2px solid #274436;font-family:VCR,VCR OSD Mono,monospace;font-size:.75rem;letter-spacing:.06em}.gallery-buttons{display:flex;gap:7px}.gallery-buttons button{width:32px;height:28px;background:#8da385;color:#274436;border:1px solid #274436;font-size:1.1rem;line-height:1;cursor:pointer}.gallery-buttons button:hover:not(:disabled){background:#d5dfca}.gallery-buttons button:disabled{opacity:.35;cursor:default}.dither-container{position:relative;-webkit-tap-highlight-color:transparent}html,body,#root,canvas{margin:0;padding:0;top:0;overflow-x:hidden;overflow-y:auto}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh;font-family:Space Grotesk,sans-serif;color:#e0e0e0}.pixel-window{background:#8da385;border-radius:0;padding:16px;border:2px solid #274436;display:flex;flex-direction:column;width:100%;height:660px}.pixel-window2{background:#8da385;border-radius:0;padding:16px;height:auto;width:100%;border:2px solid #274436;display:flex;flex-direction:column;overflow:hidden}.pixel-window-header{background:var(--pine);color:#7da087;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;font-family:monospace;margin:-16px -16px 16px;border-bottom:2px solid #223029;flex-shrink:0}.pixel-window-content{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.window-controls{font-weight:700;letter-spacing:2px;display:flex;gap:10px;align-items:center;justify-content:center}@media(max-width:1250px){.project-panel-text{overflow:visible}.project-gallery{width:100%;min-width:0}}@media(max-width:900px),(max-aspect-ratio:3/4){.projects-title{font-size:calc(4.5rem + 2vw)}.projects-layout{padding:clamp(1.25rem,6vw,6rem);display:flex;flex-direction:column}.pixel-window{width:100%;height:auto}.pixel-window2{width:100%;height:auto;min-height:0}.project-panel{padding:1.25rem 0 .25rem;width:100%}.project-title-date{flex-direction:column;align-items:flex-start;gap:.4rem}.projects-hint{padding-top:.75rem}}.experience{position:relative;width:100%;min-height:100vh;background-color:#577a5a;color:#2f4f3a}.experience *,.experience *:before,.experience *:after{box-sizing:border-box}.experience-container{max-width:1400px;margin:0 auto;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,4vw,5rem) 5rem}.experience-title{margin:0 0 3rem;text-align:center;font-family:KiwiSoda,sans-serif;font-weight:400;font-size:clamp(4rem,8vw,7.5rem);line-height:1;color:#cfbca5}.experience-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);gap:2rem;align-items:start}.exp-window{background:#8da385;border:2px solid #274436;padding:16px;min-width:0;box-shadow:6px 6px #1d3a273d}.exp-window-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:-16px -16px 16px;padding:6px 10px;background:#34583a;color:#7da087;border-bottom:2px solid #223029;font-family:VCR,VCR OSD Mono,monospace;font-size:.85rem}.exp-window-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}.timeline{list-style:none;position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.25rem 0}.timeline:before{content:"";position:absolute;left:15px;top:1.2rem;bottom:1.2rem;width:2px;background:#55735a}.timeline-item{position:relative;display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.75rem .9rem .75rem 2.6rem;text-align:left;font:inherit;color:#2f4f3a;background:transparent;border:2px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.timeline-item:before{content:"";position:absolute;left:7px;top:1.05rem;width:12px;height:12px;background:#8da385;border:2px solid #34583a;transition:background-color .15s ease}.timeline-item:hover,.timeline-item:focus-visible{background:#34583a2e;border-color:#27443680}.timeline-item:hover:before{background:#34583a}.timeline-item:focus-visible{outline:2px solid #274436;outline-offset:2px}.timeline-item.active{background:#34583a;border-color:#223029;color:#e8efe3}.timeline-item.active:before{background:#e8efe3;border-color:#e8efe3}.timeline-date{font-family:VCR,VCR OSD Mono,monospace;font-size:.72rem;letter-spacing:.06em;opacity:.75}.timeline-title{font-family:VCR,VCR OSD Mono,monospace;font-size:1.05rem;letter-spacing:.06em;line-height:1.25}.timeline-company{font-size:.85rem;opacity:.85}.exp-hint{margin-top:1rem;padding-top:.75rem;border-top:1px solid #55735a;font-family:VCR,VCR OSD Mono,monospace;font-size:.75rem;letter-spacing:.05em;opacity:.65}.exp-detail{min-height:480px;animation:exp-in .3s steps(4) both}@keyframes exp-in{0%{opacity:0}to{opacity:1}}.experience-content{display:flex;flex-direction:column;gap:1rem;color:#2f4f3a;padding:.25rem .25rem .5rem}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.experience-header h3{font-family:VCR,VCR OSD Mono,monospace;font-weight:400;font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.1;overflow-wrap:anywhere}.experience-type{flex-shrink:0;padding:.2rem .6rem;background:#34583a;color:#e8efe3;font-family:VCR,VCR OSD Mono,monospace;font-size:.8rem;letter-spacing:.04em}.experience-subtitle{font-size:1.2rem;font-weight:500}.experience-date{padding-bottom:1rem;border-bottom:2px solid #55735a;font-size:.95rem;opacity:.75}.experience-section h4{margin-bottom:.45rem;font-family:VCR,VCR OSD Mono,monospace;font-weight:400;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.experience-section h4:before{content:"// "}.experience-section p{line-height:1.65;opacity:.92;overflow-wrap:anywhere}.experience-tags{display:flex;flex-wrap:wrap;gap:.5rem}.experience-tags span{padding:.2rem .65rem;border:2px solid #34583a;background:#ffffff2e;font-size:.85rem}.experience-links{margin-top:.25rem}.experience-links a{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;font-family:VCR,VCR OSD Mono,monospace;font-size:.85rem;letter-spacing:.04em;text-decoration:none;color:#e8efe3;background:#34583a;border:2px solid #223029;box-shadow:3px 3px #223029;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.experience-links a:hover{background:#44714b;transform:translate(2px,2px);box-shadow:1px 1px #223029}@media(max-width:980px){.experience-layout{grid-template-columns:1fr}.exp-detail{min-height:0}}@media(max-width:600px){.experience-container{padding:3rem 1rem 4rem}.experience-title{margin-bottom:2rem}.experience-header{flex-direction:column;gap:.6rem}.exp-window{padding:12px}.exp-window-header{margin:-12px -12px 12px}}@media(prefers-reduced-motion:reduce){.exp-detail{animation:none}.timeline-item,.experience-links a{transition:none}}