:root{--mac-desktop: #008080;--mac-win: #d4d0c8;--mac-black: #000;--mac-white: #fff;--mac-gray: #808080;--mac-light: #e8e4dc;--mac-font: "Geneva", "Helvetica Neue", Helvetica, Arial, sans-serif;--mac-font-size: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;overflow:hidden;font-family:var(--mac-font);font-size:var(--mac-font-size);background:var(--mac-desktop);cursor:default;user-select:none;-webkit-user-select:none}.mac-bevel-out{box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray)}.mac-bevel-in{box-shadow:inset 1px 1px 0 var(--mac-gray),inset -1px -1px 0 var(--mac-white)}.mac-menubar{position:fixed;top:0;left:0;right:0;height:20px;background:var(--mac-white);border-bottom:1px solid var(--mac-black);display:flex;align-items:center;padding:0 6px;gap:0;z-index:9999}.mac-menubar__apple{font-size:14px;padding:0 8px 0 4px;cursor:pointer;line-height:1}.mac-menubar__item{font-size:12px;font-weight:700;padding:1px 8px;cursor:pointer;white-space:nowrap}.mac-menubar__item:hover{background:var(--mac-black);color:var(--mac-white)}.mac-menubar__right{margin-left:auto;font-size:11px;font-weight:700;padding-right:4px}.mac-menubar__back{font-size:11px;font-weight:400;color:inherit;text-decoration:none;opacity:.6}.mac-menubar__back:hover{opacity:1;text-decoration:underline}.mac-desktop{position:fixed;inset:20px 0 28px;background:var(--mac-desktop);overflow:hidden}.mac-desktop-icons{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.mac-icon{display:flex;flex-direction:column;align-items:center;gap:4px;width:96px;padding:6px;background:none;border:none;cursor:pointer}.mac-icon:focus{outline:none}.mac-icon:focus .mac-icon__label,.mac-icon--selected .mac-icon__label{background:var(--mac-black);color:var(--mac-white)}.mac-icon__img{width:56px;height:56px;display:block}.mac-icon__label{font-size:11px;color:var(--mac-white);text-align:center;line-height:1.3;padding:1px 3px;word-break:break-word;max-width:96px;text-shadow:1px 1px 0 var(--mac-black),-1px -1px 0 var(--mac-black),1px -1px 0 var(--mac-black),-1px 1px 0 var(--mac-black)}.mac-window{position:absolute;background:var(--mac-win);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray),2px 3px #00000059;display:flex;flex-direction:column;min-width:180px;min-height:80px}.mac-window--hidden,.mac-window--shaded .mac-window__body,.mac-window--shaded .mac-browser-bar,.mac-window--shaded .mac-browser-body{display:none!important}.mac-titlebar{flex-shrink:0;height:20px;display:flex;align-items:center;padding:0 4px;gap:5px;border-bottom:1px solid var(--mac-black);cursor:move;position:relative}.mac-window--active .mac-titlebar{background:repeating-linear-gradient(to bottom,var(--mac-black) 0px,var(--mac-black) 1px,var(--mac-white) 1px,var(--mac-white) 2px)}.mac-window:not(.mac-window--active) .mac-titlebar{background:var(--mac-win)}.mac-titlebar__title{position:absolute;left:50%;transform:translate(-50%);background:var(--mac-win);padding:0 8px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;line-height:20px}.mac-close{flex-shrink:0;width:13px;height:13px;background:var(--mac-win);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray);cursor:pointer;font-size:8px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1}.mac-close:active{box-shadow:inset 1px 1px 0 var(--mac-gray),inset -1px -1px 0 var(--mac-white)}.mac-window__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.mac-window__body::-webkit-scrollbar{width:16px}.mac-window__body::-webkit-scrollbar-track{background:var(--mac-win);border-left:1px solid var(--mac-black)}.mac-window__body::-webkit-scrollbar-thumb{background:var(--mac-win);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray)}.mac-resize{position:absolute;bottom:0;right:0;width:14px;height:14px;cursor:se-resize;background:repeating-linear-gradient(-45deg,transparent 0px,transparent 2px,var(--mac-gray) 2px,var(--mac-gray) 3px)}.mac-browser-bar{flex-shrink:0;height:24px;display:flex;align-items:center;gap:4px;padding:3px 6px;border-bottom:1px solid var(--mac-black);background:var(--mac-win)}.mac-browser-btn{width:22px;height:16px;background:var(--mac-win);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center}.mac-browser-btn:active{box-shadow:inset 1px 1px 0 var(--mac-gray),inset -1px -1px 0 var(--mac-white)}.mac-url-bar{flex:1;height:16px;background:var(--mac-white);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-gray),inset -1px -1px 0 var(--mac-white);padding:0 6px;font-size:11px;line-height:16px;overflow:hidden;white-space:nowrap}.mac-browser-body{padding:0!important}.mac-browser-body iframe{width:100%;height:100%;border:none;display:block}.mac-dyey-body{padding:0!important}.mac-dyey-section{padding:10px 10px 4px}.mac-dyey-section+.mac-dyey-section{border-top:1px solid #808080}.mac-dyey-section-header{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#444;margin-bottom:8px;padding-bottom:3px;border-bottom:1px solid #b0b0b0}.mac-dyey-grid{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.mac-dyey-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:140px;background:none;border:1px solid transparent;padding:4px;cursor:pointer;font-family:inherit;text-align:center}.mac-dyey-item:hover,.mac-dyey-item:focus{border-color:#000;background:#000;outline:none}.mac-dyey-item:hover .mac-dyey-label,.mac-dyey-item:focus .mac-dyey-label{background:#000;color:#fff}.mac-dyey-thumb{width:140px;height:79px;object-fit:cover;display:block;border:1px solid #808080}.mac-dyey-label{font-size:10px;line-height:1.3;color:#000;max-width:140px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mac-image-viewer{padding:0!important;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.mac-image-viewer img{max-width:100%;max-height:100%;object-fit:contain;display:block}.mac-project-grid{display:flex;flex-wrap:wrap;gap:8px;padding:4px}.mac-project-icon{display:flex;flex-direction:column;align-items:center;gap:4px;width:108px;padding:4px;background:none;border:none}.mac-project-icon__btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:0}.mac-project-icon__btn:hover .mac-project-icon__label,.mac-project-icon__btn:focus .mac-project-icon__label{background:var(--mac-black);color:var(--mac-white)}.mac-project-icon:hover .mac-project-icon__label,.mac-project-icon:focus .mac-project-icon__label{background:var(--mac-black);color:var(--mac-white)}.mac-project-icon__thumb{width:88px;height:88px;object-fit:cover;border:1px solid var(--mac-black)}.mac-project-icon__label{font-size:10px;text-align:center;line-height:1.3;padding:1px 3px;max-width:108px;word-break:break-word;color:var(--mac-black)}.mac-section-label{width:100%;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mac-gray);padding:6px 4px 2px;border-bottom:1px solid var(--mac-gray);margin-bottom:4px}.mac-btn-row{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.mac-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-family:var(--mac-font);font-size:11px;font-weight:700;background:var(--mac-win);color:var(--mac-black);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray);cursor:pointer;text-decoration:none;white-space:nowrap}.mac-btn:active{box-shadow:inset 1px 1px 0 var(--mac-gray),inset -1px -1px 0 var(--mac-white)}.mac-btn:hover{background:var(--mac-light)}.mac-about{display:flex;flex-direction:column;gap:12px;padding:10px}.mac-about__photo{width:120px;height:120px;object-fit:cover;border:1px solid var(--mac-black);flex-shrink:0;align-self:flex-start}.mac-about__text{font-size:11px;line-height:1.7;color:var(--mac-black)}.mac-about__text p{margin-bottom:6px}.mac-about__text a{color:var(--mac-black);text-decoration:underline}.mac-about__text strong{font-weight:700}.mac-resume{padding:10px;font-size:11px;line-height:1.6;color:var(--mac-black)}.mac-resume h2{font-size:12px;font-weight:700;margin:10px 0 4px;padding-bottom:2px;border-bottom:1px solid var(--mac-gray)}.mac-resume h3{font-size:11px;font-weight:700;margin-bottom:1px}.mac-resume p{margin-bottom:6px}.mac-resume ul{margin-left:16px;margin-bottom:6px}.mac-proj-detail{display:flex;flex-direction:column;padding:0!important;overflow:hidden}.mac-proj-detail__hero{width:100%;max-height:260px;object-fit:contain;background:#000;border-bottom:1px solid #808080;flex-shrink:0}.mac-proj-detail__info{padding:12px;overflow-y:auto;flex:1}.mac-proj-detail__title{font-size:13px;font-weight:700;margin:0 0 4px}.mac-proj-detail__role{font-size:10px;color:gray;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.mac-proj-detail__desc{font-size:11px;line-height:1.6;margin:0;color:var(--mac-black)}.mac-taskbar{position:fixed;bottom:0;left:0;right:0;height:28px;background:var(--mac-win);border-top:1px solid var(--mac-black);box-shadow:inset 0 1px 0 var(--mac-white);display:flex;align-items:center;padding:0 8px;gap:6px;z-index:9999}.mac-taskbar__brand{font-size:12px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:4px;padding-right:8px;border-right:1px solid var(--mac-gray)}.mac-taskbar__items{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.mac-taskbar__items::-webkit-scrollbar{display:none}.mac-taskbar__item{display:flex;align-items:center;gap:4px;padding:2px 8px;height:20px;background:var(--mac-win);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray);cursor:pointer;font-size:11px;white-space:nowrap;font-family:var(--mac-font)}.mac-taskbar__item:active,.mac-taskbar__item--active{box-shadow:inset 1px 1px 0 var(--mac-gray),inset -1px -1px 0 var(--mac-white);background:var(--mac-light)}.mac-taskbar__item img{width:14px;height:14px;object-fit:cover}.mac-taskbar__clock{font-size:11px;font-weight:700;white-space:nowrap;padding-left:8px;border-left:1px solid var(--mac-gray)}.mac-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);background:var(--mac-win);border:1px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray),3px 4px #0006;width:320px;padding:20px 24px;text-align:center;z-index:10000}.mac-dialog__title{font-size:13px;font-weight:700;margin-bottom:12px}.mac-dialog__body{font-size:11px;line-height:1.6;margin-bottom:16px}.mac-dialog__btn{display:inline-block;padding:4px 24px;background:var(--mac-win);border:2px solid var(--mac-black);box-shadow:inset 1px 1px 0 var(--mac-white),inset -1px -1px 0 var(--mac-gray);cursor:pointer;font-family:var(--mac-font);font-size:12px;font-weight:700}.mac-dialog__btn:active{box-shadow:inset 1px 1px 0 var(--mac-gray),inset -1px -1px 0 var(--mac-white)}@media(max-width:767px){.mac-close{width:28px;height:28px;font-size:14px}.mac-menubar__item{display:none}.mac-desktop-icons{flex-direction:row;flex-wrap:wrap;top:6px;right:auto;left:6px;gap:6px;max-width:calc(100% - 12px)}.mac-icon{width:64px;padding:4px}.mac-icon__img{width:40px;height:40px}.mac-icon__label{font-size:10px;max-width:64px}.mac-window{position:absolute!important;left:12px!important;top:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;min-width:0!important}.mac-resize,.mac-taskbar__brand{display:none}.mac-taskbar__items{justify-content:center;flex:1}}