:root{--color-primary: #DDA853;--color-primary-dark: #b8912a;--color-secondary: #9370DB;--color-white: #FFFFFF;--color-black: #000000;--color-text-primary: #000000;--color-text-secondary: #333;--color-text-tertiary: #555;--color-text-light: #666;--color-text-lighter: #777;--color-text-muted: #6c757d;--color-text-very-light: #aaaaaa;--color-text-subtle: #cccccc;--color-bg-primary: #FFFFFF;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f6f8fa;--color-bg-quaternary: #f4f4f4;--color-bg-light: #f0f2f5;--color-bg-dark: #1a1a1a;--color-bg-darker: #2a2a2a;--color-bg-black: #000000;--color-border-primary: #e1e5e9;--color-border-light: #eee;--color-border-dark: #333;--color-link: #0056b3;--color-danger: #d73a49;--shadow-light: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .1);--shadow-strong: rgba(0, 0, 0, .12);--shadow-overlay: rgba(0, 0, 0, .3);--shadow-modal: rgba(0, 0, 0, .7);--shadow-backdrop: rgba(0, 0, 0, .9);--shadow-white: rgba(255, 255, 255, .1);--color-accent: var(--color-primary);--color-hover: var(--color-primary);--color-focus: var(--color-secondary);--color-lightbox-bg: #1a1a1a;--color-lightbox-bg-image: #000000;--color-lightbox-bg-item: #2a2a2a;--color-lightbox-border: #333;--color-lightbox-outer-border: #444;--color-lightbox-text-primary: #ffffff;--color-lightbox-text-secondary: #cccccc;--color-lightbox-text-tertiary: #aaaaaa}[data-theme=dark]{--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-tertiary: #aaaaaa;--color-text-light: #999;--color-text-lighter: #888;--color-text-muted: #a1aab4;--color-text-very-light: #777;--color-text-subtle: #555;--color-bg-primary: #1c1c1e;--color-bg-secondary: #2c2c2e;--color-bg-tertiary: #3a3a3c;--color-bg-quaternary: #4a4a4e;--color-bg-light: #58585c;--color-bg-dark: #f0f2f5;--color-bg-darker: #f6f8fa;--color-bg-black: #ffffff;--color-border-primary: #333;--color-border-light: #444;--color-border-dark: #e1e5e9;--color-link: #8ab4f8;--color-danger: #f88a95;--shadow-light: rgba(255, 255, 255, .08);--shadow-medium: rgba(255, 255, 255, .1);--shadow-strong: rgba(255, 255, 255, .12);--shadow-overlay: rgba(0, 0, 0, .5);--shadow-modal: rgba(0, 0, 0, .8);--shadow-backdrop: rgba(0, 0, 0, .95);--shadow-white: rgba(0, 0, 0, .1)}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Thin-B4YLxoFi.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-ExtraLight-qBRW6eE7.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Light-CHlwG-lm.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-Dh36KTnx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Medium-pYQm08-g.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-SemiBold-DZusuQcu.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Bold-DirYFTCx.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-ExtraBold-D0Pu5Sll.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Italic-B66cfCmv.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-MediumItalic-DV6PvVfc.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-SemiBoldItalic-ChFsXvDf.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-BoldItalic-De0BkA58.ttf) format("truetype");font-weight:700;font-style:italic}body{margin:0;font-family:JetBrains Mono,Courier New,Monaco,Menlo,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-weight:600}h1{font-size:2.8em}h1,h2,h3,h4,h5,h6{font-weight:600}strong{font-weight:800}::selection{background-color:var(--color-primary);color:var(--color-white)}::-moz-selection{background-color:var(--color-primary);color:var(--color-white)}a:not(.social-link){font-weight:700;text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:3px;text-underline-offset:6px;color:var(--color-text-primary);transition:all .3s ease;background-image:none;background-size:auto;background-repeat:repeat;background-position:0 0}a:not(.social-link):hover{background-color:var(--color-hover);color:var(--color-white)}#root{display:flex;flex-direction:column;min-height:100vh}@media (max-width: 768px){body{font-size:16px;line-height:1.6;-webkit-overflow-scrolling:touch}a:not(.social-link){min-height:44px;display:inline-block;padding:2px 0}h1{font-size:2.4em;line-height:1.2}}@media (max-width: 480px){body{font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%}a:not(.social-link){min-height:40px;padding:1px 0}h1{font-size:2em;line-height:1.1}}@media (max-width: 360px){body{font-size:13px;line-height:1.4}a:not(.social-link){min-height:36px;padding:1px 0}h1{font-size:1.8em;line-height:1.1}}*{margin:0;padding:0;box-sizing:border-box;line-height:1.8}body,html{height:100%;width:100%;scroll-behavior:smooth}#root{min-height:100vh;display:flex;flex-direction:column}.header{position:relative;width:100%;height:300px;overflow:hidden}.profile-photo{width:180px;height:180px;border-radius:50%;border:4px solid white;object-fit:cover;box-shadow:0 4px 12px var(--shadow-medium)}.site-container{max-width:1000px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1}.about-section{padding:100px 0;max-width:100%;margin:0 auto}.about-section>p{font-size:1.2em;margin-top:10px}.about-section>ul{list-style:disc;padding-left:40px;font-size:1.2em}.about-section ul li{margin-bottom:0}.card-title{font-size:1.3em;font-weight:700;margin-bottom:10px;line-height:1.3}.card-title a{color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:3px;text-underline-offset:6px;transition:all .3s ease}.card-title a:hover{background-color:var(--color-primary);color:var(--color-white)}.card-title span:not(.title-hashtag){text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:3px;text-underline-offset:6px;transition:all .3s ease}.card-title span:not(.title-hashtag):hover{background-color:var(--color-primary);color:var(--color-white)}.title-hashtag{color:var(--color-primary);font-size:.9em;margin-right:.1em}.projects-section{padding:100px 0;max-width:100%;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:30px}.card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;padding:20px 20px 5px;box-shadow:0 2px 6px var(--shadow-light);transition:all .3s ease;display:flex;flex-direction:column}.card .title-hashtag{line-height:2}.prioritized-card:hover{border-color:var(--color-secondary)!important}.prioritized-card .title-hashtag{color:var(--color-secondary)}.prioritized-card *::selection{background-color:var(--color-secondary);color:var(--color-white)}.prioritized-card *::-moz-selection{background-color:var(--color-secondary);color:var(--color-white)}.prioritized-card .card-title a{text-decoration-color:var(--color-secondary)}.prioritized-card .card-title a:hover{background-color:var(--color-secondary)}.prioritized-card .card-title span:not(.title-hashtag){text-decoration-color:var(--color-secondary)}.card:hover{box-shadow:0 4px 12px var(--shadow-light);border-color:var(--color-primary)}.card-info{flex:1;display:flex;flex-direction:column;position:relative;padding-bottom:1.2em}.date{color:var(--color-text-light);font-size:.8em;font-weight:300}.technologies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tech-tag{background:var(--color-bg-light);color:var(--color-text-tertiary);padding:4px 8px;border-radius:16px;font-size:.8em;font-weight:400;border:1px solid var(--color-border-primary)}.card-description{color:var(--color-text-tertiary);line-height:1.6;flex:1}.card-description p{margin-bottom:8px;font-size:1em}.card-description p:last-child{margin-bottom:0}.project-date-container{position:absolute;bottom:0;right:0}.project-detail-section{padding:100px 0;max-width:100%;margin:0 auto}.project-detail-title-container{display:flex;align-items:baseline;justify-content:space-between}.project-detail-title-container h1{margin-right:15px}.project-detail-section h1{margin-bottom:5px}.project-meta{margin-bottom:10px;font-size:1.1em;color:var(--color-text-lighter);line-height:1.4}.meta-date{font-weight:600;color:var(--color-text-tertiary)}.project-description p,.project-long-description p{line-height:1.6;margin-bottom:10px}.project-long-description{padding-top:20px;border-top:2px solid var(--color-border-light)}.markdown-content{line-height:1.7;color:var(--color-text-secondary)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-bottom:1em;color:var(--color-text-secondary)}.markdown-content h1{font-size:2em}.markdown-content h2{font-size:1.6em}.markdown-content h3{font-size:1.3em}.markdown-content h4{font-size:1.1em}.markdown-content h2:before{content:"##";color:var(--color-primary);font-size:.9em;margin-right:.1em}.markdown-content h3:before{content:"###";color:var(--color-primary);font-size:.9em;margin-right:.1em}.markdown-content p{margin-bottom:1.2em;line-height:1.7}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 4px 12px var(--shadow-medium)}.markdown-content blockquote{border-left:4px solid var(--color-primary);margin:20px 0;padding:10px 20px;background-color:var(--color-bg-secondary);border-radius:0 4px 4px 0;font-style:italic;color:var(--color-text-tertiary)}.markdown-content code{background-color:var(--color-bg-quaternary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;color:var(--color-danger)}.markdown-content pre{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:8px;padding:16px;overflow-x:auto;margin:20px 0}.markdown-content pre code{background:none;padding:0;color:var(--color-text-secondary);font-size:.9em}.markdown-content ul,.markdown-content ol{margin:16px 0;padding-left:30px}.markdown-content li{margin-bottom:8px;line-height:1.6}.markdown-content a{color:var(--color-primary);text-decoration:underline;transition:color .2s ease}.markdown-content a:hover{color:var(--color-primary-dark)}.markdown-content table{border-collapse:collapse;width:100%;margin:20px 0;border:1px solid var(--color-border-primary);border-radius:8px;overflow:hidden}.markdown-content th,.markdown-content td{border:1px solid var(--color-border-primary);padding:12px;text-align:left}.markdown-content th{background-color:var(--color-bg-tertiary);font-weight:600}.markdown-content hr{border:none;border-top:2px solid var(--color-border-primary);margin:40px 0}.project-visit-link-container{margin-top:30px;text-align:center}.button-style{display:inline-flex;align-items:center;color:var(--color-primary);text-decoration:underline;font-size:1em;padding-bottom:2px;transition:all .2s ease}.button-style:hover{color:var(--color-primary-dark)}.button-style svg{margin-right:5px;font-size:.9em;vertical-align:middle}.project-title-link{color:inherit;text-decoration:none}.project-title-link:hover{text-decoration:underline;color:var(--color-link)}.project-external-link-icon{position:absolute;top:0;right:0;color:var(--color-text-primary);font-size:1.2em;display:inline-flex;align-items:center;justify-content:center;z-index:10;padding:3px;transition:all .3s ease}.card .project-external-link-icon:hover{background-color:var(--color-primary);color:var(--color-white)}.prioritized-card .project-external-link-icon:hover{background-color:var(--color-secondary);color:var(--color-white)}.project-detail-external-link-icon{color:var(--color-text-primary);font-size:2.3em;display:inline-flex;align-items:center;justify-content:center;padding:3px;transition:all .3s ease;flex-shrink:0}.project-detail-external-link-icon:hover{background-color:var(--color-primary);color:var(--color-white)}@media (max-width: 1024px) and (min-width: 769px){.cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}}@media (max-width: 900px) and (min-width: 769px){.cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}}@media (max-width: 768px){body{overflow-x:hidden}img{max-width:100%;height:auto}.header{height:200px}.profile-photo{width:150px;height:150px}.site-container{padding:20px;max-width:100%}.about-section{padding:60px 0}.about-section h1{font-size:2.2em}.about-section p{font-size:1.1em}.about-section h2{font-size:1.3em}.about-section ul{padding-left:25px;font-size:1.1em}.about-section ul li a:not(.social-link){display:inline;min-height:auto;padding:0}.projects-section,.project-detail-section{padding:60px 0}.cards{grid-template-columns:1fr;gap:20px}.card{padding:20px;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px var(--shadow-light)}.card-title{font-size:1.2em;line-height:1.4;margin-bottom:5px}.technologies{gap:8px;margin-bottom:16px}.tech-tag{padding:6px 10px;font-size:.85em}.project-detail-external-link-icon{font-size:1.8em}}@media (max-width: 480px){.site-container{padding:15px}.about-section{padding:40px 0}.about-section h1{font-size:1.8em}.about-section p{font-size:1em;line-height:1.7}.about-section h2{font-size:1.2em;margin-top:25px;margin-bottom:12px}.about-section ul{padding-left:20px;font-size:1em}.about-section ul li{margin-bottom:5px;line-height:1.6}.about-section ul li a:not(.social-link){display:inline;min-height:auto;padding:0}.projects-section,.project-detail-section{padding:40px 0}.cards{gap:16px}.card{padding:16px;box-shadow:0 2px 8px var(--shadow-light)}.card:hover{box-shadow:0 4px 16px var(--shadow-strong)}.card-title{font-size:1.1em;margin-bottom:3px}.card-description{font-size:.95em;line-height:1.6}.card-description p{margin-bottom:10px}.technologies{gap:6px;margin-bottom:14px}.tech-tag{font-size:.75em;padding:4px 8px;min-height:28px;display:inline-flex;align-items:center}.project-date-container{margin-top:8px}.date{font-size:.75em}.project-detail-external-link-icon{font-size:1.5em}}@media (max-width: 360px){.site-container{padding:12px}.about-section{padding:30px 0}.about-section h1{font-size:1.6em}.about-section p{font-size:.95em}.about-section h2{font-size:1.1em}.about-section ul li a:not(.social-link){display:inline;min-height:auto;padding:0}.projects-section,.project-detail-section{padding:30px 0}.card{padding:14px}.card-title{font-size:1.05em}.card-description{font-size:.9em}.tech-tag{font-size:.7em;padding:3px 6px;min-height:26px}.project-detail-external-link-icon{font-size:1.5em}}.captures-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.capture-item{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 2px 6px var(--shadow-light);transition:all .3s ease;cursor:pointer;overflow:hidden}.capture-item:hover{box-shadow:0 4px 12px var(--shadow-light);border-color:var(--color-primary)}.capture-image-container{width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:12px 12px 0 0}.capture-thumbnail{width:100%;height:100%;object-fit:cover}.capture-card-info{padding:20px 20px 1.2em;display:flex;flex-direction:column;position:relative}.capture-card-location{color:var(--color-text-tertiary);line-height:1.4;flex:1;font-size:.9em;margin-bottom:4px}.capture-date-container{position:absolute;bottom:0;right:20px}.capture-card-date{color:var(--color-text-light);font-size:.8em;font-weight:300}@media (max-width: 768px){.captures-grid{grid-template-columns:repeat(2,1fr);gap:15px}.capture-image-container{aspect-ratio:3/2}.capture-card-info{padding:15px 15px 1em}.card-title{font-size:1.2em;margin-bottom:10px}.capture-date-container{right:15px}}@media (max-width: 480px){.captures-grid{grid-template-columns:1fr;gap:15px}.capture-image-container{aspect-ratio:3/2}.capture-card-info{padding:14px 14px 1em}.card-title{font-size:1.1em;margin-bottom:10px}.capture-card-date{font-size:.75em}.capture-date-container{right:14px}}.custom-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--shadow-backdrop);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-content{background:var(--color-lightbox-bg-image);border:1px solid var(--color-lightbox-outer-border);border-radius:12px;max-width:1200px;max-height:90vh;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px var(--shadow-overlay)}.lightbox-close{position:absolute;top:15px;right:15px;background:var(--shadow-modal);color:var(--color-white);border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.lightbox-close:hover{background:var(--shadow-backdrop)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--shadow-modal);color:var(--color-white);border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.lightbox-nav:hover{background:var(--shadow-backdrop);transform:translateY(-50%) scale(1.1)}.lightbox-nav-prev{left:max(20px,calc(50% - 700px))}.lightbox-nav-next{right:max(20px,calc(50% - 700px))}.lightbox-layout{display:flex;height:80vh;min-height:500px}.lightbox-image-container{flex:2;display:flex;align-items:center;justify-content:center;background:var(--color-lightbox-bg-image);padding:20px;position:relative}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 25px var(--shadow-white)}.lightbox-metadata{flex:1;padding:30px;overflow-y:auto;background:var(--color-lightbox-bg);border-left:1px solid var(--color-lightbox-border)}.lightbox-title{font-size:1.3em;font-weight:700;margin-top:20px;margin-bottom:10px;line-height:1.3;color:var(--color-lightbox-text-primary)}.lightbox-title span:not(.title-hashtag){text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:3px;text-underline-offset:6px}.lightbox-location{font-size:1.1em;color:var(--color-lightbox-text-secondary);margin-bottom:5px}.lightbox-date{font-size:1em;color:var(--color-lightbox-text-tertiary);margin-bottom:20px}.metadata-section{margin-bottom:25px;padding-bottom:20px}.metadata-section:last-child{border-bottom:none;margin-bottom:0}.metadata-heading{font-size:1.2em;font-weight:600;margin-bottom:15px;color:var(--color-lightbox-text-primary);border-bottom:2px solid var(--color-primary);padding-bottom:5px}.metadata-item{display:flex;flex-direction:column;margin-bottom:12px;padding:10px;background:var(--color-lightbox-bg-item);border-radius:6px}.metadata-label{font-weight:600;color:var(--color-lightbox-text-secondary);font-size:.9em;margin-bottom:2px}.metadata-value{font-size:1.1em;color:var(--color-lightbox-text-primary);font-weight:500;margin-bottom:3px}.metadata-explanation{font-size:.85em;color:var(--color-lightbox-text-tertiary);font-style:italic}.metadata-loading-text{text-align:center;color:var(--color-lightbox-text-tertiary);font-style:italic;padding:20px;font-size:1.2em}.photo-details-toggle{cursor:pointer;font-size:1em;font-weight:500;margin:20px 0 15px;color:var(--color-lightbox-text-secondary);transition:all .3s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;border-top:1px solid var(--color-lightbox-border);border-bottom:1px solid var(--color-lightbox-border)}.photo-details-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.photo-details-toggle:hover .toggle-arrow{color:var(--color-primary)}.toggle-text{transition:all .3s ease}.toggle-arrow{font-size:.8em;opacity:.7;transition:all .3s ease;transform:rotate(0)}.photo-details-content{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:top center}.photo-details-content.entering{animation:expandIn .4s cubic-bezier(.4,0,.2,1) forwards}.photo-details-content.exiting{animation:collapseOut .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes expandIn{0%{max-height:0;opacity:0;transform:translateY(-10px) scaleY(.95)}to{max-height:2000px;opacity:1;transform:translateY(0) scaleY(1)}}@keyframes collapseOut{0%{max-height:2000px;opacity:1;transform:translateY(0) scaleY(1)}to{max-height:0;opacity:0;transform:translateY(-10px) scaleY(.95)}}.loading-placeholder{position:absolute;width:120px;height:120px;filter:invert(.5);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 1024px){.lightbox-layout{flex-direction:column;height:auto;max-height:90vh}.lightbox-image-container{flex:none;height:50vh;min-height:300px}.lightbox-metadata{flex:none;height:40vh;border-left:none;border-top:1px solid var(--color-lightbox-border)}.lightbox-nav{top:calc(48vh + -0px);bottom:auto;transform:translateY(0)}.lightbox-nav:hover{transform:scale(1.1)}.lightbox-nav-prev{left:30px}.lightbox-nav-next{right:30px}}@media (max-width: 768px){.custom-lightbox{padding:10px}.lightbox-content{max-height:95vh}.lightbox-layout{height:auto}.lightbox-image-container{height:40vh;min-height:250px;padding:15px}.lightbox-metadata{height:55vh;padding:20px}.lightbox-title{font-size:1.2em;margin-top:0}.metadata-heading{font-size:1.1em}.lightbox-nav{width:35px;height:35px;font-size:16px;top:calc(40vh + -0px);bottom:auto;transform:translateY(0)}.lightbox-nav-prev{left:25px}.lightbox-nav-next{right:25px}}@media (max-width: 480px){.lightbox-metadata{padding:15px}.lightbox-title{font-size:1.1em;margin-top:0}.metadata-item{padding:8px}.lightbox-nav{width:30px;height:30px;font-size:14px;top:calc(40vh + -0px);bottom:auto;transform:translateY(0)}.lightbox-nav-prev{left:20px}.lightbox-nav-next{right:20px}}.milestones-timeline{position:relative;max-width:700px;margin:3rem auto;padding:0 1rem}.milestones-timeline ul:before{content:"";position:absolute;top:0;bottom:0;left:1.5rem;width:3px;background-color:var(--color-border-light);transform:translate(-50%)}.milestones-timeline ul{position:relative;list-style:none;padding:0;display:flex;flex-direction:column;gap:5rem}.milestone-item{position:relative}.milestone-item:last-child:after{content:"";position:absolute;top:1.5rem;bottom:-10rem;left:1.5rem;width:3px;background-color:var(--color-bg-primary);transform:translate(-50%)}.milestone-item:last-child{margin-bottom:0}.milestone-content-wrapper{position:relative;padding-left:4.5rem;top:-.7rem}.milestone-icon{position:absolute;left:1.5rem;top:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--color-bg-primary);border-radius:50%;border:3px solid var(--color-border-light);font-size:1.5rem;z-index:2}.milestone-content{position:relative;padding-top:1rem;padding-bottom:.8rem}.about-section .milestone-date{display:block;font-size:.9rem;font-weight:500;color:var(--color-text-muted);line-height:1;margin-bottom:.75rem}.milestone-image{margin-top:1rem;margin-bottom:1rem}.milestone-img{display:block;width:100%;max-width:450px;height:auto;margin:0 auto;border-radius:8px;box-shadow:0 6px 16px var(--shadow-medium)}.year-separator{list-style-type:none;position:relative;height:1.5em;margin:60px 0}.year-separator span{position:absolute;left:20px;top:50%;transform:translate(-50%,-50%);background-color:var(--color-bg-primary);padding:0 10px;z-index:1;font-size:1.2em;font-weight:700;color:var(--color-text-secondary)}.app-header{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;background-color:var(--color-bg-primary);flex-wrap:wrap}.header-left{display:flex;align-items:center;flex-wrap:wrap}.header-left .name-link{font-size:1.7em;font-weight:700;white-space:nowrap;display:inline;line-height:1.5}.header-right{display:flex;align-items:baseline;flex-wrap:nowrap;margin-top:0}.social-icons{margin-left:15px;display:flex;align-items:center;transform:translateY(-11px);justify-content:space-between;margin-top:25px;gap:7px}.social-icons .social-link{color:var(--color-text-primary)!important;text-decoration:none!important;transition:all .3s ease;display:flex;align-items:center;position:relative;padding-top:5px;padding-bottom:5px}.social-icons .social-link svg{font-size:1.5em;padding-left:2px;padding-right:2px}.nav-links{display:flex;align-items:baseline;gap:20px}.nav-links .nav-link{margin-left:5px;transition:all .3s ease;position:relative;font-size:1.2em;display:inline;font-weight:700;line-height:1.8}.name-link.active,.nav-links .nav-link.active{text-decoration-color:var(--color-secondary)}.name-link.active::selection,.nav-links .nav-link.active::selection{background-color:var(--color-secondary);color:var(--color-white)}.name-link.active:hover,.nav-links .nav-link.active:hover{background-color:var(--color-secondary);color:var(--color-white)}.social-icons .social-link:hover{color:var(--color-white)!important;background-color:var(--color-hover)}@media (max-width: 768px){.app-header{flex-direction:column;align-items:center;gap:8px;padding:5px 0}.header-left{width:100%;justify-content:center;align-items:center;flex-direction:column;gap:0px;min-height:50px}.header-left .name-link{font-size:1.9em;line-height:1.3}.social-icons{margin-left:0;margin-top:0;transform:none;gap:2px;flex-shrink:0;justify-content:center}.social-icons .social-link{padding:0;min-width:32px;min-height:12px;display:flex;align-items:center;justify-content:center;border-radius:6px}.social-icons .social-link svg{font-size:2em}.header-right{width:100%;justify-content:center}.nav-links{gap:clamp(8px,2.5vw,15px);flex-wrap:wrap;justify-content:center}.nav-links .nav-link{font-size:clamp(1.2em,3.5vw,1.6em);margin-left:0;padding:10px 6px;min-height:48px;display:flex;align-items:center}}@media (max-width: 480px){.app-header{gap:6px;padding:5px 0}.header-left{gap:0px}.header-left .name-link{font-size:1.7em;line-height:1.3}.social-icons{gap:0px}.social-icons .social-link{padding:0;min-width:30px;min-height:10px}.social-icons .social-link svg{font-size:1.8em}.nav-links{gap:clamp(8px,2.8vw,16px)}.nav-links .nav-link{font-size:clamp(1.1em,3.2vw,1.5em);padding:8px 4px;min-height:44px}}@media (max-width: 430px){.app-header{gap:6px;padding:5px 0}.header-left{gap:0px}.header-left .name-link{font-size:1.7em}.social-icons{gap:0px}.social-icons .social-link{padding:0;min-width:30px;min-height:10px}.social-icons .social-link svg{font-size:1.8em}.nav-links{gap:clamp(7px,2.5vw,14px)}.nav-links .nav-link{font-size:clamp(1em,2.8vw,1.4em);padding:8px 4px;min-height:44px;padding:clamp(6px,1.8vw,10px) clamp(2px,.8vw,6px)}}@media (max-width: 360px){.app-header{gap:4px}.header-left{gap:0px}.header-left .name-link{font-size:1.5em}.social-icons{gap:0px}.social-icons .social-link{padding:0;min-width:28px;min-height:8px}.social-icons .social-link svg{font-size:1.6em}.nav-links{gap:clamp(5px,2vw,10px)}.nav-links .nav-link{font-size:clamp(.95em,2.6vw,1.25em);padding:6px 2px;min-height:40px}}.footer{padding:20px 0;margin-top:auto;width:100%}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.copyright{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.theme-toggle-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);position:fixed;top:20px;left:20px;z-index:1000;width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-secondary);box-shadow:0 2px 4px var(--shadow-light)}.theme-toggle-button svg{width:20px;height:20px}