:root{--cream: #FAEFCE;--royal-blue: #3D41FA;--royal-blue-dark: #2B2FBF;--royal-blue-light: #6B6FFE;--text-primary: #3D41FA;--text-secondary: #2B2FBF;--background: #FAEFCE}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,Arial,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}.site-header{position:fixed;top:0;left:0;right:0;background-color:var(--background);z-index:100;padding:30px 20px 20px}.name{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:-.02em;text-align:center;font-family:Helvetica,Arial,sans-serif}.name a{color:var(--text-primary);text-decoration:none;transition:opacity .3s ease}.name a:hover{opacity:.7}.name a:visited,.name a:active{color:var(--text-primary)}.name a:focus{color:var(--text-primary);outline:none}.navigation{max-width:900px;margin:0 auto}.nav-links{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none;justify-content:center;align-items:center}.nav-link{position:relative}.nav-link a{color:var(--text-primary);text-decoration:none;font-size:1.1rem;font-weight:400;padding:8px 16px;display:inline-block;transition:all .3s ease;text-transform:lowercase}.nav-link a:hover{opacity:.7}.nav-link a.active{font-weight:600}.page-content-wrapper{margin-top:180px;padding:40px 20px 60px;flex:1}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1000px;margin:0 auto;text-align:center}.hero-image{max-width:100%;width:100%;max-width:800px;height:auto}.page-container{max-width:1200px;margin:0 auto}.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.page-content{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.gallery-item{position:relative;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;transition:opacity .3s ease}.gallery-item:hover{opacity:.8}.gallery-item img{width:100%;height:auto;display:block}.gallery-item-title{padding:1rem;background-color:#faefcef2;color:var(--text-primary);font-weight:500;text-align:center}.portfolio-item{position:relative;overflow:visible;display:flex;flex-direction:column}.portfolio-item img{transition:opacity .3s ease;width:100%;height:auto;order:2}.portfolio-item:hover img{opacity:.7}.portfolio-item-label{color:var(--text-primary);font-size:2rem;width:100%;font-weight:700;text-align:center;border-radius:4px;margin-bottom:1rem;padding:.5rem;order:1}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#faefcefa;justify-content:center;align-items:center;flex-direction:column}.modal-content{max-width:90%;max-height:85vh;width:auto;height:auto;object-fit:contain}.modal-close{position:absolute;top:20px;right:35px;color:#3d41fa;font-size:40px;font-weight:300;cursor:pointer;transition:opacity .3s ease}.modal-close:hover{opacity:.7}.modal-caption{margin-top:15px;text-align:center;color:#3d41fa;font-size:1.1rem;padding:10px 20px}.bio-content{max-width:700px;margin:0 auto;text-align:left}.bio-content p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.curation-container{max-width:900px;margin:0 auto}.show-item{margin-bottom:4rem}.show-title{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-align:left}.show-subheading{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;text-align:left}.show-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.show-image{cursor:pointer;overflow:hidden;transition:opacity .3s ease}.show-image:hover{opacity:.8}.show-image img{width:100%;height:auto;display:block}.writing-container{max-width:900px;margin:0 auto}.writing-item{margin-bottom:3rem}.writing-title{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;text-align:left}.writing-title a{color:var(--text-primary);text-decoration:none;transition:opacity .3s ease}.writing-title a:hover{opacity:.7}.writing-title em{font-style:italic}.writing-subheading{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;text-align:left}.cv-content{max-width:700px;margin:0 auto;text-align:left}.cv-content h2{color:var(--text-primary);font-size:1.2rem;margin-top:2.5rem;margin-bottom:1rem;font-weight:600}.cv-content h2:first-child{margin-top:0}.cv-content p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.cv-content em{font-style:italic}.contact-content{max-width:600px;margin:0 auto}.contact-content p{font-size:1.1rem;margin-bottom:1rem;color:var(--text-secondary)}.contact-content a{color:var(--text-primary);text-decoration:none;border-bottom:2px solid var(--royal-blue-light);transition:border-color .3s ease}.contact-content a:hover{border-color:var(--royal-blue)}.contact-content-centered{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding-top:2rem}.contact-content-centered p{font-size:1.2rem;margin:0}.contact-content-centered a{color:var(--text-primary);text-decoration:none;transition:opacity .3s ease}.contact-content-centered a:hover{opacity:.7}@media (max-width: 768px){.site-header{padding:20px 15px 15px}.name{font-size:1.8rem;margin-bottom:1rem}.nav-links{gap:1rem}.nav-link a{font-size:1rem;padding:6px 12px}.page-content-wrapper{margin-top:200px;padding:30px 15px 40px}.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}@media (max-width: 480px){.nav-links{flex-direction:column;gap:.5rem}.gallery{grid-template-columns:1fr}.page-content-wrapper{margin-top:240px}}
