:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Lora,serif;background-color:#fff;color:#333;margin:0;padding:0;line-height:1.4;overscroll-behavior-y:contain}.container{padding:2rem 2rem 2rem 0;transition:opacity .6s ease-in-out .3s}.container.loading{opacity:0}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1000;background:#fff;border:2px solid #333;border-radius:8px;padding:.5rem .75rem;cursor:pointer;font-size:1.5rem;color:#333;box-shadow:0 2px 8px #0000001a}.mobile-menu-toggle:hover{background:#f5f5f5}.sidebar{position:fixed;left:2rem;top:2rem;height:calc(100vh - 4rem);width:200px;padding-left:1rem;padding-right:2rem;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;transition:transform .3s ease}.main-content{margin-left:207px;padding-left:2rem}.content-wrapper{max-width:60%;margin:0 auto}.navigation,.social-links{margin-bottom:1.5rem}.dock-container{display:flex;flex-direction:column;gap:.3rem}.dock-link{display:block;color:#333;text-decoration:none;font-size:1.2rem;font-weight:400;transition:transform .2s ease,color .2s ease;transform-origin:center left;padding:.2rem 0;cursor:pointer}.dock-link:hover{color:#666}.dock-link.active{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.section-label{font-size:.8rem;text-transform:uppercase;color:#666;margin-bottom:1rem;letter-spacing:.1em}.sidebar a:not(.dock-link){display:block;color:#333;text-decoration:none;margin-bottom:.5rem;font-size:1.2rem;font-weight:400}.sidebar a:not(.dock-link):hover{color:#666}header h1{font-size:3rem;margin-bottom:2rem;color:#000}section{margin-bottom:2rem}section h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#000}section p{margin-bottom:1rem;font-size:1.1rem}ul{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem;font-size:1.1rem}a{color:#6b8e23;text-decoration:none}a:hover{text-decoration:underline}.books-list{margin-top:2rem}.book-item{display:flex;margin-bottom:2rem;align-items:flex-start}.book-link{display:block;margin-right:1rem}.book-image{width:150px;height:auto;transition:filter .3s ease}.book-summary{flex:1;font-size:1.1rem;line-height:1.5}.book-image-skeleton{width:150px;height:225px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.book-image.loading{opacity:0}.book-image.loaded{opacity:1;transition:opacity .3s ease-in}.book-image-error{width:150px;height:225px;background:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center}.book-image-error span{font-size:3rem;margin-bottom:.5rem}.book-image-error p{font-size:.85rem;margin:0}.projects-list{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:0rem 2rem}.project-item{margin-bottom:2rem}.project-card{display:grid;grid-row:inherit;gap:2rem}.project-item img{width:100%;height:auto;border:1px solid rgba(128,128,128,.253);border-radius:10px}.project-item h2{font-size:1.5rem;margin-left:.2rem;margin-bottom:.8rem}.project-item h2 a{color:#06c;text-decoration:none}.project-item h2 a:hover{color:#049}.project-item p{font-size:1.1rem;line-height:1.5}.project-image-skeleton{width:100%;height:auto;min-height:12rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px;border:1px solid rgba(128,128,128,.253)}.project-item img.loading{opacity:0}.project-item img.loaded{opacity:1;transition:opacity .3s ease-in}.project-image-error{width:100%;height:auto;min-height:12rem;background:#f5f5f5;border-radius:10px;border:1px solid rgba(128,128,128,.253);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center}.project-image-error span{font-size:4rem;margin-bottom:.5rem}.project-image-error p{font-size:1rem;margin:0}@media(max-width:768px){.mobile-menu-toggle{display:block}.sidebar{left:0;top:0;width:250px;height:100vh;padding:2rem 1.5rem;background:#fff;z-index:999;transform:translate(-100%);box-shadow:2px 0 10px #0000001a;justify-content:flex-start}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998}.sidebar-overlay.open{display:block}.container{padding:1rem}.main-content{margin-left:0;padding-left:0;padding-top:3.5rem;padding-right:.5rem}.content-wrapper{max-width:100%;padding:0 1.5rem}header h1{font-size:2rem}section h2{font-size:1.3rem}section p,li{font-size:1rem}.dock-link{font-size:1.3rem;padding:.5rem 0}.sidebar a:not(.dock-link){font-size:1.3rem}.projects-list{grid-template-columns:1fr;gap:1rem}.book-item{flex-direction:column;align-items:center;text-align:center}.book-link{margin-right:0;margin-bottom:1rem}.book-image{width:120px}.book-image-skeleton{width:120px;height:180px}.project-item img,.project-image-skeleton{height:auto;min-height:12rem}}@media(max-width:480px){.mobile-menu-toggle{top:.75rem;left:.75rem;padding:.4rem .6rem;font-size:1.3rem}.container{padding:.75rem}.content-wrapper{padding:0 .5rem}header h1{font-size:1.75rem;margin-bottom:1.5rem}section h2{font-size:1.2rem}section p,li,.book-summary,.project-item p{font-size:.95rem}.sidebar{width:220px;padding:1.5rem 1rem}.dock-link{font-size:1.2rem}.book-image{width:100px}.book-image-skeleton{width:100px;height:150px}.project-item h2{font-size:1.3rem}.project-item img,.project-image-skeleton{height:auto;min-height:10rem}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:180px;left:1.5rem}.main-content{margin-left:185px;padding-left:1.5rem}.content-wrapper{max-width:75%}.projects-list{grid-template-columns:repeat(2,1fr);gap:1.5rem}header h1{font-size:2.5rem}}@media(min-width:1280px){.container{padding:2rem 8rem 2rem 0}.content-wrapper{max-width:70%}.sidebar{width:220px}.sidebar a:not(.dock-link){font-size:1.4rem}.dock-link{font-size:1.4rem}.main-content{margin-left:227px}}@media(min-width:1920px){.container{padding:2rem 12rem 2rem 0}.content-wrapper{max-width:60%}.sidebar{width:240px;left:3rem}.main-content{margin-left:247px}header h1{font-size:3.5rem}section h2{font-size:1.75rem}.projects-list{grid-template-columns:repeat(3,1fr)}}.page-loader{position:fixed;inset:0;background:#0a0a0a;z-index:9999;display:flex;align-items:center;justify-content:center;transform:translateY(0);transition:transform .7s ease-in-out;will-change:transform}.page-loader.slide-up{transform:translateY(-100%)}.loader-content{width:280px;text-align:center}.percentage{font-size:6rem;color:#fff;margin-bottom:12px}.progress-bar{height:6px;background:#ffffff40;overflow:hidden}.progress-fill{height:100%;background:#fff;width:0%}