body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}@font-face{font-family:DIN Alternate;src:url(/fonts/DIN%20Alternate%20Bold.ttf) format("truetype")}body{margin:0;background-color:#646464;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#646464;scroll-behavior:smooth}#root{max-width:100%;margin:0;padding:0}#header{display:flex;flex-wrap:wrap;align-items:flex-end!important;padding:15px 50px}.logo a{font-family:DIN Alternate,sans-serif;font-weight:700;font-size:48px;color:#000;text-decoration:none;text-transform:uppercase}.social-links{text-align:right;max-width:210px}.logo,.social-links{flex-basis:0;flex-grow:1;max-width:100%}.social-links img{max-width:57px;max-height:48px;width:100%}.social-links img[alt=Contact]{max-width:64px;max-height:54px;filter:brightness(0);transform:translateY(4px)}.social-links ul{list-style:none;padding:0;margin:0}.social-links ul li{display:inline-block;margin-left:15px}.social-links ul li:first-child{margin-left:0}.full-height{position:relative;overflow:hidden;min-height:100vh}#head{height:calc(100vh - 86px);min-width:100%}.newsletter{position:absolute;top:20%;right:5%;display:flex;flex-wrap:wrap;align-items:center!important;width:440px;z-index:1;max-width:90%;opacity:0;transition:all .3s ease;transform:translate(100%);box-sizing:border-box}.newsletter.show{opacity:1;transform:translate(0)}.newsletter .left,.newsletter .right{flex-basis:0;flex-grow:1;max-width:100%}.newsletter .left{max-width:141px}.newsletter .right{padding-left:20px;max-width:70%}.newsletter img{max-width:100%}.newsletter #resp{font-family:DIN Alternate,sans-serif;font-weight:700;font-size:16px;line-height:1.5;letter-spacing:1.04px;color:#000;margin-top:0;margin-bottom:10px}.newsletter h2{font-family:DIN Alternate,sans-serif;font-weight:700;font-size:26px;line-height:26px;letter-spacing:1.04px;color:#000;margin-top:0;margin-bottom:10px}.newsletter input{outline:0;font-family:DIN Alternate,sans-serif;box-shadow:none;border-radius:0;color:#fff;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;background-color:#000;background-clip:padding-box;border:2px solid #a8a8a8;width:201px;max-width:100%;transition:all .3s ease;box-sizing:border-box}.newsletter input:focus{border:2px solid #ffffff}.newsletter .close{position:absolute;top:-33px;right:0}.newsletter .close-icon{color:#000;text-decoration:none;font-size:34px;line-height:34px}#footer{display:flex;flex-wrap:wrap;align-items:flex-end!important;padding:15px 50px;position:absolute;bottom:0;left:0;right:0;z-index:10}@media (max-width: 768px){#header{padding:0 25px}.logo,.social-links{flex:0 0 100%;max-width:100%;text-align:center;padding-top:10px}.logo a{font-size:46px}.social-links img{max-width:50px;max-height:40px}#head{height:calc(100vh - 117px)}#footer{padding:0 25px}#footer .logo,#footer .social-links{flex:0 0 100%;max-width:100%;text-align:center;padding-bottom:10px}#footer .social-links img{max-width:50px;max-height:40px}}.back-to-top{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);width:60px;height:60px;background-color:#ffffffe6;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:100;opacity:0;transform:translate(-50%,50%) translateY(20px)}.back-to-top.visible{opacity:1;transform:translate(-50%,50%) translateY(0);animation:pulse 2s infinite}.back-to-top:hover{background-color:#000;color:#fff;transform:translate(-50%,50%) translateY(-5px);box-shadow:0 8px 20px #0000004d}.back-to-top svg{color:#000;transition:color .3s ease}.back-to-top:hover svg{color:#fff}@keyframes pulse{0%,to{transform:translate(-50%,50%) scale(1)}50%{transform:translate(-50%,50%) scale(1.1)}}@media (max-width: 768px){.back-to-top{width:50px;height:50px}.back-to-top svg{width:20px;height:20px}}.scroll-indicator{position:absolute;bottom:40px;right:50px;z-index:2;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s ease;background:none;border:none;padding:0;font:inherit}.scroll-indicator:hover{opacity:.8}.scroll-indicator:focus{outline:2px solid #000000;outline-offset:4px}.scroll-indicator:focus:not(:focus-visible){outline:none}.scroll-arrow{width:48px;height:48px;border:2px solid #000000;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;color:#000;animation:bounce 2s infinite;transition:all .3s ease}.scroll-arrow:hover{background-color:#000;color:#fff;transform:scale(1.1)}.scroll-arrow svg{width:24px;height:24px}.scroll-text{font-family:DIN Alternate,sans-serif;font-size:14px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:1px;animation:pulse 2s infinite;text-align:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.scroll-indicator{bottom:60px;right:25px}.scroll-arrow{width:40px;height:40px}.scroll-arrow svg{width:20px;height:20px}.scroll-text{font-size:12px}}.scroll-indicator.fade-out{opacity:0;pointer-events:none}.project-gallery{width:100%;min-height:100vh;background-color:#f5f5f5;position:relative}.gallery-container{width:100%;height:100vh;position:relative;display:flex;flex-direction:column}.image-container{flex:1;position:relative;overflow:hidden;background-color:#000}.gallery-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.gallery-video{width:100%;height:100%;border:none;display:block}.project-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#000000b3,#0000 30% 70%,#00000080);display:flex;justify-content:space-between;align-items:flex-start;padding:50px;pointer-events:none}.project-info{color:#fff;z-index:2}.project-title{font-family:DIN Alternate,sans-serif;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 8px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.project-subtitle{font-family:DIN Alternate,sans-serif;font-size:18px;font-weight:400;margin:0 0 8px;opacity:.9;letter-spacing:1px}.project-year{font-family:DIN Alternate,sans-serif;font-size:16px;margin:0;opacity:.8;letter-spacing:1px}.image-counter{color:#fff;font-family:DIN Alternate,sans-serif;font-size:18px;font-weight:700;background:#00000080;padding:8px 16px;border-radius:4px;align-self:flex-start}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:3;pointer-events:auto}.nav-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow-left{left:30px}.nav-arrow-right{right:30px}.nav-arrow svg{color:#000;width:24px;height:24px}.thumbnail-nav{background:#000c;padding:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.thumbnail{width:80px;height:45px;border:2px solid transparent;background:none;cursor:pointer;overflow:hidden;border-radius:4px;transition:all .3s ease;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .3s ease}.thumbnail:hover img{opacity:1}.thumbnail.active{border-color:#fff}.thumbnail.active img{opacity:1}.video-thumbnail{position:relative;width:100%;height:100%}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}.play-icon svg{width:10px;height:10px}.project-gallery.loading,.project-gallery.error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:DIN Alternate,sans-serif;font-size:24px}.loading-placeholder{color:#666}@media (max-width: 768px) and (orientation: portrait){.gallery-container{height:100vw;max-height:70vh}.image-container{height:100vw;max-height:70vh;overflow:hidden;background-color:#000}.gallery-image{width:100%;height:100%;object-fit:cover;object-position:center}.project-overlay{padding:25px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 40%,transparent 100%)}.project-title{font-size:28px}.project-subtitle{font-size:16px}.project-year{font-size:14px}.nav-arrow{width:45px;height:45px}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}.thumbnail-nav{padding:15px;gap:8px}.thumbnail{width:55px;height:31px}.image-counter{font-size:16px;padding:6px 12px}}@media (max-width: 768px) and (orientation: landscape){.gallery-container{height:90vh}.project-overlay{padding:20px}.project-title{font-size:30px}.project-subtitle{font-size:15px}.project-year{font-size:13px}.nav-arrow{width:45px;height:45px}.nav-arrow-left{left:15px}.nav-arrow-right{right:15px}.thumbnail-nav{padding:10px;gap:6px}.thumbnail{width:50px;height:28px}.image-counter{font-size:14px;padding:5px 10px}}@media (max-width: 480px){.project-overlay{padding:20px}.project-title{font-size:24px}.nav-arrow{width:40px;height:40px}.nav-arrow-left{left:15px}.nav-arrow-right{right:15px}.thumbnail{width:50px;height:28px}}.project-gallery-stack{width:100%}.project-gallery-stack .project-gallery{min-height:100vh;display:block}@media (max-width: 768px) and (orientation: portrait){.project-gallery-stack .project-gallery{min-height:100vw;max-height:70vh}}@media (max-width: 768px) and (orientation: landscape){.project-gallery-stack .project-gallery{min-height:90vh}}.project-stack.loading,.project-stack.error{height:100vh;display:flex;align-items:center;justify-content:center;font-family:DIN Alternate,sans-serif;font-size:24px}.loading-message{color:#666}.error-message{color:#c00}