:root{--bg:#f5f3ef;--surface:#fff;--ink:#0e0e0c;--ink-2:#6b6b69;--ink-3:#b0aea9;--accent:#1d3fc4;--teal:#2a8a78;--border:#0e0e0c1a;--border2:#0e0e0c0f;--display:"Bricolage Grotesque", sans-serif;--body:"DM Sans", sans-serif;--mono:"DM Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;max-width:100%!important;overflow-x:hidden!important}body:after{content:"";opacity:.05;z-index:999999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);cursor:none;-webkit-font-smoothing:antialiased;max-width:100%!important;overflow-x:hidden!important}body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:0}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(32px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.section-label{align-items:center;gap:16px;margin-bottom:64px;display:flex}.section-label-num{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-3);font-size:11px}.section-label-text{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:11px}.section-label-line{background:var(--border);flex:1;height:1px}#cursor-dot{pointer-events:none;z-index:10000;will-change:transform;mix-blend-mode:difference;background:#fff;border-radius:50%;width:6px;height:6px;transition:width .3s,height .3s,background .3s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring{pointer-events:none;z-index:9999;will-change:transform;mix-blend-mode:difference;border:1.5px solid #fffc;border-radius:50%;width:36px;height:36px;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s;position:fixed;transform:translate(-50%,-50%)}#cursor-ring:after{content:"BUKA";font-family:var(--mono);color:var(--bg);opacity:0;font-size:8px;font-weight:700;transition:transform .3s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}body.cursor-hover #cursor-dot{background:var(--accent);width:10px;height:10px}body.cursor-hover #cursor-ring{border-color:var(--accent);width:56px;height:56px}body.cursor-link #cursor-dot{background:var(--accent);opacity:.15;width:48px;height:48px}body.cursor-link #cursor-ring{opacity:0;width:0;height:0}body.cursor-hover-project #cursor-ring{background:#fff;border-color:#fff;width:64px;height:64px}body.cursor-hover-project #cursor-ring:after{opacity:1;transform:translate(-50%,-50%)scale(1)}body.cursor-hover-project #cursor-dot{opacity:0}#preloader{background:var(--ink);z-index:9998;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);justify-content:center;align-items:center;transition:clip-path .9s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0}#preloader.hidden{clip-path:polygon(0 0,100% 0,100% 0%,0 0%)}#preloader-text{font-family:var(--display);color:#fff;letter-spacing:-.04em;font-size:clamp(36px,6vw,72px);font-weight:700;overflow:hidden}#preloader-text span{opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s;display:inline-block;transform:translateY(110%)}#scroll-progress{background:var(--accent);z-index:1000;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}nav{z-index:1000;mix-blend-mode:normal;background:0 0;justify-content:space-between;align-items:center;padding:24px 48px;transition:background .4s,padding .4s,box-shadow .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border);background:#f5f3eff2;padding:16px 48px}.nav-logo{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);align-items:center;gap:6px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.nav-logo span{color:var(--accent)}.nav-center{align-items:center;gap:32px;display:flex}.nav-link-item{font-family:var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);cursor:none;align-items:center;gap:4px;padding:10px 0;font-size:13px;font-weight:700;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-link-item svg{width:10px;height:10px;color:var(--ink-3);transition:transform .3s}.nav-link-item:hover svg{transform:rotate(180deg)}.nav-link-item:hover,.nav-link-item.active{color:var(--ink)}.mega-menu-panel{-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--border);border-top:1px solid var(--border2);opacity:0;pointer-events:none;z-index:1000;background:#f5f3eff5;width:100%;padding:56px 80px;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:0;right:0;transform:translateY(-10px);box-shadow:0 40px 96px #0e0e0c14}.mega-menu-panel.active{opacity:1;pointer-events:all;transform:translateY(0)}.mega-menu-grid{text-align:left;grid-template-columns:1fr 1.2fr 1fr;gap:80px;max-width:1280px;margin:0 auto;display:grid}.mega-col-left{flex-direction:column;justify-content:space-between;display:flex}.mega-eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px;font-size:11px;display:block}.mega-title{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);margin-bottom:16px;font-size:38px;font-weight:800;line-height:1.05}.mega-desc{font-family:var(--body);color:var(--ink-2);max-width:28ch;font-size:14px;line-height:1.5}.mega-col-center{flex-direction:column;gap:6px;display:flex}.mega-link-item{cursor:none;border-radius:12px;align-items:baseline;gap:16px;padding:14px 16px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.mega-link-item:hover{background:#0e0e0c0a;transform:translate(10px)}.mega-link-num{font-family:var(--mono);color:var(--accent);width:24px;font-size:12px;font-weight:700}.mega-link-text{font-family:var(--display);color:var(--ink-2);letter-spacing:-.02em;font-size:24px;font-weight:800;transition:color .3s}.mega-link-item:hover .mega-link-text{color:var(--ink)}.mega-col-right{justify-content:flex-end;align-items:center;display:flex}.mega-preview-card{border:1px solid var(--border);border-radius:16px;width:280px;height:180px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0e0e0c14}.mega-preview-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mega-preview-card:hover .mega-preview-img{transform:scale(1.05)}.mega-preview-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#0e0e0c1a);width:100%;height:100%;position:absolute;top:0;left:0}.nav-right-actions{align-items:center;gap:20px;display:flex}.nav-search-trigger{width:42px;height:42px;color:var(--ink);cursor:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .3s,color .3s;display:flex}.nav-search-trigger:hover{color:var(--accent);background:#0e0e0c0f}.nav-search-trigger svg{width:18px;height:18px}.nav-hire-btn{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);border:1.5px solid var(--ink);cursor:none;border-radius:100px;padding:12px 26px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff!important}.nav-hire-btn:hover{border-color:var(--ink);background:0 0;transform:translateY(-2px);color:var(--ink)!important}.nav-hamburger{cursor:none;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:none}.hamburger-line{background:var(--ink);width:20px;height:1.5px;transition:transform .3s,opacity .3s}.nav-hamburger.active .hamburger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.nav-hamburger.active .hamburger-line:nth-child(2){opacity:0}.nav-hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.menu-overlay{background:var(--bg);z-index:998;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;pointer-events:all}.menu-overlay-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:80px;height:100%;padding:120px 80px 80px;display:grid}.menu-nav-left{flex-direction:column;justify-content:space-between;display:flex}.menu-nav-links{flex-direction:column;gap:28px;margin-top:40px;display:flex}.menu-nav-item{color:var(--ink-2);cursor:none;align-items:baseline;gap:20px;text-decoration:none;transition:color .3s,transform .3s;display:flex}.menu-nav-item:hover{color:var(--ink);transform:translate(10px)}.menu-nav-num{font-family:var(--mono);color:var(--accent);font-size:14px;font-weight:700}.menu-nav-text{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(40px,5.5vw,84px);font-weight:800}.menu-nav-footer{font-family:var(--mono);color:var(--ink-3);border-top:1px solid var(--border);gap:40px;padding-top:24px;font-size:11px;display:flex}.menu-nav-right{border-left:1px solid var(--border);flex-direction:column;justify-content:center;padding-left:80px;display:flex}.menu-sub-section{display:none}.menu-sub-section.active{display:block}.menu-sub-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px;font-size:11px}.menu-project-list{flex-direction:column;gap:16px;display:flex}.menu-project-item{color:var(--ink-2);border-bottom:1px solid var(--border);cursor:none;flex-direction:column;gap:4px;padding:12px 0;text-decoration:none;transition:color .3s,border-color .3s,padding-left .3s;display:flex}.menu-project-item:hover{color:var(--ink);border-color:var(--ink);padding-left:12px}.menu-proj-title{font-family:var(--display);font-size:24px;font-weight:800}.menu-proj-cat{font-family:var(--body);color:var(--ink-3);font-size:13px}.menu-floating-preview-container{pointer-events:none;z-index:9999;opacity:0;border-radius:16px;width:320px;height:200px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;top:0;left:0;overflow:hidden;transform:scale(.8)translate(-50%,-50%);box-shadow:0 24px 64px #0e0e0c1f}.menu-floating-preview-container.active{opacity:1;transform:scale(1)translate(-50%,-50%)}.floating-img-wrap{opacity:0;border-radius:16px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden}.floating-img-wrap.active{opacity:1}#main-nav.menu-active{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important}#main-nav.menu-active .nav-search-trigger{transition:opacity .3s,transform .3s;transform:scale(.8);opacity:0!important;pointer-events:none!important}@media (width<=900px){nav,nav.scrolled{padding:16px 20px!important}.menu-overlay-grid{grid-template-columns:1fr;align-content:space-between;gap:20px;padding:120px 24px 40px;overflow-y:auto}.menu-nav-right{display:none!important}.menu-nav-left{justify-content:space-between;height:100%;min-height:calc(100vh - 180px)}.menu-nav-links{gap:20px;margin-top:20px}.menu-nav-text{font-size:clamp(32px,8vw,48px)}.menu-floating-preview-container{display:none}.menu-nav-footer{flex-direction:column;gap:12px;margin-top:40px;padding-top:16px}}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-logo{color:#fff}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-logo span{color:var(--accent)}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-link-item{color:#ffffffb3}:is(body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-link-item:hover,body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-link-item.active){color:#fff}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-link-item svg{color:#fff6}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-search-trigger{color:#fff}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-hamburger .hamburger-line{background:#fff}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-hire-btn{background:0 0;border-color:#fff;color:#fff!important}body:has(.project-hero) nav:not(.scrolled):not(.menu-active) .nav-hire-btn:hover{background:#fff;border-color:#fff;color:var(--ink)!important}.case-study-backdrop{z-index:999;opacity:0;pointer-events:none;background:#0e0e0c73;transition:opacity .4s;position:fixed;inset:0}.case-study-backdrop.active{opacity:1;pointer-events:auto}.case-study-overlay{background:var(--surface);border-left:1px solid var(--border);z-index:1001;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:80vw;height:100vh;padding:80px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-24px 0 64px #0e0e0c1f}.case-study-overlay.active{transform:translate(0)}.case-close-btn{border:1px solid var(--border);width:48px;height:48px;color:var(--ink);cursor:none;z-index:1001;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:48px;left:48px}.case-close-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.case-study-container{grid-template-columns:1.2fr 1.8fr;align-items:start;gap:80px;margin-top:64px;display:grid}.case-content-col{flex-direction:column;display:flex}.case-tag{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;font-size:11px}.case-title{font-family:var(--display);letter-spacing:-.04em;margin:16px 0 48px;font-size:clamp(36px,4vw,64px);font-weight:800;line-height:1.1}.case-section{border-top:1px solid var(--border);margin-bottom:36px;padding-top:24px}.case-section-title{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-3);margin-bottom:12px;font-size:10px}.case-text{font-family:var(--body);color:var(--ink);font-size:16px;line-height:1.6}.case-visual-col{background:var(--ink);color:#ffffffe6;border:1px solid var(--border);border-radius:24px;justify-content:center;align-items:center;min-height:480px;padding:48px;display:flex;overflow:hidden}.case-visual-col svg{width:100%;max-height:380px}@media (width<=900px){.case-study-overlay{width:100vw;padding:100px 24px 40px}.case-study-container{grid-template-columns:1fr;gap:40px}.case-visual-col{min-height:320px;padding:24px}.case-close-btn{top:24px;left:24px}}.search-overlay{background:var(--bg);z-index:1500;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:48px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.search-overlay.active{opacity:1;pointer-events:all}.search-modal-container{flex-direction:column;gap:48px;width:100%;max-width:900px;display:flex;position:relative}.search-close-btn{border:none;border:1.5px solid var(--border);width:48px;height:48px;color:var(--ink);cursor:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .3s,color .3s,border-color .3s;display:flex;position:absolute;top:-64px;right:0}.search-close-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.search-input-field-wrap{border-bottom:2px solid var(--ink);align-items:center;gap:16px;padding:12px 0;display:flex;position:relative}.search-input-field-wrap svg{width:32px;height:32px;color:var(--ink-2)}.search-input-field{width:100%;font-family:var(--display);color:var(--ink);letter-spacing:-.02em;background:0 0;border:none;outline:none;font-size:clamp(28px,4vw,48px);font-weight:800}.search-input-field::placeholder{color:var(--ink-3)}.search-suggestions-wrap{flex-direction:column;gap:16px;display:flex}.search-suggestions-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:12px}.search-suggestions-list{flex-wrap:wrap;gap:12px;display:flex}.search-suggestion-chip{font-family:var(--body);color:var(--ink-2);background:var(--surface);border:1px solid var(--border);cursor:none;border-radius:100px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .25s}.search-suggestion-chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.search-live-results{flex-direction:column;gap:12px;max-height:240px;margin-top:10px;padding:6px;display:flex;overflow-y:auto}.search-result-item{background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:none;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:border-color .25s,transform .25s;display:flex}.search-result-item:hover{border-color:var(--ink);transform:translateY(-2px)}.search-result-name{font-family:var(--display);font-size:18px;font-weight:700}.search-result-tagline{color:var(--ink-2);margin-top:4px;font-size:13px}.search-result-cat{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.mobile-menu-overlay{background:var(--bg);z-index:998;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:48px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;pointer-events:all}.mobile-menu-links{flex-direction:column;gap:24px;display:flex}.mobile-menu-link{font-family:var(--display);color:var(--ink);letter-spacing:-.04em;font-size:clamp(36px,8vw,56px);font-weight:800;text-decoration:none;transition:transform .3s,color .3s}.mobile-menu-link:hover{color:var(--accent);transform:translate(12px)}body.no-scroll{overflow:hidden}footer{background:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:48px;display:flex}.foot-logo{font-family:var(--display);letter-spacing:-.04em;color:#ffffffb3;font-size:18px;font-weight:700;text-decoration:none}.foot-logo span{color:var(--accent)}.foot-links{gap:32px;list-style:none;display:flex}.foot-links a{color:#ffffff4d;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.foot-links a:hover{color:#fffc}.foot-copy{font-family:var(--mono);color:#fff3;font-size:12px}@media (width<=900px){nav{padding:16px 24px}nav.scrolled{padding:12px 24px}.nav-center,.nav-hire-btn{display:none!important}.nav-hamburger{display:flex!important}#hero{padding:140px 24px 60px}#projects{padding:80px 24px}.project-row{grid-template-columns:40px 1fr;gap:16px}.project-meta{display:none}#approach{grid-template-columns:1fr;gap:48px;padding:80px 24px}#numbers{grid-template-columns:1fr 1fr;gap:0;padding:0}.num-item{border-bottom:1px solid #ffffff14;border-right:none;padding:40px 24px}.num-item:nth-child(odd){border-right:1px solid #ffffff14}.num-item:last-child{border-bottom:none;grid-column:1/-1;align-items:center;gap:24px;display:flex}.num-item:last-child .num-val{font-size:clamp(48px,10vw,72px)}.num-item:last-child .num-label{margin-top:0}.num-val{font-size:clamp(52px,12vw,80px)}#contact{padding:100px 24px 60px}.contact-bottom{grid-template-columns:1fr;gap:48px}footer{flex-direction:column;align-items:flex-start;padding:36px 24px}#cursor-dot,#cursor-ring{display:none!important}html,body{cursor:auto!important}a,button,input,select,textarea,[role=button],.portfolio-card,.custom-dropdown-trigger{cursor:pointer!important}.estimator-options{display:none}.estimator-sticky-bar{background:var(--surface);border-top:1px solid var(--border);z-index:200;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:8px;padding:12px 16px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;display:flex!important}.estimator-sticky-bar .est-sticky-btn{border:1px solid var(--border);font-family:var(--display);color:var(--ink-2);white-space:nowrap;cursor:pointer;scroll-snap-align:start;background:0 0;border-radius:100px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:700;transition:all .25s}.estimator-sticky-bar .est-sticky-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}}