html,body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#f5f5f5;color:#333;overflow-x:hidden;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700}.container-custom{width:calc(100% - 20px);margin:0 auto;padding:0 10px}@media (min-width: 768px){.container-custom{padding:0 1.5rem}}@media (min-width: 1024px){.container-custom{padding:0 2rem}}header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:background-color .3s ease,padding .3s ease;margin-bottom:1rem}header.scrolled{background-color:#f5f5f5f2;padding:.75rem 0;box-shadow:0 1px 10px #0000000d}.container-custom{width:100%;padding:0 40px;box-sizing:border-box;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-solid{background-color:#f5f5f5cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 10px #0000000d}header .container-custom{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding-top:1rem;padding-bottom:1rem}header a{color:#333;text-decoration:none;font-weight:500;position:relative;padding:5px 10px;text-shadow:0 0 1px rgba(0,0,0,.1)}.word-1{animation:textColorLoop1 8s infinite alternate;display:inline-block}.word-2{animation:textColorLoop2 8s infinite alternate-reverse;display:inline-block}.word-3{animation:textColorLoop3 8s infinite alternate;display:inline-block}@keyframes textColorLoop1{0%{color:#555}50%{color:#999}to{color:#fff}}@keyframes textColorLoop2{0%{color:#fff}50%{color:#999}to{color:#555}}@keyframes textColorLoop3{0%{color:#555}50%{color:#999}to{color:#fff}}.desktop-nav{display:flex}.desktop-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end}.desktop-nav ul li a{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.5rem 0;position:relative}.desktop-nav ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#333;transition:width .3s ease}.desktop-nav ul li a:hover:after{width:100%}.logo{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:.05em;white-space:nowrap;margin-right:1rem}@media (max-width: 768px){.logo{font-size:1rem}}@media (max-width: 768px){.desktop-nav{display:none}}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:0;z-index:1001;width:30px;height:20px;position:relative}.mobile-menu-button span{display:block;position:absolute;height:2px;width:100%;background:#333;border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.mobile-menu-button span:nth-child(1){top:0}.mobile-menu-button span:nth-child(2){top:9px}.mobile-menu-button span:nth-child(3){top:18px}.mobile-menu-button.open span:nth-child(1){top:9px;transform:rotate(135deg)}.mobile-menu-button.open span:nth-child(2){opacity:0;left:-60px}.mobile-menu-button.open span:nth-child(3){top:9px;transform:rotate(-135deg)}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-button{display:block}header .container-custom{padding-left:15px;padding-right:15px}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#f5f5f5cc;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.mobile-menu nav ul{list-style:none;padding:0;margin:0;text-align:center}.mobile-menu nav ul li{margin:1.5rem 0}.mobile-menu nav ul li a{color:#333;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.05em;text-decoration:none;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:90vw}.mobile-menu nav ul li a:hover{color:#000}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006}.hero-content{z-index:1;max-width:800px;padding:0 2rem}.hero h1{font-size:3rem;font-weight:600;margin-bottom:1rem;letter-spacing:.05em}.hero p{font-size:1.25rem;font-weight:400;margin-bottom:2rem;opacity:.9}@media (min-width: 1024px){.hero h1{font-size:4rem}}.btn{display:inline-block;padding:.75rem 1.5rem;text-transform:uppercase;font-weight:500;transition:all .3s ease;cursor:pointer}.btn-outline{border:2px solid white;color:#fff;background:transparent}.btn-outline:hover{background-color:#fff;color:#000}.projects{padding:6rem 0 2rem;background-color:#f5f5f5;min-height:200px;display:block!important;visibility:visible!important}#work{margin-top:130px!important;width:100%!important;box-sizing:border-box!important}#work>div{padding:0 40px!important;box-sizing:border-box!important;width:100%!important;max-width:none!important}@media (max-width: 768px){#work{margin-top:40px!important}}.projects h2{font-size:1.5rem;text-align:center;margin-bottom:3rem;text-transform:uppercase}.projects-container{width:100%;display:flex!important;flex-direction:column!important;gap:10px;min-height:100px;visibility:visible!important}.project-row{display:flex!important;gap:10px;width:100%;height:450px;margin-bottom:10px;visibility:visible!important}.row-2 .project-item{width:calc(50% - 5px);height:100%}.row-3 .project-item{width:calc(33.333% - 6.67px);height:100%}@media (max-width: 768px){.project-row{height:350px}.project-title h3{font-size:1.8rem}}@media (max-width: 640px){.project-row{height:auto;flex-wrap:wrap}.row-2 .project-item,.row-3 .project-item{width:100%;height:300px;margin-bottom:10px}.project-title h3{font-size:1.5rem}}.project-link{text-decoration:none;display:block;height:100%}.project-item{position:relative;overflow:hidden;cursor:pointer;height:100%;visibility:visible!important;display:block!important}.project-image-container{position:relative;overflow:hidden;width:100%;height:100%}.project-item.square .project-image-container{height:100%}.project-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;display:block}.project-item:hover .project-image{transform:scale(1.05)}.project-item:hover .project-title h3{transform:translateY(2px);text-shadow:0 2px 4px rgba(0,0,0,.7)}.project-title{position:absolute;top:1rem;left:1rem;z-index:2}.project-title h3{color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:2.5rem;letter-spacing:.05em;text-transform:uppercase;margin:0;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:transform .3s ease,text-shadow .3s ease;line-height:1.1;max-width:90%}.project-item:hover .project-title{transform:translateY(2px);text-shadow:0 2px 4px rgba(0,0,0,.7)}.project-detail{background-color:#f5f5f5;width:100%;overflow-x:hidden;position:relative}.project-hero{position:relative;height:100vh;width:100vw;max-width:100%;overflow:hidden}.project-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.project-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.project-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#0006);z-index:2}.project-hero-content{position:absolute;bottom:10%;left:10%;right:10%;z-index:3;color:#fff;width:80%}.project-hero-content h1{font-family:Inter,sans-serif;font-weight:600;font-size:4rem;line-height:1.1;letter-spacing:.02em;margin-bottom:1rem;text-transform:uppercase}.project-client{font-family:Inter,sans-serif;font-weight:400;font-style:italic;font-size:1.5rem;opacity:.8}.project-description{padding:6rem 0}.project-description p{font-family:Inter,sans-serif;font-size:1.5rem;line-height:1.6;max-width:800px;margin:0 auto;color:#333}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:6rem}.gallery-item{position:relative;overflow:hidden;margin-bottom:2rem}.gallery-item.full-width{grid-column:1 / -1}.gallery-image-container{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .gallery-image{transform:scale(1.02)}.next-project{padding:6rem 0;background-color:#f0f0f0;text-align:center}.next-project-link{display:inline-block;text-decoration:none;color:#333;transition:opacity .3s ease}.next-project-link:hover{opacity:.8}.next-label{display:block;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.next-project h2{font-family:Inter,sans-serif;font-size:3rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.project-loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.loader{width:50px;height:50px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#333;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.project-not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;text-align:center}.project-not-found h2{font-family:Inter,sans-serif;font-size:2rem;margin-bottom:2rem}.project-not-found a{font-family:Inter,sans-serif;color:#333;text-decoration:underline;font-size:1rem}@media (max-width: 1024px){.project-hero-content h1{font-size:3rem}.project-client{font-size:1.25rem}.project-description p{font-size:1.25rem;padding:0 2rem}.next-project h2{font-size:2.5rem}}@media (max-width: 768px){.gallery-grid{grid-template-columns:1fr;gap:1.5rem}.project-hero-content h1{font-size:2.5rem}.project-description{padding:4rem 0;width:100%}.project-description p{font-size:1.1rem;width:90%;margin:0 auto}.next-project h2{font-size:2rem}.container-custom{width:100%;padding:0 10px;box-sizing:border-box}}footer{background-color:#f5f5f5;color:#333;padding:2rem 0;border-top:1px solid #eaeaea;font-family:Inter,sans-serif;font-size:.875rem;letter-spacing:.02em}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-left,.footer-center,.footer-right{flex:1}.footer-left{text-align:left}.footer-center{text-align:center}.footer-right{text-align:right}.social-icons{display:flex;justify-content:center;gap:1.5rem}.social-icons a{color:#333;transition:color .3s ease}.social-icons a:hover{color:#000}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem}.footer-left,.footer-center,.footer-right{text-align:center}}