:root{--bg-color: #faf9f6;--text-color: #1f2937;--text-light: #4b5563;--text-dark: #000000;--border-color: #e5e7eb;--card-bg: #fefcf9;--link-color: #000000;--sun-display: block;--moon-display: none}[data-theme=dark]{--bg-color: #111827;--text-color: #f3f4f6;--text-light: #d1d5db;--text-dark: #ffffff;--border-color: #374151;--card-bg: #1f2937;--link-color: #ffffff;--sun-display: none;--moon-display: block}a{color:var(--link-color);text-decoration:underline;transition:color .3s ease}a:visited,a:hover{color:var(--link-color);transition:color .3s ease}html{overflow-y:scroll;transition:background-color .3s ease,color .3s ease;zoom:120%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.6;color:var(--text-color);background-color:var(--bg-color);font-size:16px;transition:background-color .3s ease,color .3s ease}main{max-width:800px;margin:0 auto;padding:40px 24px;display:block}.content-wrapper{display:flex;gap:80px;align-items:flex-start;width:100%}.left-side{flex:1}.left-side h1{font-size:48px;font-weight:700;color:var(--text-dark);line-height:1.1;letter-spacing:-.025em;margin-bottom:24px;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;transition:color .3s ease}.left-side h1 .line-break{display:block}.description{margin-top:32px}.description p{font-size:16px;color:var(--text-light);line-height:1a.75;margin-bottom:16px;margin-top:16px;transition:color .3s ease}.description p:last-child{margin-bottom:0}.right-side{flex:0 0 300px;text-align:center;margin-top:82px}.nav-links{display:flex;justify-content:center;gap:32px;list-style:none;margin-bottom:40px;align-items:center}.nav-links a{text-decoration:none;color:var(--text-light);font-size:16px;font-weight:400;transition:color .3s ease}.nav-links a:hover{color:var(--text-dark)}.nav-links a.active{color:var(--text-dark);text-decoration:underline}.theme-toggle{color:var(--text-light);cursor:pointer;transition:color .3s ease;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--text-dark)}.theme-toggle svg{width:20px;height:20px}.sun-icon{display:var(--sun-display)}.moon-icon{display:var(--moon-display)}.image-container{margin-bottom:32px}.image-container img{width:240px;height:360px;object-fit:cover}.social-links{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:32px}.social-links a{text-decoration:underline;color:var(--text-light);font-size:16px;transition:color .3s ease}.social-links a:hover{color:var(--text-dark)}.portfolio-content{max-width:800px;margin:32px auto 0;padding:0 24px}.portfolio-section{margin-bottom:72px}.portfolio-section:last-child{margin-bottom:40px}.portfolio-section h2{font-size:32px;font-weight:600;color:var(--text-dark);margin-bottom:36px;transition:color .3s ease}.entries{display:flex;flex-direction:column;gap:40px}.entry{display:flex;gap:64px;align-items:flex-start}.entry-meta{flex:0 0 200px}.entry-header h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px;transition:color .3s ease}.entry-company{font-size:16px;color:var(--text-dark);margin-bottom:4px;transition:color .3s ease}.entry-date{font-size:16px;color:var(--text-dark);margin-bottom:8px;transition:color .3s ease}.entry-link a{font-size:16px;color:var(--text-dark);text-decoration:underline}.entry-link a:hover{color:var(--text-dark)}.entry-content{flex:1}.entry-content p{font-size:16px;color:var(--text-light);line-height:1.6;margin:0;transition:color .3s ease}.blog-posts{display:flex;flex-direction:column;gap:40px}.blog-post-preview{display:block}.blog-post-preview h3{margin-bottom:4px}.blog-post-preview h3 a{font-size:20px;font-weight:600;color:var(--text-dark);text-decoration:underline;transition:color .3s ease}.blog-post-preview h3 a:hover{color:var(--text-light)}.blog-post-preview .post-date{font-size:16px;color:var(--text-light);display:block;transition:color .3s ease}.blog-post{margin-top:32px}.post-header{text-align:center;margin-bottom:48px}.post-header h2{font-size:36px;font-weight:700;color:var(--text-dark);margin-bottom:16px;transition:color .3s ease}.post-header .post-date{font-size:16px;color:var(--text-light);display:block;transition:color .3s ease}.blog-post .post-content{max-width:700px;margin:0 auto 48px;line-height:1.75}.blog-post .post-content h2{font-size:28px;font-weight:600;color:var(--text-dark);margin:48px 0 24px;transition:color .3s ease}.blog-post .post-content h3{font-size:24px;font-weight:600;color:var(--text-dark);margin:36px 0 18px;transition:color .3s ease}.blog-post .post-content p{font-size:16px;color:var(--text-light);margin-bottom:24px;transition:color .3s ease}.blog-post .post-content ul,.blog-post .post-content ol{font-size:16px;color:var(--text-light);margin-bottom:24px;padding-left:24px;transition:color .3s ease}.blog-post .post-content li{margin-bottom:8px}.blog-post .post-content img{max-width:70%;height:auto;margin:24px auto;display:block;box-shadow:0 4px 6px -1px #0000001a}.blog-post .post-content .img-tiny{max-width:25%}.blog-post .post-content .img-small{max-width:40%}.blog-post .post-content .img-medium{max-width:60%}.blog-post .post-content .img-large{max-width:85%}.blog-post .post-content .img-full{max-width:100%}.post-footer{text-align:center;margin-top:48px}.back-link{font-size:16px;color:var(--text-light);text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--text-dark)}@media (max-width: 768px){main{padding:24px 16px}.content-wrapper{flex-direction:column;gap:32px;align-items:center}.left-side{order:2;text-align:center}.left-side h1{font-size:36px;margin-bottom:32px;white-space:normal}.right-side{order:1;flex:none;margin-top:0;margin-bottom:24px}.nav-links{gap:24px;flex-wrap:wrap;margin-bottom:24px}.social-links{flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}.portfolio-content{margin-top:24px;padding:0 16px}.portfolio-section{margin-bottom:60px}.portfolio-section h2{font-size:28px;margin-bottom:28px}.entry{flex-direction:column;gap:16px}.entry-meta{flex:none}.post-header h2{font-size:28px}.blog-post .post-content{padding:0 16px}.blog-post .post-content img,.blog-post .post-content .img-small,.blog-post .post-content .img-medium,.blog-post .post-content .img-large{max-width:90%}.blog-post .post-content .img-tiny{max-width:50%}}