: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:flex-end;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;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-short-description{margin-top:1.2rem;padding-top:1rem;border-top:1px solid #c0c0b0;font-size:.72rem;color:#888;line-height:1.6;letter-spacing:.03em;font-family:Courier New,monospace}.project-section.last{margin-bottom:4rem}.project-content{width:100vw}.images-grid-desktop{width:66.67vw;margin:0 auto 3rem;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.grid-image-wrapper{position:relative;overflow:hidden}.layout-1 .grid-image-1{grid-column:span 3;aspect-ratio:4 / 3}.layout-1 .grid-image-2{grid-column:span 3;aspect-ratio:3 / 4}.layout-1 .grid-image-3{grid-column:span 2;aspect-ratio:3 / 4}.layout-1 .grid-image-4{grid-column:span 4;aspect-ratio:4 / 3}.layout-1 .grid-image-5{grid-column:span 6;aspect-ratio:16 / 5}.layout-2 .grid-image-1{grid-column:span 4;aspect-ratio:4 / 3}.layout-2 .grid-image-2{grid-column:span 2;aspect-ratio:3 / 4}.layout-2 .grid-image-3,.layout-2 .grid-image-4{grid-column:span 3;aspect-ratio:4 / 3}.layout-2 .grid-image-5{grid-column:span 6;aspect-ratio:16 / 5}.layout-3 .grid-image-1,.layout-3 .grid-image-2,.layout-3 .grid-image-3{grid-column:span 2;aspect-ratio:4 / 3}.layout-3 .grid-image-4{grid-column:span 4;aspect-ratio:4 / 3}.layout-3 .grid-image-5,.layout-4 .grid-image-1{grid-column:span 2;aspect-ratio:3 / 4}.layout-4 .grid-image-2{grid-column:span 4;aspect-ratio:4 / 3}.layout-4 .grid-image-3{grid-column:span 3;aspect-ratio:4 / 3}.layout-4 .grid-image-4{grid-column:span 3;aspect-ratio:3 / 4}.layout-4 .grid-image-5{grid-column:span 6;aspect-ratio:16 / 5}.grid-image{width:100%;height:100%;object-fit:cover;display:block}.images-grid-mobile{display:none}.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}.project-description-inline{color:#444}.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}.images-grid-desktop,.project-info-desktop{display:none}.images-grid-mobile{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:calc(100vw - 2rem);margin:0 auto 1rem;padding:0 1rem}.mobile-image-wrapper{width:100%;height:auto;overflow:hidden}.mobile-image{width:100%;height:100%;object-fit:cover;display:block}.layout-1 .mobile-image-wrapper:nth-child(1){grid-column:span 2;aspect-ratio:4 / 3}.layout-1 .mobile-image-wrapper:nth-child(2){grid-column:span 2;aspect-ratio:3 / 4}.layout-1 .mobile-image-wrapper:nth-child(3){grid-column:span 2;aspect-ratio:3 / 4}.layout-1 .mobile-image-wrapper:nth-child(4){grid-column:span 4;aspect-ratio:4 / 3}.layout-1 .mobile-image-wrapper:nth-child(5){grid-column:span 4;aspect-ratio:4 / 3}.layout-2 .mobile-image-wrapper:nth-child(1){grid-column:span 4;aspect-ratio:4 / 3}.layout-2 .mobile-image-wrapper:nth-child(2){grid-column:span 2;aspect-ratio:3 / 4}.layout-2 .mobile-image-wrapper:nth-child(3){grid-column:span 2;aspect-ratio:4 / 3}.layout-2 .mobile-image-wrapper:nth-child(4){grid-column:span 2;aspect-ratio:4 / 3}.layout-2 .mobile-image-wrapper:nth-child(5){grid-column:span 2;aspect-ratio:4 / 3}.layout-3 .mobile-image-wrapper:nth-child(1){grid-column:span 2;aspect-ratio:4 / 3}.layout-3 .mobile-image-wrapper:nth-child(2){grid-column:span 2;aspect-ratio:4 / 3}.layout-3 .mobile-image-wrapper:nth-child(3){grid-column:span 4;aspect-ratio:4 / 3}.layout-3 .mobile-image-wrapper:nth-child(4){grid-column:span 4;aspect-ratio:4 / 3}.layout-3 .mobile-image-wrapper:nth-child(5){grid-column:span 2;aspect-ratio:3 / 4}.layout-4 .mobile-image-wrapper:nth-child(1){grid-column:span 2;aspect-ratio:3 / 4}.layout-4 .mobile-image-wrapper:nth-child(2){grid-column:span 4;aspect-ratio:4 / 3}.layout-4 .mobile-image-wrapper:nth-child(3){grid-column:span 2;aspect-ratio:4 / 3}.layout-4 .mobile-image-wrapper:nth-child(4){grid-column:span 2;aspect-ratio:4 / 3}.layout-4 .mobile-image-wrapper:nth-child(5){grid-column:span 4;aspect-ratio:4 / 3}.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}}@media (min-width: 769px){.project-info-mobile,.images-grid-mobile{display:none}}.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{max-width:1100px;margin:0 auto;padding:4rem 2rem 6rem;display:flex;flex-direction:column;gap:0;color:#2a2a2a;font-family:Courier New,monospace}.about-header{border-bottom:2px solid #2a2a2a;padding-bottom:1.5rem;margin-bottom:4rem}.about-brand{font-size:2.4rem;font-weight:400;letter-spacing:.08em;color:#2a2a2a}.about-intro{margin-bottom:5rem}.about-section-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#888;margin-bottom:1.8rem}.about-lead{font-size:1.35rem;line-height:1.7;color:#2a2a2a;margin-bottom:2rem;max-width:760px;letter-spacing:.01em}.about-body{border-top:1px solid #c0c0b0;padding-top:2rem;display:flex;flex-direction:column;gap:1.4rem;max-width:640px}.about-body p{font-size:.88rem;line-height:1.9;color:#444;margin:0}.about-contact{display:flex;align-items:baseline;gap:3rem;border-top:2px solid #2a2a2a;padding-top:1.5rem}.about-contact-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#888;flex-shrink:0}.contact-link{font-size:1rem;color:#2a2a2a;text-decoration:none;letter-spacing:.04em;transition:color .2s ease}.contact-link:hover{color:#888}@media (max-width: 768px){.about{padding-top:120px}.about-container{padding:2rem 1.2rem 4rem}.about-brand{font-size:1.6rem}.about-lead{font-size:1.05rem}.about-body{grid-template-columns:1fr;gap:1.5rem}.about-contact{flex-direction:column;gap:.8rem}}.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}}