@import"https://fonts.googleapis.com/css2?family=Lalezar&family=Montserrat:wght@400;600;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box!important}html,body{background-color:#000;width:100%;overflow-x:hidden}.header-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:0 6vw;height:120px;position:fixed;top:0;left:0;z-index:100}.header-logo{grid-column:2;justify-self:center}.header-logo img{height:40px;width:auto;transition:height .3s ease}.nav-links{grid-column:3;justify-self:end;display:flex;gap:40px;font-size:13px;font-weight:600;letter-spacing:4px;color:#fff}.menu-btn{display:none}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;z-index:200;transform:translateY(-100%);transition:transform .6s cubic-bezier(.16,1,.3,1)}.mobile-overlay.open{transform:translateY(0)}.mobile-link{font-size:32px;font-weight:900;letter-spacing:4px;color:#fff;cursor:pointer;text-decoration:none}.project-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}.project-title{font-size:26px;transition:font-size .3s ease}@media(min-width:768px){.project-grid{gap:40px}}@media(min-width:1024px){.project-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.nav-links{display:none!important}.menu-btn{display:flex!important;flex-direction:column;gap:4px;width:40px;height:40px;justify-content:center;align-items:flex-end;z-index:999;cursor:pointer}.dot{width:5px;height:5px;background:#fff;border-radius:50%}.header-grid{display:flex!important;justify-content:space-between!important;height:80px!important;padding:0 5vw!important}.header-logo{justify-self:start!important}.header-logo img{height:28px!important}h1{font-size:clamp(28px,10vw,60px)!important;padding:0 4vw!important}.project-grid{grid-template-columns:1fr;gap:15px}.project-card-header,.project-card-footer{opacity:1!important;transform:translateY(0)!important}.project-card-footer div{transform:scaleX(1)!important}.project-title{font-size:14px!important}}.footer-container{background-color:#000;padding:15vh 6vw 5vh 6vw;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:10vh;position:relative;z-index:10}.footer-cta{font-size:clamp(26px,5vw,65px);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:#fff;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.footer-grid{display:grid;grid-template-columns:1fr;gap:50px}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-col{display:flex;flex-direction:column;gap:15px}.footer-heading{font-size:12px;color:#555;letter-spacing:2px;font-weight:700;margin-bottom:10px}.footer-link{font-size:16px;color:#ccc;text-decoration:none;font-weight:600;transition:color .3s ease,transform .3s ease;cursor:pointer;width:fit-content}.footer-link:hover{color:#fff;transform:translate(5px)}.footer-bottom{display:flex;flex-direction:column;gap:20px;justify-content:space-between;align-items:flex-start;padding-top:40px;border-top:1px solid rgba(255,255,255,.05);font-size:11px;color:#555;font-weight:600;letter-spacing:1px}@media(min-width:768px){.footer-bottom{flex-direction:row;align-items:center}}.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:start}.gallery-thumbnails{display:flex;flex-direction:column;gap:15px;max-height:75vh;overflow-y:auto;padding-right:5px}.gallery-thumbnails::-webkit-scrollbar{width:5px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.thumbnail-item{width:100%;aspect-ratio:4/3;flex-shrink:0}@media(max-width:768px){.gallery-layout{grid-template-columns:1fr;gap:15px}.gallery-thumbnails{flex-direction:row;overflow-x:auto;max-height:none;overflow-y:hidden;padding-bottom:15px;align-items:flex-start;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.gallery-thumbnails::-webkit-scrollbar{height:5px}.thumbnail-item{width:40vw;flex:0 0 40vw}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.logo-carousel>div{animation:marquee 20s linear infinite}
