*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;line-height:1.65;color:#1a1a18;background-color:#fafaf8}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.35;margin-bottom:1rem;color:#1a1a18}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#5a7f8c}h1{font-size:2.5rem}@media(max-width: 768px){h1{font-size:2rem}}h2{font-size:1.8rem}@media(max-width: 768px){h2{font-size:1.5rem}}h3{font-size:1.3rem;margin-top:1.5rem;margin-bottom:.5rem}p{margin-bottom:1rem;color:#1a1a18}p:last-child{margin-bottom:0}a{color:#5a7f8c;text-decoration:none;transition:color .15s ease}a:hover{color:#8fa3b0;text-decoration:underline}.site-nav{background-color:#fff;border-bottom:1px solid #f0f0ee;position:sticky;top:0;z-index:100;padding:1rem 0}.site-nav .nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:0 auto;padding:0 2rem}@media(max-width: 768px){.site-nav .nav-container{padding:0 1.5rem}}.site-nav .nav-brand{font-size:1.5rem;font-weight:700;color:#1a1a18;margin-right:3rem;transition:opacity .15s ease}.site-nav .nav-brand:hover{opacity:.7}.site-nav .nav-links{display:flex;gap:2rem}@media(max-width: 640px){.site-nav .nav-links{gap:1.5rem}}.site-nav .nav-link{font-size:.95rem;font-weight:500;color:#6b6b68;transition:color .15s ease;position:relative}.site-nav .nav-link:hover{color:#5a7f8c}.site-nav .nav-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#5a7f8c;transition:width .2s ease}.site-nav .nav-link:hover::after{width:100%}.site-main{max-width:1000px;margin:0 auto;padding:4rem 2rem}@media(max-width: 768px){.site-main{padding:3rem 1.5rem}}@media(max-width: 640px){.site-main{padding:2rem 1.5rem}}.page-header{margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid #f0f0ee}.page-header h1{margin-bottom:1rem}.page-header p{color:#6b6b68;font-size:1.05rem}.page-home .hero{margin-bottom:4rem;padding:4rem 0}.page-home .intro-container{text-align:center}.page-home .intro-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg, #1a1a18 0%, #5a7f8c 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width: 768px){.page-home .intro-title{font-size:2.5rem}}.page-home .intro-subtitle{font-size:1.3rem;color:#6b6b68;max-width:600px;margin:0 auto 3rem;line-height:1.5}@media(max-width: 768px){.page-home .intro-subtitle{font-size:1.1rem}}.page-home .intro-nav{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}@media(max-width: 640px){.page-home .intro-nav{gap:1.5rem}}.page-home .nav-link{padding:1rem 1.5rem;border:1px solid #e8e8e6;border-radius:4px;font-weight:500;transition:all .2s ease;color:#5a7f8c}.page-home .nav-link:hover{border-color:#5a7f8c;background-color:rgba(90,127,140,.05)}.page-home .nav-link.external::after{content:" ↗";margin-left:4px}.page-home .content-section{margin-bottom:4rem}.page-home .section-text h2{margin-top:0}.page-home .section-text p{margin-bottom:1.5rem}.page-home .project-preview{padding:2rem;background-color:#fff;border:1px solid #f0f0ee;border-radius:6px;margin-bottom:2rem;transition:all .2s ease}.page-home .project-preview:hover{border-color:#8fa3b0;box-shadow:0 4px 12px rgba(0,0,0,.05)}.page-home .project-preview h3{margin-top:0}.page-home .project-preview .project-date{font-size:.9rem;color:#9a9a96;margin-bottom:1rem}.page-home .project-preview .project-description{color:#6b6b68;line-height:1.6}.page-home .view-all{text-align:right;margin-top:2rem}.page-home .view-all a{font-weight:500}.page-projects .projects-grid{display:grid;gap:2rem}.page-projects .project-card{background-color:#fff;border:1px solid #f0f0ee;border-radius:8px;overflow:hidden;transition:all .2s ease}.page-projects .project-card:hover{border-color:#8fa3b0;box-shadow:0 8px 24px rgba(0,0,0,.08)}.page-projects .project-card-header{padding:2rem;border-bottom:1px solid #f0f0ee;background-color:rgba(90,127,140,.02)}.page-projects .project-card-header h2{margin-bottom:.5rem}.page-projects .project-card-header .project-date{font-size:.9rem;color:#9a9a96;margin:0}.page-projects .project-card-body{padding:2rem}.page-projects .project-card-body h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.5rem;color:#5a7f8c}.page-projects .project-card-body h3:first-child{margin-top:0}.page-projects .project-card-body p{color:#6b6b68;line-height:1.7}.page-projects .project-card-footer{padding:2rem;border-top:1px solid #f0f0ee;background-color:rgba(90,127,140,.02)}.page-projects .project-link{font-weight:600;color:#5a7f8c;transition:all .2s ease}.page-projects .project-link:hover{margin-right:4px}.page-notes .notes-list,.page-notes .log-list,.page-log .notes-list,.page-log .log-list{display:grid;gap:2rem}.page-notes .note-item,.page-notes .log-item,.page-log .note-item,.page-log .log-item{padding:2rem;background-color:#fff;border:1px solid #f0f0ee;border-left:4px solid #5a7f8c;border-radius:4px;transition:all .2s ease}.page-notes .note-item:hover,.page-notes .log-item:hover,.page-log .note-item:hover,.page-log .log-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}.page-notes .note-title,.page-notes .log-title,.page-log .note-title,.page-log .log-title{font-size:1.4rem;margin-bottom:1rem;margin-top:0}.page-notes .note-date,.page-notes .log-date,.page-log .note-date,.page-log .log-date{font-size:.85rem;color:#9a9a96;margin-bottom:1.5rem;display:block}.page-notes .note-content,.page-notes .log-content,.page-log .note-content,.page-log .log-content{color:#6b6b68;line-height:1.75}.page-notes .note-content p,.page-notes .log-content p,.page-log .note-content p,.page-log .log-content p{margin-bottom:1rem}.page-notes .note-content h4,.page-notes .note-content h5,.page-notes .note-content h6,.page-notes .log-content h4,.page-notes .log-content h5,.page-notes .log-content h6,.page-log .note-content h4,.page-log .note-content h5,.page-log .note-content h6,.page-log .log-content h4,.page-log .log-content h5,.page-log .log-content h6{margin-top:1.5rem;color:#5a7f8c}.page-notes .note-content ul,.page-notes .note-content ol,.page-notes .log-content ul,.page-notes .log-content ol,.page-log .note-content ul,.page-log .note-content ol,.page-log .log-content ul,.page-log .log-content ol{margin-left:1.5rem;margin-bottom:1rem}.page-notes .note-content ul li,.page-notes .note-content ol li,.page-notes .log-content ul li,.page-notes .log-content ol li,.page-log .note-content ul li,.page-log .note-content ol li,.page-log .log-content ul li,.page-log .log-content ol li{margin-bottom:.5rem}.page-notes .note-content code,.page-notes .log-content code,.page-log .note-content code,.page-log .log-content code{background-color:rgba(0,0,0,.03);padding:2px 6px;border-radius:3px;font-family:"Monaco","Courier New",monospace;font-size:.9em;color:#5a7f8c}.page-notes .note-content pre,.page-notes .log-content pre,.page-log .note-content pre,.page-log .log-content pre{background-color:#fafaf8;padding:1.5rem;border-radius:4px;overflow-x:auto;margin-bottom:1.5rem}.page-notes .note-content pre code,.page-notes .log-content pre code,.page-log .note-content pre code,.page-log .log-content pre code{background-color:rgba(0,0,0,0);padding:0;color:#6b6b68}.empty-state{text-align:center;padding:4rem 2rem;color:#9a9a96;font-style:italic}.site-footer{background-color:#fff;border-top:1px solid #f0f0ee;padding:3rem 2rem;margin-top:4rem}.site-footer .footer-content{max-width:1000px;margin:0 auto;text-align:center;color:#9a9a96;font-size:.9rem}.site-footer .footer-content p{margin-bottom:1rem}.site-footer .footer-content a{color:#5a7f8c;text-decoration:none}.site-footer .footer-content a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}