:root{--bg:#15120f;--surface:#1f1a15;--surface-2:#241e17;--border:#332b22;--border-soft:#2a241d;--text:#f2ece1;--text-muted:#a89a86;--text-faint:#6f6455;--accent:#e8a33d;--accent-soft:#8a611f;--accent-wash:#e8a33d1f;--mono:"JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=light]{--bg:#faf7f0;--surface:#f1ebdf;--surface-2:#e9e1d1;--border:#ddd0b8;--border-soft:#e3d7bf;--text:#211c16;--text-muted:#6b5f4c;--text-faint:#948566;--accent:#b3791f;--accent-soft:#d8a752;--accent-wash:#b3791f1f}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#faf7f0;--surface:#f1ebdf;--surface-2:#e9e1d1;--border:#ddd0b8;--border-soft:#e3d7bf;--text:#211c16;--text-muted:#6b5f4c;--text-faint:#948566;--accent:#b3791f;--accent-soft:#d8a752;--accent-wash:#b3791f1f}}*{box-sizing:border-box;margin:0}a{text-decoration:none}body{background-color:var(--bg);background-image:linear-gradient(var(--border-soft) 1px, transparent 1px), linear-gradient(90deg, var(--border-soft) 1px, transparent 1px);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:32px 32px;margin:0}code{font-family:var(--mono)}.about-container{flex-flow:wrap;justify-content:center;padding:30px 60px 60px;display:flex}.about{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;flex-flow:wrap;justify-content:center;width:700px;padding:50px;display:flex}.about-img{object-fit:cover;border:2px solid var(--accent);background-color:var(--surface-2);border-radius:100%;width:170px;height:170px;margin-right:20px}.about-description,.about-greeting{color:var(--text);font-family:var(--sans);text-align:justify;width:100%;padding:10px;font-size:14px;line-height:22px}.about-greeting{font-family:var(--mono);color:var(--accent);font-weight:600}.about-icons{justify-content:center;width:100%;padding-top:30px;display:flex}.about-icons>*{color:var(--text-muted);margin-right:25px;transition:color .2s}.about-icons>:hover{color:var(--accent)}.about-icons .about-icon{font-size:50px!important}.resume-container{justify-content:center;padding:30px;display:flex}.resume{background-color:var(--surface);border:1px solid var(--border);width:900px;color:var(--text);box-sizing:border-box;border-radius:8px;flex-flow:wrap;padding:20px 60px;display:flex}.resume-section{text-align:center;width:100%;font-family:var(--mono);color:var(--accent);letter-spacing:.04em;margin-top:25px;margin-bottom:5px;padding:2px;font-weight:600}.resume-mail{color:var(--text);font-family:var(--mono);display:flex}.resume-mail>*{padding-right:10px}.resume-header{justify-content:space-between;width:100%;display:flex}.resume-download{color:var(--accent);font-family:var(--mono);display:flex}.resume-download:hover{cursor:pointer;color:var(--text)}.resume-experience{width:100%}.resume-experience-title{width:100%;font-family:var(--sans);justify-content:space-between;margin-top:30px;padding:15px 15px 15px 0;display:flex}.resume-experience-title h4:nth-child(2){color:var(--text-muted);padding-right:50px;font-weight:400}.resume-experience-job{border-bottom:1px solid var(--border-soft)}.resume-list{color:var(--text-muted);text-align:justify;font-size:14px;font-family:var(--sans);padding:15px 15px 15px 20px;line-height:22px;list-style-type:disc}.resume-tools{margin-top:30px}.tech-tag-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;padding:0 10px;font-size:11px;font-weight:600}.tech-tag{flex-wrap:wrap;gap:8px;padding:5px 10px;display:flex}.tech{font-family:var(--mono);color:var(--text);background-color:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-weight:600}.project-card{background-color:var(--surface);border:1px solid var(--border);width:500px;color:var(--text);border-radius:6px;flex-direction:column;padding:0 0 15px;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.project-title{font-family:var(--sans);text-align:left;padding:15px 20px 0;font-size:17px;font-weight:600}.project-img{object-fit:cover;object-position:top;width:100%;height:220px;margin:15px 0 0}.project-live-chrome{background:var(--surface-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);align-items:center;gap:5px;margin-top:15px;padding:8px 12px;display:flex}.chrome-dot{background:var(--border);border-radius:50%;width:7px;height:7px}.project-live-preview{width:100%;height:220px;position:relative;overflow:hidden}.project-live-frame{pointer-events:none;transform-origin:0 0;border:none;width:1280px;height:720px;position:absolute;top:0;left:0;transform:scale(.390625)}.project-description,.project-links{font-size:14px;font-family:var(--sans);color:var(--text-muted);padding:15px 20px 10px;line-height:22px}.project-links{font-family:var(--mono);flex-direction:column;justify-content:flex-start;margin-bottom:5px;padding-bottom:5px;font-size:13px;display:flex}.project-links a{color:var(--accent)}.project-links a:hover{color:var(--text)}.project-links>span{width:100%}.projects{flex-flow:wrap;justify-content:center;gap:25px;padding:30px 20px;display:flex}.nav{background-color:var(--bg);border-bottom:1px solid var(--border-soft);z-index:10;flex-flow:wrap;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--mono);letter-spacing:-.01em;font-size:15px;font-weight:600}.nav-logo-dim{color:var(--text-faint)}.nav-logo-accent{color:var(--accent)}.nav-options{flex-flow:wrap;display:flex}.nav-option{color:var(--text-muted);font-family:var(--mono);border-bottom:2px solid #0000;margin-left:40px;padding:5px 0;font-size:14px;font-style:normal;font-weight:500;line-height:20px;transition:color .2s,border-color .2s}.nav-option-language{color:var(--text-faint);font-family:var(--mono);margin-left:5px;padding:5px;font-size:13px;font-style:normal;font-weight:500;line-height:20px;transition:color .2s}.nav-languages{flex-flow:wrap;justify-content:center;display:flex}.nav-option-language:hover{cursor:pointer;color:var(--text)}.nav-option:hover{color:var(--text)}.active{color:var(--text);font-weight:600}.nav-option.active{border-bottom-color:var(--accent)}.nav-option-language.active{color:var(--accent)}@media screen and (max-width:768px){.nav-languages{position:unset;margin:0}}