@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,97%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsla(38,24%,69%,.2);transform:translateY(-100%);transition:transform .3s ease-out;box-shadow:0 2px 20px rgba(0,0,0,.1)}.navbar-visible{transform:translateY(0)}.navbar-content{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between;height:70px}.navbar-brand,.navbar-content{display:flex;align-items:center}.navbar-brand{gap:.75rem}.navbar-avatar{border-radius:50%;object-fit:cover;border:2px solid var(--accent);transition:all .3s ease}.navbar-name{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);transition:all .3s ease}.navbar-links{display:flex;align-items:center;gap:2rem}.navbar-link{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:.5rem 0;position:relative;transition:color .2s ease}.navbar-link:hover{color:var(--accent)}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.navbar-link:hover:after{width:100%}@media (max-width:768px){.navbar-content{padding:0 1rem;height:60px}.navbar-name{font-size:1.1rem}.navbar-avatar{width:32px;height:32px}.navbar-links{gap:1.5rem}.navbar-link{font-size:.9rem}}@media (max-width:480px){.navbar-links{gap:1rem}.navbar-link{font-size:.85rem}}@media (hover:none) and (pointer:coarse){.coffee-button,.contact-item,.hero-cta,.project-link,.video-link{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.contact-item:focus .contact-label,.contact-item:hover .contact-label{opacity:1;transform:translateY(-50%) translateX(-10px)}}:focus{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero{contain:layout style paint}.hero,.profile-image{will-change:transform}.profile-image{backface-visibility:hidden;transform:translateZ(0)}:root{--bg:#f8f8f8;--text:#0a0a0a;--accent:#c4b69e;--text-secondary:#3a3a3c;--text-dim:#666}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-weight:400;overflow-x:hidden}.heading-primary{font-size:4.5rem;letter-spacing:-.02em}.heading-primary,.heading-secondary{font-family:Playfair Display,serif;font-weight:500;line-height:1.2}.heading-secondary{font-size:2.5rem;margin-bottom:3rem}.heading-tertiary{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:500;line-height:1.3}.role-text{font-size:1.8rem;color:var(--text-secondary);font-weight:400}.body-text,.role-text{font-family:DM Sans,sans-serif}.body-text{font-size:1.1rem;line-height:1.7;max-width:60ch}.code-text{font-family:JetBrains Mono,monospace;font-size:.9rem;background:#f0f0f0;padding:2px 6px;border-radius:3px;border-left:2px solid transparent;transition:border-color .3s ease}.code-text:hover{border-left-color:var(--accent)}.portfolio-container{max-width:1400px;margin:0 auto;padding:0 12rem}.section{margin-bottom:8rem;opacity:0;transform:translateY(30px)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;margin-bottom:12rem;padding:2rem 0}.hero-content{display:grid;grid-template-columns:200px 1fr;gap:4rem;align-items:center;width:100%;max-width:1200px;margin:0 auto}.profile-image-container{display:flex;justify-content:center;align-items:center;position:relative}.profile-image{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease;opacity:1;transform:translateY(0) scale(1)}.profile-image:hover{transform:translateY(40px) scale(1.05)}.hero-text{max-width:50ch;opacity:1;transform:translateX(0)}.hero-name{margin-bottom:.5rem}.hero-name,.hero-role{opacity:1;transform:translateY(0)}.hero-role{margin-bottom:1.5rem}.hero-tagline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;border-right:2px solid var(--text);white-space:nowrap;overflow:hidden}.hero-description,.hero-tagline{opacity:1;transform:translateY(0)}.hero-description{margin-bottom:2rem}.hero-cta{color:var(--text);text-decoration:none;font-size:1.1rem;position:relative;display:inline-block;opacity:1;transform:translateY(0);transition:all .3s ease}.hero-cta:hover{color:var(--accent);transform:translateY(-2px)}.hero-cta:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--accent);transition:all .3s ease;transform:translateX(-50%)}.hero-cta:hover:after{width:100%}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.coffee-button{display:inline-block;transition:all .3s ease;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);opacity:.9}.coffee-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15);opacity:1}.coffee-button img{height:50px!important;width:auto!important;display:block;transition:transform .3s ease}.coffee-button:hover img{transform:scale(1.05)}.contact-sidebar{position:fixed;right:3rem;top:50%;transform:translateY(-50%);z-index:100}.contact-item{display:block;margin-bottom:2rem;position:relative;text-decoration:none;color:var(--text);opacity:0;transform:translateX(20px)}.contact-icon{width:1.2rem;height:1.2rem;stroke:var(--text);stroke-width:1.5;fill:none;transition:all .3s ease}.contact-label{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.95);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;opacity:0;pointer-events:none;transition:all .3s ease;white-space:nowrap;color:var(--text)}.contact-item:hover .contact-icon{stroke:var(--accent);transform:scale(1.03)}.contact-item:hover .contact-label{opacity:1;transform:translateY(-50%) translateX(-10px)}.about{margin-bottom:12rem}.about-title{margin-bottom:3rem}.about-content p{margin-bottom:2rem}.blog{margin-bottom:12rem}.blog-entry{margin-bottom:1.5rem;opacity:0;transform:translateY(20px)}.blog-date{font-size:.9rem;color:var(--text-secondary);margin-bottom:.3rem}.blog-title{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:500;color:var(--text);text-decoration:none;position:relative;display:inline-block}.blog-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.blog-title:hover:after{width:100%}.youtube{margin-bottom:12rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.video-item{opacity:0;transform:translateY(30px)}.video-link{text-decoration:none;color:inherit;display:block}.video-thumbnail-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.video-thumbnail{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:all .3s ease}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9;transition:all .3s ease;pointer-events:none}.play-button svg{width:68px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-item:hover .video-thumbnail-container{transform:scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.15)}.video-item:hover .video-thumbnail{filter:grayscale(0)}.video-item:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-iframe{width:100%;height:100%;border:none;border-radius:8px}.video-info{text-align:center;margin-top:1rem}.video-title{font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.video-date{font-size:.9rem;color:var(--text-secondary)}.projects{margin-bottom:12rem}.projects-section{margin-bottom:4rem}.projects-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:var(--text);border-bottom:2px solid var(--text-secondary);padding-bottom:.5rem}.projects-vertical{display:flex;flex-direction:column;gap:2rem}.project-item{opacity:0;transform:translateY(30px);padding:2rem;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .3s ease}.project-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--text-secondary)}.project-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.project-star{color:gold;font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.project-version{font-size:.9rem;font-weight:400;color:var(--text-secondary);background:#e0e0e0;border-radius:4px}.github-stars,.project-version{padding:.2rem .5rem;margin-left:.5rem}.github-stars{font-size:.8rem;color:var(--accent-color);font-weight:500;background:rgba(255,193,7,.1);border-radius:12px;border:1px solid rgba(255,193,7,.3)}.project-description{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{font-family:JetBrains Mono,monospace;font-size:.8rem;background:#f0f0f0;padding:.3rem .6rem;border-radius:4px;color:var(--text);border:1px solid #d0d0d0}.project-links{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.project-link{color:var(--text);text-decoration:none;font-weight:500;padding:.3rem .8rem;border:1px solid var(--text-secondary);border-radius:4px;transition:all .3s ease}.project-link:hover{background:var(--text);color:#fff;transform:translateY(-1px)}.project-downloads{font-weight:500;background:#e8f5e8;border-radius:4px;border:1px solid #c8e6c8}.project-downloads,.project-note{font-size:.9rem;color:var(--text-secondary);padding:.3rem .8rem}.project-note{font-style:italic;background:#fff3cd;border-radius:4px;border:1px solid #ffeaa7}.achievement{margin-bottom:12rem}.achievements-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.achievement-item{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;transition:all .3s ease}.achievement-item:last-child{border-bottom:none;padding-bottom:0}.achievement-item:hover{padding-left:1rem}.achievement-featured{background:linear-gradient(90deg,hsla(38,24%,69%,.05),transparent);border-radius:8px;padding:1.5rem;margin:0 -1rem;border-bottom:none}.achievement-content{flex:1}.achievement-title{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.3}.achievement-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0}.achievement-footer{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}@media (max-width:768px){.achievement-item{padding-bottom:1.25rem}.achievement-featured{padding:1.25rem;margin:0 -.5rem}}@media (max-width:480px){.achievement-featured{padding:1rem;margin:0 -.25rem}.achievement-title{font-size:1.1rem}.achievement-description{font-size:.9rem}}.quote{text-align:center;padding:6rem 0;margin-bottom:12rem}.quote-item{margin-bottom:4rem}.quote-item:last-child{margin-bottom:0}.quote-text{font-family:Playfair Display,serif;font-style:italic;font-size:2.2rem;line-height:1.4;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:2rem;opacity:0}.quote-author{font-size:1.1rem;color:var(--text-dim);opacity:0}.footer{text-align:center;padding:4rem 0 2rem;color:var(--text-secondary);font-size:.9rem}.footer-dot{color:var(--accent);margin:0 .5rem}@media (max-width:480px){.portfolio-container{padding:0 4vw}.heading-primary{font-size:2.2rem;line-height:1.1}.heading-secondary{font-size:1.8rem;margin-bottom:2rem}.role-text{font-size:1.2rem}.hero-content{grid-template-columns:1fr;text-align:center;gap:1.5rem;padding:0 .5rem}.profile-image{width:100px;height:100px}.hero-description{font-size:.95rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.coffee-button img{height:40px!important}.contact-sidebar{position:static;transform:none;display:flex;justify-content:center;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}.contact-item{margin-bottom:0}.video-grid{grid-template-columns:1fr;gap:1.5rem}.video-item{margin-bottom:1rem}.projects-vertical{gap:1.5rem}.project-item{padding:1rem}.project-links{flex-direction:column;gap:.5rem}.blog-entries{gap:1.5rem}.blog-entry{padding:1rem}}@media (max-width:768px){.portfolio-container{padding:0 5vw}.heading-primary{font-size:2.8rem}.heading-secondary{font-size:2rem}.role-text{font-size:1.4rem}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem;padding:0 1rem}.hero-actions{align-items:center;gap:1.5rem}.coffee-button img{height:45px!important}.profile-image{width:120px;height:120px}.profile-image-container{margin:0 auto}.hero-text{max-width:100%;transform:translateX(0)}.contact-sidebar{position:static;transform:none;display:flex;justify-content:center;gap:2rem;margin:3rem 0}.video-grid{grid-template-columns:1fr}.project-item{padding:1.5rem}.project-links{flex-direction:column;align-items:flex-start;gap:.5rem}.section{margin-bottom:5rem}.quote-text{font-size:1.6rem}}