:root{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:300;letter-spacing:.1em;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Courier New,monospace;font-weight:400;background-color:#f8f8f0;color:#2a2a2a;overflow-x:hidden;line-height:1.4}#root{height:100%}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;position:relative}@media (max-width: 768px){body{font-size:14px}}html{scroll-behavior:smooth}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f8f8f0;border-bottom:2px solid #2a2a2a}.nav-container{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand h1{font-size:1.2rem;font-weight:400;letter-spacing:.1em;color:#2a2a2a;font-family:Courier New,monospace;transition:opacity .2s ease}.nav-brand:hover h1{opacity:.6}.nav-menu{display:flex;gap:3rem}.nav-item{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;padding:.5rem 0;transition:all .2s ease;letter-spacing:.05em;position:relative;font-family:Courier New,monospace;font-weight:400;outline:none}.nav-item:focus{outline:none}.nav-item:hover,.nav-item.active{color:#2a2a2a}.nav-item.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:1px;background:#2a2a2a}.navigation.mobile .nav-container{padding:1rem;flex-direction:column;gap:1rem}.navigation.mobile .nav-brand h1{font-size:1rem}.navigation.mobile .nav-menu{gap:2rem}.navigation.mobile .nav-item{font-size:.8rem;padding:.3rem 0}@media (max-width: 768px){.nav-container{padding:1rem;flex-direction:column;gap:1rem}.nav-brand h1{font-size:1rem}.nav-menu{gap:2rem}.nav-item{font-size:.8rem;padding:.3rem 0}}.home{min-height:100vh;width:100vw;background:#f8f8f0;padding-top:100px;padding-bottom:2rem;display:flex;justify-content:center;align-items:flex-start}.collage-container{width:66.67vw;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.collage-item{position:relative;width:100%;overflow:hidden;background:#e8e8e0;content-visibility:auto;contain:layout style paint}.collage-item.small{grid-column:span 1;grid-row:span 1;aspect-ratio:1}.collage-item.medium,.collage-item.large{grid-column:span 2;grid-row:span 2;aspect-ratio:1}.collage-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease;display:block;will-change:transform}.collage-item:hover img{transform:scale(1.05);opacity:.9}@media (max-width: 768px){.home{padding-top:140px}.collage-container{width:90vw;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.25rem}.collage-item.small{grid-column:span 1;grid-row:span 1}.collage-item.medium,.collage-item.large{grid-column:span 2;grid-row:span 2}}@media (min-width: 769px) and (max-width: 1024px){.collage-container{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.collage-item.medium,.collage-item.large{grid-column:span 2;grid-row:span 2}}.project-section{margin-bottom:8rem;width:100vw;display:flex;flex-direction:column;align-items:center}.project-section.last{margin-bottom:4rem}.project-content{width:100vw}.project-images-desktop{width:100vw;height:70vh;position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 3rem}.image-container{position:relative;width:66.67vw;height:100%;display:flex;justify-content:center;align-items:center}.project-image{width:100%;height:100%;object-fit:contain;display:block}.project-image.clickable{cursor:pointer;transition:opacity .2s ease}.project-image.clickable:hover{opacity:.9}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#2a2a2a;font-size:2rem;width:40px;height:40px;cursor:pointer;transition:opacity .2s ease;font-family:Courier New,monospace;display:flex;align-items:center;justify-content:center;outline:none}.image-nav-btn:hover{opacity:.7}.image-nav-btn:focus{outline:none}.image-nav-btn.prev{left:-60px}.image-nav-btn.next{right:-60px}.project-section[data-project-id="4"] .image-nav-btn{display:none}.image-counter{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-family:Courier New,monospace;font-size:.8rem;color:#666}.project-info-desktop{text-align:left;max-width:900px;margin:0 auto}.project-text-block{font-size:.9rem;line-height:1.3;color:#444;font-family:Courier New,monospace;font-weight:400;text-align:left;margin:0;padding:0;text-indent:5em}.project-title-inline{font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#2a2a2a}.project-year-inline{color:#666;text-transform:uppercase;letter-spacing:.05em}.view-gallery-btn{background:none;border:1px solid #2a2a2a;color:#2a2a2a;padding:.8rem 2rem;font-family:Courier New,monospace;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.view-gallery-btn:hover{background:#2a2a2a;color:#f8f8f0}.placeholder-image{width:100%;height:400px;background:#e8e8e0;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.1rem;font-family:Courier New,monospace}@media (max-width: 768px){.project-section{margin-bottom:2rem}.project-images-desktop,.project-info-desktop{display:none}.project-info-mobile{text-align:left;margin-bottom:1rem;margin-top:.5rem;padding:0 1rem}.project-text-block-mobile{font-size:.85rem;line-height:1.3;color:#444;font-family:Courier New,monospace;font-weight:400;text-align:left;margin:0;padding:0;text-indent:6em}.project-title-inline-mobile{font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2a2a2a}.project-year-inline-mobile{color:#666;text-transform:uppercase;letter-spacing:.05em}.project-description-inline-mobile{color:#444}.project-images-mobile{width:100vw;margin-left:-1rem;margin-bottom:.5rem;position:relative}.mobile-slider{position:relative;width:100%;height:auto;max-height:50vh;overflow:hidden}.slide{position:relative;width:100%;height:auto;display:none;background:#f8f8f0}.slide.active{display:block}.slide-image{width:100%;height:auto;object-fit:contain;display:block}.slide-image.clickable{cursor:pointer;transition:opacity .2s ease}.slide-image.clickable:hover{opacity:.9}.slide.clickable{cursor:pointer}.mobile-nav-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;z-index:10;min-height:200px}.nav-area{flex:1;cursor:pointer}.mobile-dots{display:none}.mobile-dots .dot{width:12px;height:12px;border:2px solid rgba(255,255,255,.8);background:transparent;cursor:pointer;transition:all .2s ease}.mobile-dots .dot.active{background:rgba(255,255,255,.9)}.project-section[data-project-id="4"] .mobile-nav-overlay{display:none}.placeholder-image-mobile{width:100%;height:50vh;background:#e8e8e0;display:flex;align-items:center;justify-content:center;color:#666;font-size:1rem;font-family:Courier New,monospace}}@media (min-width: 769px){.project-info-mobile,.project-images-mobile{display:none}@media (max-width: 1000px){.image-nav-btn.prev{left:-50px}.image-nav-btn.next{right:-50px}}@media (max-width: 900px){.image-nav-btn.prev{left:10px}.image-nav-btn.next{right:10px}.image-nav-btn{width:40px;height:40px;font-size:1.2rem}}}.project-gallery{position:fixed;top:0;left:0;right:0;bottom:0;background:#f8f8f0;z-index:1000;overflow-y:auto;padding-top:80px}.gallery-header{position:fixed;top:0;left:0;right:0;background:#f8f8f0;padding:1rem 2rem;border-bottom:1px solid #2a2a2a;z-index:1001;height:80px;display:flex;align-items:center;justify-content:center}.close-btn{position:absolute;top:1rem;right:2rem;background:none;border:none;font-size:2rem;color:#2a2a2a;cursor:pointer;font-family:Courier New,monospace;outline:none}.close-btn:hover{opacity:.7}.gallery-info{display:none}.gallery-title{font-size:2.5rem;font-weight:400;margin-bottom:.5rem;letter-spacing:.1em;text-transform:uppercase;font-family:Courier New,monospace;color:#2a2a2a}.gallery-year{color:#666;font-size:1.2rem;margin-bottom:1.5rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.05em}.gallery-description{font-size:.9rem;line-height:1.3;color:#444;font-family:Courier New,monospace;max-width:600px;margin:0 auto}.gallery-content{padding:2rem;max-width:1400px;margin:0 auto;height:calc(100vh - 80px);display:flex;flex-direction:column}.main-content-area{display:flex;flex:1;gap:2rem;margin-bottom:2rem;min-height:0}.main-image-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;position:relative;overflow:hidden}.carousel-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;gap:1rem;overflow:hidden}.carousel-image{display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.carousel-image.prev-image{display:none}.carousel-image.next-image{flex:0 0 50%;height:100%;opacity:.6;overflow:hidden}.carousel-image.current-image{flex:0 0 50%;height:100%;z-index:1}.carousel-image img,.main-image{max-width:100%;max-height:100%;object-fit:contain}.slideshow-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:0 1rem}.slideshow-btn{background:none;border:none;color:#2a2a2a;width:50px;height:50px;font-size:3rem;cursor:pointer;transition:opacity .2s ease;font-family:Courier New,monospace;display:flex;align-items:center;justify-content:center;outline:none;font-weight:300}.slideshow-btn:hover{opacity:.6}.slideshow-btn:active{transform:scale(.95)}.slideshow-counter{font-family:Courier New,monospace;font-size:.9rem;color:#666;text-align:center;letter-spacing:.05em}.project-info-bottom{padding:2rem 0 0;border-top:2px solid #e0e0e0;width:66.67vw;margin:0 auto}.project-text-block{font-size:.92rem;line-height:1.3;color:#444;font-family:Courier New,monospace;font-weight:400;text-align:left;margin:0;padding:0;text-indent:5em;letter-spacing:.07em}.project-title-inline{font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#2a2a2a}.project-year-inline{color:#666;text-transform:uppercase;letter-spacing:.08em}.project-description-inline{color:#444}.sidebar-title{font-size:2rem;font-weight:400;margin-bottom:.5rem;letter-spacing:.1em;text-transform:uppercase;font-family:Courier New,monospace;color:#2a2a2a}.sidebar-year{color:#666;font-size:1rem;margin-bottom:1.5rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.05em}.sidebar-description{font-size:.85rem;line-height:1.3;color:#444;font-family:Courier New,monospace}.thumbnail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:2rem}.thumbnail{width:100%;height:150px;object-fit:cover;cursor:pointer;transition:opacity .2s ease;border:2px solid transparent}.thumbnail:hover{opacity:.8}.thumbnail.active{border-color:#2a2a2a}@media (max-width: 768px){.project-gallery{padding-top:80px}.gallery-header{padding:1rem;height:60px}.close-btn{top:1rem;right:1rem;font-size:1.5rem}.gallery-content{padding:1rem;height:auto;min-height:0;display:block}.main-content-area{display:block;margin-bottom:0}.main-image-container{display:block;margin-bottom:1rem}.carousel-wrapper{display:block}.carousel-image.current-image{height:auto}.carousel-image img{display:block;width:100%;height:auto}.carousel-image.prev-image,.carousel-image.next-image{display:none}.carousel-image.current-image{flex:none;width:100%;height:auto}.slideshow-controls{flex-direction:row;justify-content:center;gap:2rem;padding:.5rem 0;margin-bottom:.5rem}.slideshow-btn{width:45px;height:45px;font-size:2.5rem}.slideshow-counter{font-size:.85rem}.project-info-bottom{padding:0;margin-top:0;text-align:left;width:100%}.project-text-block{font-size:1rem;text-indent:2em}.sidebar-title{font-size:1.5rem}.sidebar-description{font-size:.9rem}.thumbnail-gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.thumbnail{height:80px}}.portfolio{min-height:100vh;background:#f8f8f0;padding-top:100px}.portfolio-container{width:100vw;margin:0;padding:0;display:flex;flex-direction:column}@media (max-width: 768px){.portfolio{padding-top:140px}.portfolio-container{padding:0 1rem}}.about{min-height:100vh;background:#f8f8f0;padding-top:100px}.about-container{width:100vw;margin:0;padding:0 2rem 2rem;display:flex;flex-direction:column;align-items:center;color:#2a2a2a}.about h1{font-size:2rem;font-weight:400;text-align:left;margin-bottom:3rem;letter-spacing:.1em;text-transform:uppercase;font-family:Courier New,monospace;border-bottom:2px solid #2a2a2a;padding-bottom:1rem;max-width:800px;width:100%}.about-section{margin-bottom:3rem;text-align:left;max-width:800px;width:100%}.about-section h2{font-size:1rem;font-weight:400;margin-bottom:1.5rem;color:#2a2a2a;text-transform:uppercase;letter-spacing:.05em;font-family:Courier New,monospace;text-align:left}.about-lead{font-size:1rem;color:#2a2a2a;line-height:1.8;font-family:Courier New,monospace;margin-bottom:0;text-align:left}.vita-entry{display:block;margin-bottom:1rem;line-height:1.8;font-family:Courier New,monospace;font-size:.9rem;text-align:left}.vita-year{color:#666;font-weight:400;display:block;margin-bottom:.2rem}.vita-text{color:#2a2a2a;display:block}.contact-info{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.contact-item{display:flex;flex-direction:column;gap:.3rem;font-family:Courier New,monospace;font-size:.9rem;text-align:left}.contact-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.contact-link{color:#2a2a2a;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#666}.contact-text{color:#2a2a2a;line-height:1.6}@media (max-width: 768px){.about{padding-top:140px}.about-container{padding:0 1rem 2rem}.about-section{margin-bottom:2.5rem}.vita-entry{margin-bottom:1.5rem}.vita-year{margin-bottom:.3rem;font-size:.85rem}.vita-text{font-size:.9rem}}@media (max-width: 480px){.about-container{padding:0 .5rem 1rem}.about h1{font-size:1.8rem}.about-lead{font-size:.9rem}.contact-item{font-size:.85rem}}.footer{background:#f8f8f0;border-top:2px solid #2a2a2a;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:2rem 2rem 1.5rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.footer-brand{font-size:1rem;font-weight:400;letter-spacing:.1em;color:#2a2a2a;text-transform:uppercase;font-family:Courier New,monospace}.footer-links{display:flex;gap:2rem}.footer-link{background:none;border:none;color:#666;font-size:.85rem;cursor:pointer;padding:0;transition:color .2s ease;text-transform:uppercase;letter-spacing:.05em;font-family:Courier New,monospace;text-decoration:none}.footer-link:hover{color:#2a2a2a}.footer-copyright{text-align:center;color:#666;font-size:.75rem;font-family:Courier New,monospace;letter-spacing:.025em}.impressum-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(42,42,42,.8);display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem}.impressum-modal-content{background:#f8f8f0;border:2px solid #2a2a2a;max-width:600px;width:100%;max-height:80vh;position:relative;display:flex;flex-direction:column}.impressum-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#2a2a2a;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-family:Courier New,monospace;line-height:1;padding:0}.impressum-close:hover{color:#666}.impressum-scroll{overflow-y:auto;padding:2rem 3rem 2rem 2rem;color:#2a2a2a}.impressum-scroll h1{font-size:1.5rem;font-weight:400;text-align:left;margin-bottom:2rem;letter-spacing:.1em;text-transform:uppercase;font-family:Courier New,monospace;border-bottom:2px solid #2a2a2a;padding-bottom:1rem}.impressum-section{margin-bottom:2rem;line-height:1.6}.impressum-section h2{font-size:.9rem;font-weight:400;margin-bottom:.75rem;color:#2a2a2a;text-transform:uppercase;letter-spacing:.05em;font-family:Courier New,monospace}.impressum-section p{font-size:.85rem;color:#444;margin-bottom:.75rem;font-family:Courier New,monospace;line-height:1.7}@media (max-width: 768px){.footer-container{padding:1.5rem 1rem}.footer-content{flex-direction:column;gap:1rem;align-items:flex-start}.footer-brand{font-size:.9rem}.footer-link{font-size:.8rem}.impressum-modal{padding:1rem}.impressum-scroll{padding:1.5rem 2rem 1.5rem 1rem}.impressum-scroll h1{font-size:1.3rem;margin-bottom:1.5rem}.impressum-section h2{font-size:.85rem}.impressum-section p{font-size:.8rem}}@media (max-width: 480px){.impressum-modal-content{max-height:90vh}.impressum-scroll{padding:1rem 1.5rem 1rem .75rem}.impressum-close{top:.5rem;right:.5rem;font-size:1.8rem}}