@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Pinyon+Script&family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";.intro-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);color:var(--text-color);z-index:9999;display:flex;align-items:center;justify-content:center}.spata-text{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:8vw;font-weight:500;letter-spacing:0;display:flex;width:90vw;justify-content:space-between;text-transform:uppercase;color:var(--text-color)}.spata-text span{display:inline-block}.main-nav{position:fixed;top:0;left:0;right:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:100;background:transparent;box-sizing:border-box;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;mix-blend-mode:difference}.nav-group{display:flex;align-items:center;gap:2rem;flex:1}.nav-left{justify-content:flex-start}.nav-center{justify-content:center}.nav-right{justify-content:flex-end}.nav-logo{font-size:.75rem;font-weight:600;color:inherit;text-decoration:none;letter-spacing:-.02em}.nav-link{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:inherit;text-decoration:none;transition:opacity .3s}.nav-link:hover{opacity:.5}.nav-time{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;text-transform:uppercase}.theme-toggle{width:.75rem;height:.75rem;border-radius:50%;border:1px solid currentColor;background-color:transparent;padding:0;color:inherit;cursor:pointer;transition:opacity .3s,background-color .3s}.theme-toggle.filled{background-color:currentColor}.theme-toggle:hover{opacity:.5}@media (max-width: 768px){.main-nav{padding:0 1.5rem}.nav-group{gap:1rem}.nav-time{display:none}}.home-container{position:relative;width:100%;height:95vh;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;background-color:var(--bg-color);z-index:1}.bg-filmstrip{display:flex;align-items:flex-end;gap:1rem;width:100%;height:max-content;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;padding:0 3rem;cursor:crosshair;touch-action:pan-y}.bg-filmstrip::-webkit-scrollbar{display:none}.bg-filmstrip:active{cursor:grabbing}.bg-thumb{display:flex;justify-content:flex-end;align-items:flex-end;flex-shrink:0}.bg-thumb img{width:auto;height:auto;max-width:25vw;max-height:40vh;object-fit:contain;display:block;filter:grayscale(100%);opacity:.9;transition:filter .4s ease,opacity .4s ease,transform .4s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-theme=light] .bg-thumb img{opacity:.9}.bg-thumb:hover img,.bg-thumb--center img{filter:grayscale(0%);opacity:1;transform:scale(1)}.cursor-tooltip{position:fixed;top:0;left:0;transform:translate(-50%,-150%);background-color:#000;color:#fff;padding:.2rem .4rem;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:600;border-radius:0;letter-spacing:.03em;white-space:nowrap;pointer-events:none;z-index:9999}@media (max-width: 1024px){.bg-thumb img{max-width:45vw;max-height:35vh}}@media (max-width: 768px){.bg-filmstrip{padding:0 1.5rem}.bg-thumb img{max-width:65vw;max-height:30vh}.cursor-tooltip{display:none}}.contact-page{width:100%;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);padding:90px 2rem 40px;box-sizing:border-box;display:flex;flex-direction:column}.info-content{max-width:1400px;margin:0 auto;width:100%}.info-statement{font-size:3vw;font-weight:500;line-height:1.1;letter-spacing:-.02em;max-width:90%;margin:0 0 8rem}.info-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;border-top:1px solid var(--border-color);padding-top:2rem}.info-col h2{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1.5rem;opacity:.5}.info-col ul{list-style:none;padding:0;margin:0}.info-col li,.info-col p{font-size:1rem;line-height:1.6;margin-bottom:.5rem;color:var(--text-color)}.info-col p{margin-top:0;max-width:90%}.info-col a{text-decoration:none;color:inherit;transition:opacity .3s}.info-col a:hover{opacity:.6}@media (max-width: 1024px){.info-columns{grid-template-columns:repeat(2,1fr);gap:4rem 2rem}.info-statement{font-size:3vw;margin-bottom:6rem}}@media (max-width: 768px){.contact-page{padding:120px 1.5rem 40px}.info-columns{grid-template-columns:1fr;gap:3rem}.info-statement{font-size:3vw;margin-bottom:4rem;max-width:100%}}.header{position:fixed;top:30px;left:50%;transform:translate(-50%);width:auto;display:flex;justify-content:center;align-items:center;z-index:99;background:transparent;box-sizing:border-box}.logo{width:auto;height:auto}.logo-link{text-decoration:none;color:inherit}.h2{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-size:44px;color:#000;font-weight:700;transition:all .3s ease-in-out;text-transform:uppercase;text-decoration:none;margin:0;letter-spacing:.02em;white-space:nowrap}.h2:hover{opacity:.8}.logo img{width:100%;height:auto}.plus-btn{text-decoration:none;font-size:12px;color:#000;font-weight:400;display:none}.single-project-page{background-color:var(--bg-color);color:var(--text-color);width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow-x:hidden;padding:90px 2rem 40px;box-sizing:border-box}.error-message{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:44px;color:#000}.back-arrow{font-size:.8rem;color:var(--text-color);font-weight:lighter;position:absolute;top:80px;left:3rem;z-index:100;text-decoration:none}.project-content{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.project-info{width:100%;max-width:600px;display:flex;flex-direction:column;gap:0rem;margin:0}.project-name,h2{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:14px;color:var(--text-color);letter-spacing:.03em;word-spacing:.05em;margin:0}.project-date{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:9px;color:var(--text-color);letter-spacing:.03em;word-spacing:.05em;margin:0}.project-description{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:9px;color:var(--text-color);text-align:justify;line-height:1.5;letter-spacing:.03em;word-spacing:.05em;margin:0}.project-images-grid{display:flex;flex-direction:column;align-items:center;margin:0 0 60px;gap:30px;width:100%;-moz-column-break-inside:avoid;break-inside:avoid-column}.project-images-grid .image-item{display:block;width:100%;max-width:600px;margin-bottom:0}.project-image{width:100%;height:auto;object-fit:cover;object-position:center;cursor:pointer;transition:transform .2s ease}@media (max-width: 768px){.single-project-page{padding:100px 1.5rem 40px}.back-arrow{left:1.5rem}}@media (max-width: 600px){.project-images-grid{column-width:100vw;column-gap:0}}@media (max-width: 600px){.project-images-grid{column-count:1}}.projects-page{width:100vw;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);padding:90px 2rem 40px;box-sizing:border-box}.filters-container{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:5rem}.filter-btn{background:none;border:none;padding:0;font-size:5vw;font-weight:500;letter-spacing:-.03em;color:var(--text-color);cursor:pointer;opacity:.25;transition:opacity .3s ease;line-height:1}.filter-btn:hover{opacity:.8}.filter-btn.active{opacity:1}.filter-btn span{font-size:1.5rem;font-weight:400;vertical-align:top;line-height:1;margin-left:.2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:3rem 2rem;align-items:start}.project-card{text-decoration:none;color:inherit;display:grid;cursor:pointer}.card-state{grid-area:1 / 1;display:flex;flex-direction:column;align-self:start;width:100%;transition:opacity .4s ease}.state-primary{opacity:1;z-index:2}.state-secondary{opacity:0;z-index:1}.project-card:hover .state-primary{opacity:0}.project-card:hover .state-secondary{opacity:1;z-index:3}.project-card:hover{opacity:1!important}.project-image-wrapper{width:100%;position:relative;overflow:hidden;background-color:var(--accent-color);margin:0!important;padding:0!important}.img-primary,.img-secondary{width:100%;height:auto;object-fit:cover;display:block}.project-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left!important;width:100%;margin:4px 0 0!important;padding:0!important}.project-info h3{margin:0!important;padding:0!important;font-size:.7rem!important;font-weight:500!important;letter-spacing:0!important;line-height:1.1!important}.project-info p{margin:2px 0 0!important;padding:0!important;font-size:.6rem!important;color:var(--text-color)!important;opacity:.5!important;line-height:1.1!important}@media (max-width: 1024px){.filter-btn{font-size:8vw}}@media (max-width: 768px){.projects-page{padding:100px 1.5rem 40px}.filter-btn{font-size:12vw}.filter-btn span{font-size:1rem}.projects-grid{grid-template-columns:1fr;gap:1rem 1rem}.card-state{position:relative}.card-state .project-info{position:absolute;bottom:.5rem;left:.5rem;margin:0!important;padding:0!important;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:.5rem;width:auto!important;z-index:10;pointer-events:none}.card-state .project-info h3,.card-state .project-info p{background-color:#000;color:#fff!important;padding:.3rem .5rem!important;margin:0!important;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem!important;font-weight:600!important;letter-spacing:.03em!important;opacity:1!important}}.site-footer{position:relative;bottom:0;left:0;right:0;height:5vh;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:90;pointer-events:none}.site-footer span{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:500;color:var(--text-color);opacity:.4;letter-spacing:.05em;pointer-events:auto}.footer-copy{margin-left:auto}.footer-time{display:none}@media (max-width: 768px){.site-footer{padding:0 1.5rem}.footer-time{display:block;font-variant-numeric:tabular-nums}}.app{background-color:var(--bg-color);color:var(--text-color);width:100vw;overflow-x:hidden;display:flex;flex-direction:column;position:relative;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}:root{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg-color: #ffffff;--text-color: #000000;--accent-color: #f0f0f0;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{cursor:crosshair!important}[data-theme=dark]{--bg-color: #000000;--text-color: #f5f5f5;--accent-color: #111111}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{opacity:.7}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1;font-weight:500}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-color);color:var(--text-color);transition:all .25s}button:hover{border-color:var(--text-color)}