*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;line-height:1.4;color:#000;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.2}h1{font-size:24px;margin-bottom:2rem}h2{font-size:20px}h3{font-size:18px}p{margin-bottom:1rem;line-height:1.5}a{color:#666;text-decoration:underline}a:hover{opacity:0.7}img{max-width:100%;height:auto;display:block}.site-header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;padding:2rem 0}.header-container{max-width:1800px;margin:0 auto;padding:0 4vw;display:flex;align-items:center;justify-content:flex-start;gap:2rem}.site-title{font-size:32px;font-weight:800;color:#000;text-decoration:none}.site-title:hover{opacity:0.7}.nav-wrapper{display:flex;align-items:center;gap:1rem}.site-nav{display:flex;gap:1rem}.site-nav .nav-link{font-size:16px;font-weight:normal;color:#000;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:6px}.site-nav .nav-link:hover{opacity:0.7}.site-nav .nav-link.active{border-bottom:1px solid #000}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px;padding:8px}.mobile-menu-toggle .hamburger-line{width:20px;height:2px;background-color:#000;transition:all 0.3s ease}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(3px, 3px)}.mobile-menu-toggle.active .hamburger-line:last-child{transform:rotate(-45deg) translate(3px, -3px)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(255,255,255,0.98);z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-overlay .mobile-menu-close{position:absolute;top:2rem;right:2rem;background:none;border:none;font-size:32px;color:#000;cursor:pointer;z-index:10000;padding:0.5rem;line-height:1}.mobile-menu-overlay .mobile-menu-close:hover{opacity:0.7}.mobile-menu-overlay .mobile-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:3rem;padding:0 2rem}.mobile-menu-overlay .mobile-nav .mobile-nav-link{font-size:32px;font-weight:normal;color:#000;text-decoration:none;text-align:center}.mobile-menu-overlay .mobile-nav .mobile-nav-link:hover{opacity:0.7}.mobile-menu-overlay .mobile-nav .mobile-nav-link.active{border-bottom:2px solid #000;padding-bottom:6px}.main-content{padding-top:80px;min-height:calc(100vh - 80px);max-width:1800px;margin:0 auto;padding:4rem 4vw}.main-content[data-page="home"]{padding-top:120px}.main-content[data-page="blog"]{padding-top:120px}.main-content[data-page="photography"]{padding-top:120px}.main-content[data-page="teaching"]{padding-top:120px}.content-container{max-width:1800px;margin:0 auto;padding:4rem 4vw}.about-content,.main-content[data-page="home"],.main-content[data-page="teaching"]{max-width:720px;margin:0 auto;text-align:left}.about-content h1,.main-content[data-page="home"] h1,.main-content[data-page="teaching"] h1{margin-bottom:2rem}.about-content p,.main-content[data-page="home"] p,.main-content[data-page="teaching"] p{font-size:16px;line-height:1.7;margin-bottom:2rem}.about-content ul,.main-content[data-page="home"] ul,.main-content[data-page="teaching"] ul{font-size:16px;line-height:1.7;margin-bottom:2rem;padding-left:2rem}.about-content ul li,.main-content[data-page="home"] ul li,.main-content[data-page="teaching"] ul li{margin-bottom:.5rem}.main-content[data-page="contact"]{text-align:center;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px)}.main-content[data-page="contact"] p{font-size:16px;margin:0}.main-content[data-page="contact"] a{color:#000;text-decoration:none}.main-content[data-page="contact"] a:hover{opacity:0.7}.main-content[data-page="photography"] .gallery-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media (max-width: 767px){.main-content[data-page="photography"] .gallery-grid{grid-template-columns:1fr;gap:.5rem}}.main-content[data-page="photography"] .gallery-item a{display:block;overflow:hidden;opacity:1 !important}.main-content[data-page="photography"] .gallery-item a:hover{opacity:1 !important}.main-content[data-page="photography"] .gallery-item img{width:100%;height:auto;object-fit:contain;transition:transform 0.3s ease;opacity:1 !important}.main-content[data-page="photography"] .gallery-item:hover a{opacity:1 !important}.main-content[data-page="photography"] .gallery-item:hover img{transform:scale(1.1);opacity:1 !important}.main-content[data-page="photography"] .project-title{padding:1rem 0;font-size:20px;font-weight:700;color:#000;text-align:left}.main-content[data-page="blog"]{max-width:720px;margin:0 auto}.main-content[data-page="blog"] .blog-post-preview{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0}.main-content[data-page="blog"] .blog-post-preview:last-child{border-bottom:none}.main-content[data-page="blog"] .blog-post-preview h2{margin-bottom:.5rem;font-size:24px;font-weight:600;line-height:1.3}.main-content[data-page="blog"] .blog-post-preview h2 a{color:#000;text-decoration:none}.main-content[data-page="blog"] .blog-post-preview h2 a:hover{opacity:0.7}.main-content[data-page="blog"] .blog-post-preview .post-meta{margin-bottom:.5rem}.main-content[data-page="blog"] .blog-post-preview .post-meta .post-date{font-size:13px;color:#666;margin-right:.5rem}.main-content[data-page="blog"] .blog-post-preview .post-meta .post-author{font-size:13px;color:#666;font-style:italic}.main-content[data-page="blog"] .blog-post-preview .post-tags{margin-bottom:1rem}.main-content[data-page="blog"] .blog-post-preview .post-tags .tag{display:inline-block;font-size:13px;color:#666;background-color:#f8f9fa;padding:2px 8px;border-radius:12px;margin-right:.5rem;margin-bottom:4px;border:1px solid #e9ecef}.main-content[data-page="blog"] .blog-post-preview .post-tags .tag:hover{background-color:#e9ecef}.main-content[data-page="blog"] .blog-post-preview .post-description,.main-content[data-page="blog"] .blog-post-preview .post-excerpt{line-height:1.6;color:#333}.main-content[data-page="blog"] .blog-post-preview .post-description{font-style:italic;margin-bottom:.5rem}.blog-post{max-width:720px;margin:0 auto}.blog-post .post-header{margin-bottom:4rem;text-align:center}.blog-post .post-header .post-title{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#000}@media (max-width: 767px){.blog-post .post-header .post-title{font-size:24px}}.blog-post .post-header .post-meta{margin-bottom:1rem}.blog-post .post-header .post-meta .post-date{font-size:13px;color:#666;margin-right:.5rem}.blog-post .post-header .post-meta .post-author{font-size:13px;color:#666;font-style:italic}.blog-post .post-header .post-tags{margin-bottom:1rem}.blog-post .post-header .post-tags .tag{display:inline-block;font-size:13px;color:#666;background-color:#f8f9fa;padding:4px 12px;border-radius:16px;margin-right:.5rem;margin-bottom:6px;border:1px solid #e9ecef}.blog-post .post-header .post-tags .tag:hover{background-color:#e9ecef}.blog-post .post-header .post-description{font-size:18px;line-height:1.5;color:#333;font-style:italic;margin-top:1rem}.blog-post .post-featured-image{margin-bottom:4rem;text-align:center}.blog-post .post-featured-image img{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.blog-post .post-content{line-height:1.7;text-align:left}.blog-post .post-content p{margin-bottom:2rem;font-size:16px}.blog-post .post-content h1,.blog-post .post-content h2,.blog-post .post-content h3,.blog-post .post-content h4,.blog-post .post-content h5,.blog-post .post-content h6{margin:4rem 0 1rem 0;font-weight:600;line-height:1.3;color:#000}.blog-post .post-content h1{font-size:28px}.blog-post .post-content h2{font-size:24px}.blog-post .post-content h3{font-size:20px}.blog-post .post-content h4{font-size:18px}.blog-post .post-content h5{font-size:16px}.blog-post .post-content h6{font-size:14px}.blog-post .post-content img{max-width:60%;height:auto;margin:2rem auto;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:block;cursor:pointer;transition:opacity 0.3s ease, transform 0.3s ease}.blog-post .post-content img:hover{opacity:0.9;transform:scale(1.02)}@media (max-width: 767px){.blog-post .post-content img{max-width:90%}}.blog-post .post-content blockquote{border-left:4px solid #e9ecef;padding-left:1rem;margin:2rem 0;font-style:italic;color:#333;background-color:#f8f9fa;padding:1rem;border-radius:4px}.blog-post .post-content code{background-color:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:14px}.blog-post .post-content pre{background-color:#f8f9fa;border-radius:6px;padding:1rem;margin:2rem 0;overflow-x:auto}.blog-post .post-content pre code{background-color:transparent;padding:0}.blog-post .post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #f0f0f0}.blog-post .post-footer .back-to-blog a{color:#666;text-decoration:none;font-size:13px}.blog-post .post-footer .back-to-blog a:hover{color:#000}body.post .main-content{padding-top:120px}body.project .main-content{padding-top:120px;padding-left:1rem;padding-right:1rem}@media (max-width: 767px){body.project .main-content{padding-left:.5rem;padding-right:.5rem}}.project{max-width:1200px;margin:0 auto}.project .project-header{margin-bottom:4rem;text-align:center}.project .project-header .project-title{font-size:32px;font-weight:normal;margin-bottom:2rem}.project .project-content{line-height:1.7}.project .project-content p{margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;text-align:left}.project .project-gallery-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem;margin:1rem 0;grid-auto-rows:1fr}@media (max-width: 767px){.project .project-gallery-grid{grid-template-columns:1fr;gap:.25rem;grid-auto-rows:auto}}.project .project-image{display:flex}.project .project-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;min-height:300px;cursor:pointer;transition:opacity 0.3s ease}.project .project-image img:hover{opacity:0.9}@media (max-width: 767px){.project .project-image img{height:auto;min-height:200px}}.project .essay-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem}@media (max-width: 767px){.project .essay-navigation{margin-top:2rem;padding-top:1rem}}.project .essay-navigation .prev-essay{text-align:left}.project .essay-navigation .prev-essay a{color:#000;text-decoration:none;font-size:22px;display:flex;align-items:center;gap:0.5rem}@media (max-width: 767px){.project .essay-navigation .prev-essay a{font-size:18px}}.project .essay-navigation .prev-essay a:hover{opacity:0.7}.project .essay-navigation .prev-essay a .arrow{font-size:30px;font-weight:normal;line-height:1}@media (max-width: 767px){.project .essay-navigation .prev-essay a .arrow{font-size:24px}}.project .essay-navigation .next-essay{text-align:right}.project .essay-navigation .next-essay a{color:#000;text-decoration:none;font-size:22px;display:flex;align-items:center;gap:0.5rem;justify-content:flex-end}@media (max-width: 767px){.project .essay-navigation .next-essay a{font-size:18px}}.project .essay-navigation .next-essay a:hover{opacity:0.7}.project .essay-navigation .next-essay a .arrow{font-size:30px;font-weight:normal;line-height:1}@media (max-width: 767px){.project .essay-navigation .next-essay a .arrow{font-size:24px}}.project .essay-navigation .prev-essay:only-child{margin-right:auto}.project .essay-navigation .next-essay:only-child{margin-left:auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem}@media (max-width: 767px){.gallery-grid{grid-template-columns:1fr;gap:.5rem}}.gallery-item{overflow:hidden}.gallery-item a{display:block}.gallery-item img{width:100%;height:300px;object-fit:cover}.site-footer{padding:2rem 4vw}.site-footer .footer-container{max-width:1800px;margin:0 auto}.site-footer .footer-name{font-size:18px;font-weight:800;color:#000;margin:0;text-align:left}@media (max-width: 767px){.header-container{padding:0 1rem;justify-content:space-between}.site-title{font-size:24px}.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.content-container{padding:2rem 1rem}.main-content{padding:2rem 1rem}.site-footer{padding:1rem}.site-footer .footer-name{font-size:16px;text-align:center}}.slideshow-modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.95)}.slideshow-modal .slideshow-close{position:absolute;top:20px;right:35px;color:white;font-size:40px;font-weight:bold;cursor:pointer;z-index:10000}.slideshow-modal .slideshow-close:hover{opacity:0.7}.slideshow-modal .slideshow-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slideshow-modal .slideshow-image{max-width:90%;max-height:85%;object-fit:contain;display:block}.slideshow-modal .slideshow-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,0.1);color:white;border:none;font-size:30px;font-weight:bold;padding:20px 15px;cursor:pointer;user-select:none;transition:background-color 0.3s ease}.slideshow-modal .slideshow-nav:hover{background-color:rgba(255,255,255,0.2)}.slideshow-modal .slideshow-nav.slideshow-prev{left:20px}.slideshow-modal .slideshow-nav.slideshow-next{right:20px}.slideshow-modal .slideshow-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:white;font-size:16px;background-color:rgba(0,0,0,0.5);padding:10px 15px;border-radius:5px}@media (max-width: 767px){.slideshow-modal .slideshow-close{font-size:30px;top:15px;right:20px}.slideshow-modal .slideshow-nav{font-size:24px;padding:15px 10px}.slideshow-modal .slideshow-nav.slideshow-prev{left:10px}.slideshow-modal .slideshow-nav.slideshow-next{right:10px}.slideshow-modal .slideshow-counter{bottom:15px;font-size:14px;padding:8px 12px}}