:root{--ink: rgb(10, 10, 10);--paper: rgb(255, 255, 255);--muted: rgb(83, 93, 109);--soft-surface: rgb(248, 249, 250);--border: rgb(229, 231, 235);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 1280px;--header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background-color:var(--paper);color:var(--ink);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--paper);color:var(--ink);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.typo-display{font-family:var(--font-family);font-size:88px;font-weight:900;line-height:1.05;letter-spacing:-4px;color:var(--ink)}.typo-section-heading{font-family:var(--font-family);font-size:44px;font-weight:800;line-height:1.15;letter-spacing:-1.6px;color:var(--ink)}.typo-card-title{font-family:var(--font-family);font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.6px;color:var(--ink)}.typo-body{font-family:var(--font-family);font-size:18px;font-weight:400;line-height:1.7;letter-spacing:-.02em;color:var(--muted)}.typo-eyebrow{font-family:var(--font-family);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:var(--ink)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}.section{width:100%;padding-top:80px;padding-bottom:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;border-radius:10px;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;cursor:pointer;white-space:nowrap}.btn-primary{background-color:var(--ink);color:var(--paper);padding:20px 32px}.btn-primary:hover{background-color:#232323;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.btn-secondary{background-color:transparent;color:var(--ink);border:1px solid var(--border);padding:20px 32px}.btn-secondary:hover{background-color:var(--soft-surface);border-color:#d1d5db;transform:translateY(-2px)}.btn-nav{background-color:var(--ink);color:var(--paper);padding:12px 20px;font-size:14px;font-weight:600;border-radius:8px}.btn-nav:hover{background-color:#232323}.navbar{position:sticky;top:0;z-index:100;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);max-width:var(--max-width);margin:0 auto;padding:0 40px}.navbar-logo img{height:38px;width:auto;object-fit:contain}.navbar-nav{display:flex;align-items:center;gap:24px}.nav-link{font-size:14px;font-weight:500;color:#282828;transition:color .15s ease}.nav-link:hover{color:var(--ink)}.navbar-mobile{display:none}.hero-section{padding-top:100px;padding-bottom:110px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.hero-title{max-width:1050px}.hero-intro{max-width:720px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.portfolio-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;width:100%}.portfolio-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:100%}.project-card{display:flex;flex-direction:column;background-color:var(--paper);border:1px solid var(--border);border-radius:16px;padding:24px;gap:16px;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000000f;border-color:#d1d5db}.project-preview-wrapper{width:100%;height:250px;border-radius:8px;border:1px solid var(--border);overflow:hidden;position:relative;background-color:var(--soft-surface)}.project-preview-image{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.project-category{font-size:14px;font-weight:700;color:var(--ink)}.project-title{font-size:24px;font-weight:700;color:var(--ink);line-height:1.2}.project-desc{font-size:16px;font-weight:400;line-height:1.6;color:var(--muted);flex-grow:1}.project-meta{font-size:13px;color:var(--muted);line-height:1.4;padding-top:8px;border-top:1px solid var(--border)}.project-link-cta{font-size:15px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px;margin-top:4px;transition:gap .2s ease}.project-card:hover .project-link-cta{gap:10px}.preview-placeholder{width:100%;height:100%;background-color:var(--soft-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.preview-placeholder-title{font-size:24px;font-weight:700;color:var(--ink)}.preview-placeholder-sub{font-size:14px;font-weight:500;color:var(--muted)}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;border:1px solid var(--border);border-radius:16px;padding:32px;background-color:var(--paper)}.process-preview-box{background-color:var(--soft-surface);border-radius:10px;min-height:360px;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center}.stage-list{display:flex;flex-direction:column;gap:16px}.stage-item{border-bottom:1px solid var(--border);padding:24px 20px;display:flex;flex-direction:column;gap:8px}.stage-item:last-child{border-bottom:none}.stage-header{font-size:20px;font-weight:700;color:var(--ink)}.stage-desc{font-size:16px;color:var(--muted);line-height:1.5}.approach-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}.approach-steps-box{border:1px solid var(--border);border-radius:16px;overflow:hidden;background-color:var(--paper)}.approach-step-card{padding:28px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.approach-step-card:last-child{border-bottom:none}.approach-step-card.highlighted{background-color:var(--soft-surface)}.cta-section{border-top:1px solid var(--border);padding-top:100px;padding-bottom:100px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}.footer{border-top:1px solid var(--border);background-color:var(--paper);padding-top:80px;padding-bottom:60px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:60px}.footer-company-details{display:flex;flex-direction:column;gap:14px;max-width:380px}.footer-logo img{height:38px;width:auto;object-fit:contain}.footer-text{font-size:14px;color:var(--muted);line-height:1.6}.footer-column-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink);margin-bottom:20px}.footer-link-list{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{font-size:14px;color:var(--muted);transition:color .15s ease}.footer-link:hover{color:var(--ink)}.footer-office-item{margin-bottom:16px}.footer-office-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);flex-wrap:wrap;gap:16px}.footer-legal-links{display:flex;gap:24px}@media(max-width:1024px){.typo-display{font-size:64px;letter-spacing:-2.5px}.typo-section-heading{font-size:36px}.portfolio-grid-3{grid-template-columns:repeat(2,1fr)}.approach-grid{grid-template-columns:1fr;gap:40px}.process-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr;gap:36px}}@media(max-width:768px){.container{padding-left:20px;padding-right:20px}.section{padding-top:60px;padding-bottom:60px}.navbar-inner{display:none}.navbar-mobile{display:flex;flex-direction:column;align-items:center;width:100%;padding:16px 20px 18px;gap:14px;box-sizing:border-box}.mobile-logo-container{display:flex;justify-content:center;align-items:center;width:100%}.mobile-logo-container .navbar-logo img{height:34px;width:auto;object-fit:contain}.mobile-links-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(10px,3.5vw,18px);width:100%;position:relative;box-sizing:border-box;flex-wrap:nowrap}.mobile-nav-link{font-size:14px;font-weight:500;color:#282828;text-decoration:none;transition:color .15s ease;padding:6px 2px;white-space:nowrap}.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--ink)}.mobile-dropdown-wrapper{position:relative;display:inline-flex;align-items:center}.mobile-dropdown-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#282828;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mobile-dropdown-btn:hover,.mobile-dropdown-btn.open{color:var(--ink);background-color:var(--soft-surface)}.dropdown-chevron{transition:transform .2s cubic-bezier(.16,1,.3,1)}.dropdown-chevron.rotated{transform:rotate(180deg)}.mobile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;min-width:165px;background-color:var(--paper);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000f;padding:6px;display:flex;flex-direction:column;gap:2px;animation:mobileDropdownFade .18s cubic-bezier(.16,1,.3,1)}@keyframes mobileDropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-dropdown-item{font-size:14px;font-weight:500;color:#282828;text-decoration:none;padding:10px 14px;border-radius:8px;transition:background-color .15s ease,color .15s ease;display:flex;align-items:center;white-space:nowrap;min-height:42px}.mobile-dropdown-item:hover,.mobile-dropdown-item:active{background-color:var(--soft-surface);color:var(--ink)}.mobile-cta-container{width:100%;display:flex;justify-content:center;align-items:center;margin:2px auto 0;padding:0;box-sizing:border-box}.mobile-cta-btn{padding:12px 28px;font-size:14px;font-weight:600;text-align:center;border-radius:8px;display:inline-flex;justify-content:center;align-items:center}.project-preview-wrapper{height:auto;aspect-ratio:16 / 10}.project-preview-image{object-position:top center}.typo-display{font-size:44px;letter-spacing:-1.5px}.typo-section-heading{font-size:28px;letter-spacing:-.8px}.portfolio-grid-2,.portfolio-grid-3{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:36px}.footer-bottom{flex-direction:column;align-items:flex-start}}