@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#000;-webkit-font-smoothing:antialiased;background:#fff;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.4}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overflow:clip}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}html{scroll-behavior:initial}body{background:#f7f7f5;overflow-x:hidden}img,svg{display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.portfolio-app{background:#f7f7f5;min-height:100vh}.main-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(220%);background:#ffffff40;border:none;border-radius:30px;height:60px;transition:opacity 1s cubic-bezier(.16,1,.3,1);position:fixed;top:12px;left:20px;right:20px;box-shadow:0 10px 30px #0000000f,inset 0 1px 1px #ffffff4d}body.intro-loading .main-header{opacity:0;pointer-events:none}.nav-top{grid-template-columns:auto 1fr auto;align-items:center;width:100%;height:100%;padding:0 30px;display:grid}.logo-container{justify-content:center;align-items:center;width:110px;height:36px;display:flex;overflow:hidden}.brand-logo{mix-blend-mode:multiply;flex-shrink:0;width:auto;height:115px}.nav-categories{justify-content:center;align-items:center;gap:0;display:flex;position:relative}.category-btn{letter-spacing:.05em;color:#6b6b6b;cursor:pointer;text-transform:capitalize;white-space:nowrap;transform-origin:50%;background:0 0;border:none;align-items:center;height:60px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:400;transition:color .2s;display:flex}.category-btn:hover{color:#000}.category-btn.active{color:#000;font-weight:500}.active-dot-indicator{color:#000;pointer-events:none;opacity:0;align-items:center;height:100%;font-size:9px;display:flex;position:absolute;top:0;left:0}.nav-search-container{justify-content:flex-end;align-items:center;gap:8px;display:flex}.search-input{letter-spacing:.06em;opacity:0;pointer-events:none;background:0 0;border:none;border-bottom:1px solid #000;outline:none;width:0;padding:2px 6px;font-family:inherit;font-size:11px;transition:width .45s cubic-bezier(.16,1,.3,1),opacity .3s}.search-input.active{opacity:1;pointer-events:auto;width:140px}.search-btn{letter-spacing:.12em;color:#6b6b6b;cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:6px;height:60px;padding:0;font-family:inherit;font-size:11px;font-weight:600;transition:color .2s;display:flex}.search-btn:hover{color:#000}.projects-container{padding-top:0}.projects-scaler{flex-direction:column;align-items:center;padding:90px 0 100px;display:flex}.project-card-wrapper{justify-content:center;width:100%;margin-bottom:clamp(28px,3vw,52px);display:flex}.project-item{opacity:0;cursor:pointer}body:not(.intro-loading) .project-item{animation:1s cubic-bezier(.16,1,.3,1) forwards bigFadeUp}@keyframes bigFadeUp{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:translateY(0)}}.big-project-view{align-items:flex-start;display:flex;position:relative}.big-project-view-image{background:#f2f2f2;flex-shrink:0;width:clamp(520px,66vh,920px);max-width:90vw;overflow:hidden}.project-img{object-fit:cover;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.project-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:16px;width:220px;display:flex;position:absolute;top:0;right:calc(100% + 40px)}.project-icon{transform-origin:50%;background:#000;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.project-icon img,.project-icon svg{object-fit:cover;width:100%;height:100%}.project-info{flex-direction:column;gap:7px;display:flex}.project-name{color:#000;letter-spacing:-.01em;font-size:18px;font-weight:400;line-height:1.2}.project-location{color:#888;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:400}.no-results{text-align:center;color:#999;letter-spacing:.06em;padding:120px 0;font-size:13px}.main-footer{border-top:1px solid #f0f0f0;padding:28px 30px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-brand{letter-spacing:.22em;text-transform:uppercase;color:#000;font-size:10px;font-weight:700}.footer-tagline{color:#aaa;letter-spacing:.04em;font-size:10px}@media (width<=1100px){.nav-categories{display:none}.nav-top{grid-template-columns:auto auto;padding:0 20px}.nav-search-container{justify-content:flex-end}}@media (width<=800px){.big-project-view{flex-direction:column;align-items:flex-start;width:90vw}.project-meta{text-align:left;flex-direction:row;align-items:flex-start;width:100%;margin-bottom:14px;position:static;right:auto}.project-info{gap:4px}.project-name{font-size:15px}.big-project-view-image{width:90vw;max-width:90vw}.project-card-wrapper{margin-bottom:36px}}body.intro-loading{height:100vh;overflow:hidden!important}.preloader-overlay{z-index:9999;pointer-events:none;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.preloader-bg{z-index:1;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.loader-logo-container{z-index:10000;justify-content:center;align-items:center;display:flex;overflow:hidden}.loader-brand-logo{filter:invert()grayscale()contrast(200%)brightness(200%);flex-shrink:0;width:auto;height:115px}.under-construction-container{color:#fff;text-align:center;background-color:#000;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:40px;display:flex}.uc-content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:30px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards bigFadeUp;display:flex}.uc-logo-wrapper{height:120px;margin-bottom:20px}.uc-logo{filter:invert();width:auto;height:100%}.uc-heading{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:clamp(24px,4vw,42px);font-weight:500}.uc-subheading{color:#aaa;max-width:600px;margin:0;font-size:clamp(14px,1.5vw,18px);font-weight:300;line-height:1.6}.uc-footer{border-top:1px solid #ffffff1a;width:100%;padding-top:40px}.uc-footer-brand{letter-spacing:.25em;color:#888;font-size:11px;font-weight:600}