.slideup-link{color:#fff;font-size:18px;font-weight:400;text-decoration:none;transition:color .3s;display:inline-block;position:relative;overflow:hidden}.slideup-link span{transition:transform .4s cubic-bezier(.76,0,.24,1);display:block}.slideup-link:after{content:attr(data-text);color:#fff;width:100%;transition:transform .4s cubic-bezier(.76,0,.24,1);display:block;position:absolute;top:100%;left:0}.slideup-link:hover span,.slideup-link:hover:after{transform:translateY(-100%)}.gallery-container{background:#fff;width:100%;height:100vh;position:relative;overflow:hidden}.mobile-header{padding:1.5rem;position:static}.mobile-title{letter-spacing:-.02em;margin-bottom:0;font-size:3.75rem;font-weight:400}.mobile-links{flex-direction:column;gap:.5rem;display:flex}.mobile-links a{color:#000;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .3s}.mobile-links a:hover{opacity:.7}.scroll-container-desktop{scrollbar-width:none;-ms-overflow-style:none;align-items:center;height:100%;display:flex;overflow:auto hidden}.scroll-container-desktop::-webkit-scrollbar{display:none}.scroll-container-mobile{height:calc(100vh - 120px);padding:0 1.5rem 1.5rem;overflow-y:auto}.projects-grid-desktop{align-items:end;gap:1.5rem;padding:0 5rem;display:flex}.projects-grid-mobile{grid-template-columns:1fr;gap:2rem;display:grid}.no-projects{text-align:center;color:#666;padding:4rem 2rem;font-size:1.2rem}.project-card{cursor:pointer;color:inherit;flex-shrink:0;text-decoration:none;display:block}.project-card.tall{width:320px;height:384px}.project-card.wide{width:384px;height:320px}@media (max-width:768px){.project-card.tall,.project-card.wide{width:100%;height:256px}.works-title{margin:1.5rem;bottom:auto;left:auto;position:static!important}.works-title h1{font-size:3rem}.gallery-container{margin-top:100px;height:auto!important;overflow:visible!important}.scroll-container-mobile{height:auto!important;overflow-y:visible!important}.works-title,.desktop-links,.scroll-indicator{display:none!important}.mobile-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex;top:0;left:0;position:relative!important}}.project-inner{width:100%;height:100%;position:relative;overflow:hidden}.project-inner img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.1)}.overlay{background:0 0;transition:background .3s;position:absolute;inset:0}.project-card:hover .overlay{background:#0003}.project-title-container{background:linear-gradient(#0000,#0006,#000c);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.project-title-container h3{color:#fff;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.desktop-header{z-index:10;text-align:center;color:#000;background:0 0;justify-content:space-around;align-items:center;gap:2rem;width:100%;display:flex;position:absolute;bottom:0;left:0}.works-title h1{letter-spacing:-.03em;color:#000;margin:0;font-size:120px;font-weight:400}.desktop-links{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.desktop-links a{color:#000;font-size:1.2rem;font-weight:500;text-decoration:none;transition:opacity .3s}.desktop-links a:hover{opacity:.7}.scroll-indicator{align-items:center;gap:1rem;display:flex}.scroll-text{letter-spacing:.1em;color:#000;font-size:.85rem;font-weight:500}.progress-bar{background:#0003;border-radius:2px;width:200px;height:4px;overflow:hidden}.progress-fill{background:#000;height:100%;transition:width .3s}.progress-percent{opacity:.8;color:#000;font-size:.9rem}
