:root{--bg-cream: #f5f0e1;--olive: #5c6340;--olive-dark: #4a5033;--orange: #e07b3c;--yellow-folder: #f4d03f;--grid-color: #c4bfb0;--text-dark: #3d3d3d;--border-dark: #2d2d2d;--window-bg: #faf6eb;--accent-bar: #f0c987;--red-close: #e74c3c;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--window-width: 620px;--window-total-h: 382px;--icon-graphic-size: 104px;--icon-profile-size: calc(var(--icon-graphic-size) * .8);--icon-btn-width: 125px;--dock-icon-size: 68px;--icon-row-offset: calc(var(--window-total-h) / 2 - var(--icon-graphic-size) / 2);--icon-edge-left: clamp(20px, 5.2vw, 96px);--nudge-toward-window: calc((100vw - min(var(--window-width), 100vw - 48px))*.15) ;--icon-offset-from-edge: calc(var(--icon-edge-left) + var(--nudge-toward-window));--nudge-profile-down: calc(var(--icon-row-offset) * .3);--nudge-right-down: calc(var(--icon-row-offset) * .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;cursor:none}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);color:var(--text-dark)}.grid-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.custom-cursor{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--olive);pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,background .2s ease,border .2s ease}.custom-cursor.ring{width:28px;height:28px;background:transparent;border:2.5px solid var(--olive)}.custom-cursor.ring-card{width:36px;height:36px;background:transparent;border:2.5px solid var(--orange)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;position:relative}.loading-screen p{position:relative;z-index:1;font-family:var(--font-mono);color:var(--olive)}.desktop{position:relative;z-index:1;width:100%;height:calc(100vh - 84px);overflow:hidden}.desktop-window-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--window-width);max-width:calc(100vw - 48px);z-index:1}.desktop-icon{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;width:var(--icon-btn-width);background:none;border:none;padding:0;transform:translateY(-50%);transition:transform .15s ease}.desktop-icon:hover,.desktop-icon.active{transform:translateY(-50%) scale(1.04)}.icon-pos-profile{left:var(--icon-offset-from-edge);top:calc(50% - var(--icon-row-offset) + var(--nudge-profile-down))}.icon-pos-projects{left:var(--icon-offset-from-edge);top:calc(50% + var(--icon-row-offset))}.icon-pos-contact{right:var(--icon-offset-from-edge);top:calc(50% - var(--icon-row-offset) + var(--nudge-right-down))}.icon-pos-resume{right:var(--icon-offset-from-edge);top:calc(50% + var(--icon-row-offset) + var(--nudge-right-down))}.icon-graphic{width:var(--icon-graphic-size);height:var(--icon-graphic-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-label{font-size:1.12rem;font-weight:700;color:var(--border-dark);text-transform:lowercase;text-align:center;line-height:1.1;width:var(--icon-btn-width)}.icon-img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;background:transparent}.icon-graphic--profile .icon-img{width:var(--icon-profile-size);height:var(--icon-profile-size)}.folder-icon-svg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.window{width:100%;max-width:var(--window-width);border:3px solid var(--border-dark);border-radius:14px;overflow:hidden;background:var(--window-bg);box-shadow:6px 6px #2d2d2d26;animation:windowIn .25s ease}@keyframes windowIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.window-titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--olive);padding:8px 12px}.window-path{font-family:var(--font-mono);font-size:.78rem;color:#fff;letter-spacing:.02em}.window-close{width:22px;height:22px;background:var(--red-close);border:2px solid var(--border-dark);border-radius:4px;color:#fff;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.window-close:hover{transform:scale(1.1)}.window-accent-bar{height:6px;background:var(--accent-bar);border-bottom:2px solid var(--border-dark)}.window-body{padding:28px 32px 32px;height:320px;box-sizing:border-box;overflow:hidden}.profile-window{display:flex;align-items:center;gap:28px;height:100%}.profile-avatar{flex-shrink:0}.profile-avatar-img{width:130px;height:130px;border-radius:50%;border:3px solid var(--border-dark);object-fit:cover;object-position:center top;display:block;background:var(--cream)}.profile-greeting{font-size:.9rem;margin-bottom:4px}.profile-name{font-size:1.55rem;font-weight:700;color:var(--orange);line-height:1.2;margin-bottom:6px}.profile-role{font-size:.78rem;font-weight:600;letter-spacing:.08em;margin-bottom:10px}.profile-tagline{font-size:.82rem;font-style:italic;color:#666}.projects-window{display:flex;flex-direction:column;height:100%}.projects-grid{display:flex;flex-direction:column;gap:12px;flex:1;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.projects-grid::-webkit-scrollbar{display:none}.project-card{position:relative;border:2.5px solid var(--border-dark);border-radius:12px;overflow:hidden;background:var(--window-bg);min-height:148px;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:4px 4px #2d2d2d24;border-color:var(--olive)}.project-card-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transform:scale(1.04);transition:opacity .65s ease,transform .5s ease;z-index:0}.project-card-bg-img.is-loaded{opacity:.72;transform:scale(1)}.project-card:hover .project-card-bg-img.is-loaded{opacity:.88;transform:scale(1.03)}.project-card-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#faf6eb1a,#faf6eb8c 40%,#faf6ebeb 78%,#faf6ebfa)}.project-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;padding:12px 14px;min-height:148px;justify-content:flex-end}.project-card-content h3{font-size:.95rem;font-weight:700;line-height:1.3;color:var(--text-dark)}.project-card-content p{font-size:.78rem;color:#555;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:6px}.project-tech-tag{font-size:.62rem;font-weight:600;padding:3px 8px;background:#ffffffd9;border:1.5px solid var(--border-dark);border-radius:999px;color:var(--olive-dark)}.project-live-link{align-self:flex-start;margin-top:4px;font-size:.78rem;font-weight:700;color:var(--orange);text-decoration:none;letter-spacing:.02em;transition:color .15s ease,transform .15s ease}.project-live-link:hover{color:var(--olive-dark);transform:translate(3px)}.project-live-link--placeholder{opacity:.55;pointer-events:none}.contact-window{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.contact-heading{font-size:1.4rem;font-weight:700;color:var(--orange)}.contact-details{display:flex;flex-direction:column;align-items:center;gap:10px}.contact-link{font-size:.95rem;color:var(--text-dark);text-decoration:none;transition:color .15s ease}.contact-link:hover{color:var(--orange)}.contact-email{display:block;min-height:1.6em;font-family:var(--font-mono);font-size:.92rem;color:var(--text-dark);text-decoration:none;transition:color .15s ease}.contact-email:hover{color:var(--orange)}.email-typewriter{display:inline-flex;align-items:center;white-space:nowrap}.email-prefix{color:var(--olive-dark);font-weight:600;min-width:.5ch}.email-domain{color:var(--text-dark)}.email-cursor{display:inline-block;width:2px;height:1.1em;margin:0 2px;background:var(--orange);animation:cursorBlink .9s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.resume-window{display:flex;flex-direction:column;gap:20px;height:100%}.accordion-list{display:flex;flex-direction:column;gap:8px}.accordion-item{border:2px solid var(--border-dark);border-radius:8px;overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--olive);color:#fff;border:none;font-family:var(--font-sans);font-size:.9rem;font-weight:600;text-transform:lowercase}.accordion-chevron{font-size:.7rem}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#fff}.accordion-content p{padding:0 16px;font-size:.82rem;line-height:1.6;white-space:pre-line}.accordion-item.open .accordion-content{max-height:200px;padding:14px 0}.resume-btn{align-self:center;padding:10px 40px;background:var(--orange);color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.1em;border:2.5px solid var(--border-dark);border-radius:999px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.resume-btn:hover{transform:translateY(-2px);box-shadow:3px 3px #2d2d2d33}.taskbar{position:fixed;bottom:0;left:0;right:0;height:84px;background:var(--olive);border-top:3px solid var(--border-dark);display:flex;align-items:center;justify-content:center;z-index:100}.taskbar-icons{display:flex;gap:20px}.dock-icon{width:var(--dock-icon-size);height:var(--dock-icon-size);flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;transition:transform .15s ease}.dock-icon-img{width:var(--dock-icon-size);height:var(--dock-icon-size);object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.dock-icon:hover{transform:translateY(-3px)}.dock-label{color:#fff;font-weight:700;font-size:1.05rem}@media (max-width: 900px){:root{--icon-edge-left: clamp(14px, 4vw, 40px)}}@media (max-width: 768px){.desktop{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px 12px 0;overflow-y:auto}.desktop-window-wrap{position:relative;left:auto;top:auto;transform:none;order:2;margin-top:12px;width:100%;max-width:100%}.desktop-icon{position:relative;left:auto!important;right:auto!important;top:auto!important;transform:none!important}.desktop-icon:hover,.desktop-icon.active{transform:scale(1.04)!important}.icon-pos-profile,.icon-pos-projects,.icon-pos-contact,.icon-pos-resume{order:1}.desktop{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:12px 24px;justify-items:center}.icon-pos-profile{grid-column:1;grid-row:1}.icon-pos-projects{grid-column:1;grid-row:2}.icon-pos-contact{grid-column:2;grid-row:1}.icon-pos-resume{grid-column:2;grid-row:2}.desktop-window-wrap{grid-column:1 / -1;grid-row:3}.profile-window{flex-direction:column;text-align:center}.projects-grid{gap:10px}.window-body{padding:20px}}@media (max-width: 480px){.profile-name{font-size:1.2rem}}