@import url(https://fonts.googleapis.com/css2?family=Orpheus:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}:root{--color-calendar-graph-day-bg:#161b22;--color-calendar-graph-day-L1-bg:#0e4429;--color-calendar-graph-day-L2-bg:#006d32;--color-calendar-graph-day-L3-bg:#26a641;--color-calendar-graph-day-L4-bg:#39d353}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif}.App,body{overflow:hidden}.App{height:100vh;width:100%}.loading-screen{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .6s ease-out;width:100vw;z-index:10000}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{align-items:flex-start;justify-content:center;z-index:10001}.loading-content,.loading-text{display:flex;flex-direction:column}.loading-text{color:#0f8;font-family:Courier New,Courier,monospace;font-size:18px;gap:8px;letter-spacing:1px}.loading-complete,.loading-prompt{text-shadow:0 0 10px #00ff8880}.scanlines{background:repeating-linear-gradient(0deg,#ffffff08,#ffffff08 1px,#0000 0,#0000 3px);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10000}.terminal-intro{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.terminal-content{align-items:flex-start;display:flex;flex-direction:column;z-index:10001}.terminal-text{color:#0f8;font-family:Courier New,Courier,monospace;font-size:18px;letter-spacing:1px;line-height:1.8}.terminal-command{color:#0f8;margin-bottom:4px;text-shadow:0 0 10px #00ff8880}.terminal-output{color:#fff;margin-bottom:12px;padding-left:20px}.terminal-cursor{animation:blink 1s step-start infinite;background:#0f8;display:inline-block;height:20px;margin-left:4px;width:10px}@keyframes blink{50%{opacity:0}}.grain-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.grain{animation:grain 8s steps(10) infinite;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="4" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.05"/></svg>');height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,10%)}90%{transform:translate(-10%,5%)}}.container{display:flex;min-height:100vh;position:relative;z-index:1}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-bottom:1px solid #ffffff1a;display:none;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-btn{background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background:#fffc;border-radius:1px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-logo h1{color:#ffffffe6;font-size:18px;font-weight:400;margin:0}.mobile-overlay{background:#00000080;bottom:0;display:none;right:0;z-index:998}.mobile-overlay,.sidebar{left:0;position:fixed;top:0}.sidebar{border-right:1px solid #ffffff0d;display:flex;flex-direction:column;height:100vh;padding:60px 40px;transition:transform .3s ease;width:280px;z-index:999}.logo{margin-bottom:80px}.logo h1{font-size:32px;font-weight:300;letter-spacing:-.02em;margin-bottom:8px}.logo p{color:#ffffff80;font-size:13px;font-weight:300}nav ul{list-style:none}nav li{margin-bottom:24px}nav a{color:#fff9;display:block;font-size:15px;font-weight:400;position:relative;text-decoration:none;transition:all .3s ease}nav a:hover{color:#fff}.sidebar-footer-text{bottom:60px;color:#ffffff4d;font-size:11px;left:40px;letter-spacing:.15em;position:absolute;text-orientation:mixed;text-transform:uppercase;writing-mode:vertical-rl}.sidebar-footer-photo{align-items:center;bottom:60px;display:flex;justify-content:center;left:0;position:absolute;right:0}.profile-photo{flex-shrink:0}.profile-photo img{border:1px solid #ffffff1a;border-radius:50%;height:76px;object-fit:cover;transition:all .3s ease;width:76px}.profile-photo img:hover{border-color:#ffffff4d;transform:scale(1.05)}.github-activity{margin-top:20px;padding:0 0 20px}.github-activity h3{color:#fff9;font-size:14px;font-weight:400;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.contribution-stats{margin-bottom:10px;margin-left:0}.total-contributions{color:#fff9;font-size:12px;font-weight:400}.fallback-indicator{color:#fff6;font-style:italic}.contribution-calendar{margin-bottom:15px}.calendar-grid{display:flex;gap:2px;margin-bottom:10px;overflow-x:auto;padding-bottom:5px}.calendar-week{display:flex;flex-direction:column;gap:2px}.contribution-day{border-radius:2px;cursor:pointer;height:10px;position:relative;transition:all .2s ease;width:10px}.contribution-day:hover{transform:scale(1.2);z-index:10}.contribution-day:after{background:#000c;border-radius:4px;bottom:100%;color:#fff;content:attr(data-count);font-size:10px;left:50%;margin-bottom:5px;opacity:0;padding:4px 6px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.contribution-day:hover:after{opacity:1}.calendar-legend{align-items:center;color:#ffffff80;display:flex;font-size:10px;gap:4px;justify-content:flex-end}.legend-squares{display:flex;gap:2px}.legend-square{border-radius:1px;height:8px;width:8px}.legend-text{font-size:9px}.activity-loading{padding:20px 0;text-align:center}.loading-dots{display:flex;gap:4px;justify-content:center;margin-bottom:10px}.loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite both;background:#fff6;border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.activity-loading p{color:#fff9;font-size:12px;margin:0}.activity-error{padding:20px 0;text-align:center}.activity-error p{color:#ffffffb3;font-size:13px;margin:0 0 5px}.activity-error small{color:#fff6;font-size:11px}.no-activity{color:#fff9;font-size:13px;margin:0;padding:20px 0;text-align:center}.github-link{margin-top:15px;text-align:center}.view-profile-btn{background:#0000;border:none;color:#fff6;display:inline-block;font-size:10px;font-weight:300;padding:4px 8px;text-decoration:none;transition:color .2s ease}.view-profile-btn:hover{color:#fff9;transform:none}.spotify-sidebar{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;margin:40px 0;padding:20px 0}.spotify-sidebar-title{color:#fff6;font-size:11px;font-weight:500;letter-spacing:.15em;margin-bottom:16px;text-transform:uppercase}.spotify-sidebar-content{align-items:flex-start;display:flex;gap:12px}.spotify-sidebar-art{border-radius:6px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.spotify-sidebar-info{flex:1 1;min-width:0}.spotify-sidebar-track{color:#fff;display:block;font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:opacity .3s ease;white-space:nowrap}.spotify-sidebar-track:hover{opacity:.7}.spotify-sidebar-artist{color:#fff9;font-size:11px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-sidebar-time{color:#fff6;font-size:10px;font-style:italic}.spotify-sidebar-offline{color:#fff6;font-size:12px;font-style:italic}.spotify-sidebar .audio-wave{align-items:center;display:flex;gap:2px;height:10px;margin-bottom:6px}.spotify-sidebar .wave-bar{animation:wave 1.2s ease-in-out infinite;background:#fff9;border-radius:2px;height:100%;width:2px}.spotify-sidebar .wave-bar:first-child{animation-delay:0s}.spotify-sidebar .wave-bar:nth-child(2){animation-delay:.2s}.spotify-sidebar .wave-bar:nth-child(3){animation-delay:.4s}.main-content{margin-left:280px;padding:60px;width:calc(100% - 280px)}.intro-section{align-items:flex-start;display:flex;flex-direction:column;gap:40px;min-height:40vh;padding-bottom:40px;padding-top:5vh}.intro-text{max-width:700px}.intro-text p{color:#ffffffb3;font-size:16px;line-height:1.8;margin-bottom:14px}.terminal-container{background:#0a0a0af2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-width:700px;overflow:hidden;transition:all .3s ease;width:100%}.terminal-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:10px 16px}.terminal-buttons{display:flex;gap:8px}.terminal-button{border:1px solid #ffffff1a;border-radius:50%;height:12px;width:12px}.terminal-button.close{background:#ff5f564d}.terminal-button.minimize{background:#ffbd2e4d}.terminal-button.maximize{background:#27c93f4d}.terminal-title{color:#ffffff80;font-size:12px;font-weight:500}.terminal-body,.terminal-title{font-family:Courier New,Courier,monospace}.terminal-body{cursor:text;font-size:14px;max-height:300px;overflow-y:auto;padding:16px;transition:max-height .3s ease,padding .3s ease}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#ffffff05}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}.terminal-line{word-wrap:break-word;animation:fadeIn .2s ease;line-height:1.5;margin-bottom:4px;white-space:pre-wrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.terminal-output{color:#ffffffb3}.terminal-error{color:#ff6b6b}.terminal-input-line{align-items:center;display:flex;margin-top:8px;transition:all .2s ease}.terminal-prompt{color:#0f8;font-weight:700;margin-right:8px}.terminal-input{background:#0000;border:none;color:#0f8;flex:1 1;font-family:Courier New,Courier,monospace;font-size:14px;outline:none}.terminal-input::selection{background:#00ff884d}section{max-width:1000px;padding:60px 0}.section-title{color:#fff6;font-size:11px;font-weight:500;letter-spacing:.15em;margin-bottom:40px;text-transform:uppercase}.projects-section{max-width:1000px}.projects-section-title{color:#fff6;font-size:11px;font-weight:500;letter-spacing:.15em;margin-bottom:40px;text-transform:uppercase}.projects-tabs{display:flex;gap:30px;margin-bottom:40px}.projects-tab{background:none;border:none;color:#fff6;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.15em;padding:0;text-transform:uppercase;transition:color .3s ease}.projects-tab:hover{color:#fff9}.projects-tab.active{color:#fff}.projects-list{display:flex;flex-direction:column}.project{border-bottom:1px solid #ffffff0d;margin-bottom:50px;padding-bottom:50px}.project:last-child{border-bottom:none}.project-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:20px}.project h3{color:#fff;font-size:28px;font-weight:400;letter-spacing:-.01em;margin:0}.project-year{color:#fff6;font-size:13px;white-space:nowrap}.project-description-new{color:#fff9;font-size:15px;line-height:1.7;margin-bottom:24px;max-width:700px}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.tag{background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;color:#ffffff80;font-size:12px;padding:6px 12px;transition:all .3s ease}.tag:hover{background:#ffffff0f;border-color:#ffffff1f}.project-link-inline{color:#fff9;display:inline-block;font-size:14px;margin-top:8px;text-decoration:none;transition:all .3s ease}.project-link-inline:hover{color:#fff;text-decoration:none}.project-video-container{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:inline-block;margin:24px 0;max-width:600px;overflow:hidden;position:relative;transition:all .3s ease}.project-video-container:hover{border-color:#ffffff26;box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.project-video{background:#000;border-radius:8px;display:block;height:auto;width:100%}.project-video::-webkit-media-controls-panel{background:#000c}.project-video::-webkit-media-controls-play-button,.project-video::-webkit-media-controls-timeline,.project-video::-webkit-media-controls-volume-slider{filter:invert(1)}.video-loading-overlay{align-items:center;background:#000c;border-radius:8px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.video-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff9;height:40px;margin-bottom:12px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-loading-overlay p{color:#ffffffb3;font-size:14px;font-weight:300;margin:0}.project-link-container{display:flex;justify-content:flex-start;margin:20px 0}.project-link-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.project-link-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.project-link-button svg{transition:transform .3s ease}.project-link-button:hover svg{transform:translateX(2px) translateY(-2px)}.project-widget-container{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0000001a;height:400px;margin:24px 0;max-width:600px;overflow:hidden;position:relative;transition:all .3s ease}.project-widget-container:hover{border-color:#ffffff26;box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.project-widget{background:#fff;border:none;border-radius:8px;height:100%;width:100%}.widget-overlay{opacity:0;position:absolute;right:12px;top:12px;transition:opacity .3s ease}.project-widget-container:hover .widget-overlay{opacity:1}.widget-fullscreen-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:6px;color:#ffffffe6;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.widget-fullscreen-btn:hover{background:#000000e6;border-color:#ffffff4d;color:#fff;transform:scale(1.05)}.widget-fullscreen-btn svg{transition:transform .3s ease}.widget-fullscreen-btn:hover svg{transform:scale(1.1)}.experience-section{max-width:1000px}.experience-section-title{color:#fff6;font-size:11px;font-weight:500;letter-spacing:.15em;margin-bottom:40px;text-transform:uppercase}.experience-list{display:flex;flex-direction:column}.experience-item{border-bottom:1px solid #ffffff0d;margin-bottom:45px;padding-bottom:45px}.experience-item:last-child{border-bottom:none}.experience-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:12px}.experience-item h3{color:#fff;font-size:20px;font-weight:400;margin:0}.experience-date{color:#fff6;font-size:13px;white-space:nowrap}.experience-role{color:#ffffff80;font-size:14px;margin-bottom:16px}.experience-description{color:#fff9;font-size:14px;line-height:1.7;max-width:700px}.skills-section{max-width:1000px}.skills-section-title{color:#fff6;font-size:11px;font-weight:500;letter-spacing:.15em;margin-bottom:40px;text-transform:uppercase}.skills-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.skill-category h4{color:#fff6;font-size:13px;font-weight:500;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.skill-category ul{list-style:none}.skill-category li{color:#ffffffb3;font-size:14px;margin-bottom:10px;padding-left:12px;position:relative}.skill-category li:before{background:#ffffff4d;border-radius:50%;content:"";height:4px;left:0;position:absolute;top:9px;width:4px}.tool-logos{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.tool-logo{cursor:pointer;height:32px;opacity:.7;transition:opacity .3s ease,transform .3s ease;width:32px}.tool-logo:hover{opacity:1;transform:scale(1.1)}.personal-panel{border-left:1px solid #ffffff0d;height:100vh;overflow-y:auto;padding:60px 40px;position:fixed;right:0;top:0;width:320px}.personal-panel::-webkit-scrollbar{width:6px}.personal-panel::-webkit-scrollbar-track{background:#ffffff05}.personal-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.personal-panel::-webkit-scrollbar-thumb:hover{background:#ffffff26}.personal-content{display:flex;flex-direction:column;gap:40px}.personal-title{color:#fff;font-size:20px;font-weight:300;letter-spacing:-.01em;margin-bottom:20px;text-transform:lowercase}.personal-section{display:flex;flex-direction:column}.section-header-with-animation{align-items:center;display:flex;gap:10px;margin-bottom:16px}.personal-section-title{color:#fff6;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.expandable-header{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:16px;transition:all .2s ease}.expandable-header:hover .personal-section-title{color:#fff9}.expandable-header:hover .expand-arrow{color:#ffffffb3}.expand-arrow{color:#fff6;font-size:18px;line-height:1;margin-top:-2px;transform:rotate(0deg);transition:transform .3s ease,color .2s ease}.expand-arrow.expanded{transform:rotate(90deg)}.audio-wave{align-items:center;display:flex;gap:3px;height:14px}.wave-bar{animation:wave 1.2s ease-in-out infinite;background:#fff9;border-radius:2px;height:100%;width:2px}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.6s}@keyframes wave{0%,to{height:30%}50%{height:100%}}.personal-list{display:flex;flex-direction:column;gap:12px;list-style:none}.personal-list li{color:#fff9;font-size:14px;line-height:1.6;padding-left:12px;position:relative;transition:color .3s ease}.personal-list li:before{background:#ffffff4d;border-radius:50%;content:"";height:4px;left:0;position:absolute;top:9px;width:4px}.personal-list li:hover{color:#ffffffe6}.personal-link{color:inherit;position:relative;text-decoration:none;transition:color .3s ease}.personal-link:hover{color:#fff}.personal-link:after{content:" →";opacity:0;transition:opacity .3s ease}.personal-link:hover:after{opacity:1}.photo-carousel{-webkit-overflow-scrolling:touch;animation:slideDown .3s ease;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:20px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#fff3 #0000;scrollbar-width:thin}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.photo-carousel::-webkit-scrollbar{height:6px}.photo-carousel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.photo-carousel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.photo-carousel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.photo-wrapper{flex-shrink:0;padding:4px;position:relative;scroll-snap-align:start}.photo-bg{background-position:50%;background-size:cover;border-radius:12px;bottom:0;filter:blur(50px);left:0;mask-image:radial-gradient(ellipse at center,#000 20%,#0000 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 80%);opacity:.2;position:absolute;right:0;top:0;z-index:0}.carousel-photo{border-radius:8px;cursor:pointer;display:block;height:200px;object-fit:cover;transition:transform .3s ease;width:auto;z-index:1}.carousel-photo,.carousel-shell{position:relative}.carousel-arrow-overlay{align-items:center;background:#00000080;border:1px solid #fff3;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:2}.carousel-arrow-overlay.left{left:6px}.carousel-arrow-overlay.right{right:6px}.carousel-arrow-overlay:hover{background:#000000b3;border-color:#ffffff59}.carousel-dots{display:flex;gap:6px;justify-content:center;margin-top:8px}.carousel-dot{background:#0000;border:1px solid #ffffff59;border-radius:50%;cursor:pointer;height:7px;transition:all .2s ease;width:7px}.carousel-dot.active{background:#ffffffe6;border-color:#ffffffe6}.carousel-nav{display:flex;gap:10px;margin-top:8px}.carousel-arrow,.carousel-nav{align-items:center;justify-content:center}.carousel-arrow{background:#ffffff0f;border:1px solid #fff3;border-radius:50%;color:#ffffffe6;cursor:pointer;display:inline-flex;height:34px;transition:all .2s ease;width:34px}.carousel-arrow:hover{background:#ffffff1f;border-color:#ffffff59}.photo-wrapper:hover .carousel-photo{transform:scale(1.05)}.video-carousel{-webkit-overflow-scrolling:touch;animation:slideDown .3s ease;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:30px 0;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.video-carousel::-webkit-scrollbar{height:6px}.video-carousel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.video-carousel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.video-carousel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.carousel-video{border:none;border-radius:8px;box-shadow:0 0 40px #0003;cursor:pointer;flex-shrink:0;height:200px;object-fit:cover;position:relative;transition:transform .3s ease;width:auto}.carousel-video:hover{transform:scale(1.05)}.spotify-connect{display:flex;flex-direction:column;gap:12px}.spotify-connect-btn{background:#1db954;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.spotify-connect-btn:hover{background:#1ed760;transform:scale(1.02)}.spotify-setup-hint{color:#fff6;font-size:11px;line-height:1.5}.now-playing{display:flex;flex-direction:column;gap:16px}.album-art{border-radius:8px;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease;width:100%}.album-art:hover{transform:scale(1.02)}.track-info{display:flex;flex-direction:column;gap:6px}.track-name{color:#fff;font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .3s ease}.track-name:hover{color:#1db954}.artist-name{color:#ffffffb3;font-size:13px;line-height:1.4}.album-name{color:#ffffff80}.album-name,.time-ago{font-size:12px;line-height:1.4}.time-ago{color:#fff6;font-style:italic}.recently-played{opacity:.8}.not-playing{display:flex;flex-direction:column;gap:12px}.not-playing p{color:#ffffff80;font-size:13px;font-style:italic}.spotify-disconnect-btn{align-self:flex-start;background:#0000;border:1px solid #ffffff1a;border-radius:16px;color:#fff6;cursor:pointer;font-size:11px;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.spotify-disconnect-btn:hover{border-color:#fff3;color:#ffffffb3}@media (max-width:1400px){.personal-panel{border-left:none;border-top:1px solid #ffffff0d;height:auto;padding:40px;position:relative;width:100%}.main-content{padding:60px 80px 60px 60px;width:calc(100% - 280px)}}@media (max-width:1024px){.sidebar{border-bottom:1px solid #ffffff0d;border-right:none;height:auto;padding:40px 40px 20px;position:relative;width:100%}.sidebar-footer{bottom:auto;left:auto;margin-top:40px;position:relative;writing-mode:horizontal-tb}.main-content{margin-left:0;padding:40px;width:100%}.personal-panel{border-left:none;border-top:1px solid #ffffff0d;height:auto;padding:40px;position:relative;width:100%}.skills-grid{gap:30px;grid-template-columns:1fr}.intro-section{min-height:40vh}}@media (max-width:768px){.mobile-header{display:flex}.mobile-overlay{display:block}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000fa;border-right:1px solid #ffffff1a;height:100vh;left:0;padding:60px 40px;position:fixed;top:0;transform:translateX(-100%);width:280px}.sidebar.mobile-open{transform:translateX(0)}.main-content{margin-left:0;max-width:none;padding:80px 24px 40px;width:100%}.sidebar{border-bottom:1px solid #ffffff0d;padding:20px}.logo h1{font-size:24px;margin-bottom:6px}.logo p{font-size:12px}section{padding:30px 0}.experience-section-title,.projects-section-title,.section-title,.skills-section-title{font-size:10px;margin-bottom:30px}.projects-section-title{color:#fff;font-size:14px;font-weight:600;letter-spacing:.1em;margin-bottom:32px}.projects-tabs{display:none}.project{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s ease}.project:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.project-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:16px}.project h3{color:#fff;font-size:24px;font-weight:600;line-height:1.2;margin:0}.project-year{color:#fff9;font-size:11px;font-weight:500;letter-spacing:.1em;margin:0;text-transform:uppercase}.project-description-new{color:#fffc;font-size:15px;line-height:1.6;margin-bottom:20px}.project-tags{gap:8px;margin-bottom:16px}.tag{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffb3;font-size:11px;font-weight:500;padding:6px 12px}.project-video-container{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin:20px 0;max-width:100%}.project-video{border-radius:6px;max-width:100%}.project-widget-container{background:#0000004d;border:1px solid #ffffff1a;height:300px;margin:20px 0;max-width:100%}.widget-fullscreen-btn{font-size:11px;padding:6px 10px}.experience-item{margin-bottom:30px;padding-bottom:30px}.experience-item h3{font-size:18px}.experience-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:10px}.experience-date{font-size:12px}.experience-role{font-size:13px;margin-bottom:12px}.experience-description{font-size:13px;line-height:1.6}.skill-category h4{font-size:12px;margin-bottom:12px}.skill-category li{font-size:13px;margin-bottom:8px}.personal-panel{padding:20px 15px}.personal-title{font-size:18px;margin-bottom:16px}.personal-section-title{font-size:10px}.personal-list li{font-size:13px;line-height:1.5}.github-activity h3{font-size:12px;margin-bottom:10px}.contribution-day{height:8px;width:8px}.calendar-legend{font-size:9px}.legend-square{height:6px;width:6px}.spotify-sidebar{margin:30px 0;padding:15px 0}.spotify-sidebar-title{font-size:10px;margin-bottom:12px}.spotify-sidebar-art{height:40px;width:40px}.spotify-sidebar-track{font-size:12px}.spotify-sidebar-artist{font-size:10px}.spotify-sidebar-time{font-size:9px}.terminal-container{max-width:100%}.terminal-body{font-size:12px;max-height:250px;padding:12px}.terminal-input{font-size:12px}.intro-section{gap:0;min-height:40vh;padding-bottom:48px;padding-top:0}.intro-text h1{color:#fff;font-size:32px;font-weight:600;line-height:1.2;margin-bottom:24px}.intro-text p{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:16px;max-width:none}.tool-logos{gap:15px}.tool-logo{height:28px;width:28px}.project-link-container{margin:16px 0}.project-link-button{font-size:13px;padding:10px 16px}}@media (max-width:480px){.sidebar{padding:15px}.main-content{padding:15px 10px}.logo h1,.project h3{font-size:20px}.project-description-new{font-size:13px}.tag{font-size:10px;padding:4px 8px}.experience-item h3{font-size:16px}.experience-description{font-size:12px}.personal-panel{padding:15px 10px}.terminal-body{font-size:11px;padding:10px}.intro-text p{font-size:13px}.projects-tabs{gap:15px}.projects-tab{font-size:9px}}.creative-page-wrapper,.portfolio-page{height:100vh;left:0;position:fixed;top:0;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100vw}.portfolio-page-wrapper{background:#fff;border:2px solid #ffffff26;border-radius:25px;box-sizing:border-box;height:calc(100vh - 20px);margin:10px;overflow:hidden;width:calc(100vw - 20px)}.portfolio-page{border-radius:25px;height:calc(100% - 40px);margin:20px;overflow-x:hidden;overflow-y:auto;width:calc(100% - 40px);z-index:2}.creative-page-wrapper{overflow:hidden}.portfolio-page.slide-left{transform:translateX(-100vw)}.creative-page-wrapper{transform:translateX(100vw);z-index:1}.creative-page-wrapper.slide-in{transform:translateX(0)}.slide-tab{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff1a;color:#ffffffe6;cursor:pointer;font-size:28px;height:100px;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:36px;z-index:1000}.slide-tab,.slide-tab span{align-items:center;display:flex;justify-content:center}.slide-tab span{transition:transform .3s ease}.slide-tab:hover{background:#fff3;border-color:#ffffff59;box-shadow:0 8px 24px #0003,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-50%) scale(1.05)}.slide-tab:hover span{transform:translateX(-2px)}.slide-tab-right{border-radius:12px 0 0 12px;border-right:none;position:fixed;right:0}.slide-tab-right:hover span{transform:translateX(-3px)}.slide-tab-left{border-left:none;border-radius:0 12px 12px 0;left:40px;position:fixed}.slide-tab-left:hover span{transform:translateX(3px)}.creative-page{background:#f5f1e8;border:2px solid #000;border-radius:25px;box-sizing:border-box;color:#2a2a2a;height:calc(100vh - 20px);margin:10px;overflow:hidden;position:relative;width:calc(100vw - 20px)}.creative-page .slide-tab-left{background:#2a2a2a14;border-color:#2a2a2a26;box-shadow:0 4px 12px #00000014,inset 0 1px 0 #ffffff4d;color:#2a2a2acc}.creative-page .slide-tab-left:hover{background:#2a2a2a26;border-color:#2a2a2a40;box-shadow:0 8px 24px #0000001f,inset 0 1px 0 #fff6;color:#2a2a2a}.creative-nav{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr auto 1fr;left:0;padding:30px 60px;position:absolute;right:0;top:0;z-index:100}.creative-nav-left{align-items:center;display:flex}.creative-logo-text{font-size:18px;font-weight:500;letter-spacing:-.02em}.creative-nav-center{display:flex;justify-content:center}.creative-email{color:#2a2a2a;font-size:14px;text-decoration:none;transition:opacity .3s ease}.creative-email:hover{opacity:.6}.creative-nav-right{align-items:center;display:flex;gap:20px}.creative-nav-icon{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;padding:0;text-decoration:none;transition:transform .3s ease}.creative-nav-icon:hover{transform:scale(1.1)}.creative-scroll-container{height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;scrollbar-color:#2a2a2a33 #0000;scrollbar-width:thin;width:100%}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#1a4d1a;border:2px solid #000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#2d5a2d}::-webkit-scrollbar-corner{background:#1a4d1a}html{scrollbar-color:#1a4d1a #0000;scrollbar-width:thin}.creative-scroll-container::-webkit-scrollbar{width:8px}.creative-scroll-container::-webkit-scrollbar-track{background:#0000}.creative-scroll-container::-webkit-scrollbar-thumb{background:#2a2a2a33;border-radius:4px}.creative-scroll-container::-webkit-scrollbar-thumb:hover{background:#2a2a2a4d}.creative-hero-section{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.creative-hero-content{position:relative;text-align:center;z-index:2}.creative-name{font-family:Orpheus,serif;font-size:64px;font-style:italic;font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-bottom:20px}.name-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.name-first,.name-last{font-family:Orpheus,serif;font-size:64px;font-style:italic;font-weight:300;letter-spacing:-.02em;line-height:1.1;transition:all .1s ease-out;will-change:transform,opacity}.creative-title{background:#2a2a2a0a;border-left:3px solid #2a2a2a66;border-radius:6px;box-shadow:0 2px 12px #0000000a;color:#2a2a2abf;font-size:18px;font-style:italic;font-weight:300;line-height:1.8;margin:0 auto;max-width:600px;padding:24px 36px}.creative-character{height:80px;opacity:.8;position:absolute;right:-100px;top:-80px;width:80px}.character-svg{height:100%;width:100%}.creative-3d-visual{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);opacity:.4;position:absolute;right:10%;top:50%;transform:translateY(-50%)}.visual-block{animation:floatBlock 3s ease-in-out infinite;animation-delay:var(--delay);background:linear-gradient(135deg,#b8e6c3,#a8d5ba);border-radius:12px;box-shadow:0 10px 30px #0000001a;height:80px;width:80px}@keyframes floatBlock{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.creative-marquee{align-items:center;border-bottom:1px solid #2a2a2a1a;border-top:1px solid #2a2a2a1a;display:none;justify-content:center;margin:60px 0;overflow:hidden;padding:20px 0;white-space:nowrap;width:100%}.marquee-content{animation:marquee 30s linear infinite;display:inline-block;font-size:18px;font-style:italic;font-weight:300;letter-spacing:.05em}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.crt-wrapper{display:none;justify-content:center;margin:3rem 0;perspective:1000px}.crt-frame{background:#0a0a0a;border-radius:16px;box-shadow:0 20px 40px #00000059,0 0 40px #00ff9626,inset 0 0 0 3px #111,inset 0 0 10px #ffffff0d;height:220px;overflow:hidden;position:relative;transform:translateY(-5px) rotateX(3deg);transition:all .3s ease;width:340px}.crt-frame:hover{box-shadow:0 30px 60px #00000073,0 0 60px #00ff9633,inset 0 0 0 3px #111,inset 0 0 12px #ffffff14;transform:translateY(-15px) rotateX(4deg) scale(1.02)}.crt-screen{border-radius:4px;filter:brightness(1.15) contrast(1.25) saturate(1.1);height:100%;object-fit:cover;width:100%}.crt-glow{background:radial-gradient(circle at center,#00ff9633,#0000 70%);inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.95}}.crt-frame:after{animation:flicker .18s infinite;background:#ffffff08;mix-blend-mode:overlay}.crt-frame:after,.crt-frame:before{content:"";inset:0;position:absolute}.crt-frame:before{background:repeating-linear-gradient(180deg,#0000001f 0,#0000001f 2px,#0000 3px);opacity:.5;pointer-events:none}.audio-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px}.audio-control:hover{background:#000c;transform:scale(1.1)}.creative-photos-section{overflow:hidden;padding:20px 0 40px;width:100%}.photo-carousel-row{margin-bottom:30px;overflow:hidden;transition:transform .1s ease-out;width:100%;will-change:transform}.photo-carousel-track{display:flex;gap:30px;width:-webkit-fit-content;width:fit-content}.scroll-left{animation:scroll-left 80s linear infinite}.scroll-right{animation:scroll-right 80s linear infinite}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.photo-carousel-track:hover{animation-play-state:paused}.photo-carousel-item{background:#2a2a2a0d;border-radius:16px;cursor:pointer;flex-shrink:0;height:280px;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);width:400px}.photo-carousel-item img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.photo-carousel-item:hover{transform:translateY(-8px)}.photo-carousel-item:hover img{transform:scale(1.1)}.photo-carousel-item.loading{opacity:0;transform:scale(.8)}.photo-carousel-item.loaded{opacity:1;transform:scale(1)}.photo-skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.skeleton-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.photo-carousel-item{transition:opacity .6s ease-out,transform .6s ease-out}.photo-carousel-item img{backface-visibility:hidden;-webkit-backface-visibility:hidden}.photo-carousel-item img,.photo-carousel-track{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.lazy-load-image-background{display:block!important;height:100%;width:100%}.lazy-load-image-background.blur{filter:blur(10px);transition:filter .3s}.creative-projects-section{margin:0 auto;max-width:900px;padding:80px 60px;width:100%}.creative-projects-title{color:#2a2a2a;font-family:Orpheus,serif;font-size:48px;font-style:italic;font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-bottom:60px;text-align:center}.creative-project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #2a2a2a1a;border-radius:20px;margin-bottom:40px;padding:40px;transition:all .3s ease}.creative-project-card:hover{background:#fffc;box-shadow:0 12px 40px #0000001a;transform:translateY(-4px)}.project-header-creative{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.project-title-group{display:flex;flex-direction:column;gap:8px}.project-title-creative{color:#2a2a2a;font-size:32px;font-weight:500;letter-spacing:-.02em;margin:0}.project-subtitle{color:#2a2a2a99;font-size:16px;font-weight:300}.project-link-creative{border:1px solid #2a2a2a33;border-radius:8px;color:#2a2a2a;font-size:16px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.project-link-creative:hover{background:#2a2a2a0d;border-color:#2a2a2a66;transform:translateX(4px)}.project-description-creative{color:#2a2a2acc;font-size:16px;line-height:1.7;margin-bottom:32px}.project-features{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.feature-item{align-items:flex-start;display:flex;gap:16px}.feature-icon{flex-shrink:0;font-size:24px;margin-top:2px}.feature-item h4{color:#2a2a2a;font-size:16px;font-weight:500;margin:0 0 6px}.feature-item p{color:#2a2a2ab3;font-size:14px;line-height:1.6;margin:0}.project-tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#2a2a2a14;border:1px solid #2a2a2a1f;border-radius:6px;color:#2a2a2ab3;font-size:12px;font-weight:500;padding:6px 14px;transition:all .3s ease}.tech-tag:hover{background:#2a2a2a1f;border-color:#2a2a2a33}.selected-projects-section{padding:10px 0 150px;text-align:center;width:100%}.selected-projects-title{color:#000;font-family:Orpheus,serif;font-size:48px;font-style:italic;font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-bottom:20px}.sydney-video-container{align-items:center;display:flex;flex-direction:column;margin-top:10px;position:relative}.video-caption{color:#00000080;font-family:Courier New,monospace;font-size:14px;font-weight:300;letter-spacing:1px;margin-top:12px}.sydney-video{border-radius:12px;box-shadow:0 10px 30px #0003;height:225px;object-fit:cover;transition:transform .3s ease;width:400px}.sydney-video:hover{transform:scale(1.07)}.creative-footer{color:#2a2a2a;font-size:13px;line-height:1.6;opacity:.6;padding:40px 60px;text-align:right;width:100%}@media (max-width:1024px){.creative-name,.name-first,.name-last{font-size:48px}.creative-title{font-size:16px;max-width:500px;padding:16px 24px}.creative-3d-visual{display:none}}@media (max-width:768px){.crt-wrapper{margin:2rem 0;padding:0 20px}.crt-frame{height:180px;width:280px}.audio-control{font-size:16px;height:40px;right:15px;top:15px;width:40px}.creative-nav{grid-template-columns:1fr;padding:20px}.creative-nav-center,.creative-nav-right{display:none}.creative-name,.name-first,.name-last{font-size:36px}.name-container{gap:15px}.creative-projects-section{padding:60px 20px}.creative-projects-title{font-size:36px}.creative-project-card{padding:24px}.project-title-creative{font-size:24px}.project-header-creative{align-items:flex-start;flex-direction:column}.project-link-creative{align-self:flex-start}.selected-projects-title{font-size:36px}.hire-me-button{left:20px}.creative-footer{right:20px}}.single-image-carousel{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:center;margin:24px 0;max-width:600px;overflow:hidden}.single-carousel-image{background:#141414;border-radius:12px;display:block;height:auto;max-height:350px;max-width:600px;object-fit:contain;transition:opacity .7s;width:100%}@media (max-width:768px){.single-image-carousel{border-radius:8px;margin:20px 0;max-width:100%}.single-carousel-image{border-radius:8px;max-height:220px;max-width:100vw}}.vertical-carousel-dots{align-items:center;display:flex;flex-direction:column;gap:10px;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:2}.vertical-dot{background:#ffffff40;border:1.5px solid #ffffff2e;border-radius:50%;height:8px;transition:background .18s,border .18s;width:8px}.vertical-dot.active{background:#ffffffeb;border-color:#ffffffe6;height:10px;width:10px}@media (max-width:768px){.vertical-carousel-dots{gap:7px;right:7px}.vertical-dot{height:7px;width:7px}.vertical-dot.active{height:9px;width:9px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}
/*# sourceMappingURL=main.d023a24f.css.map*/