.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:#f2ede5eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(28,31,34,.07);transition:border-color .22s ease,background .22s ease}.navbar--scrolled{background:#f2ede5fa;border-bottom:1px solid rgba(28,31,34,.12)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar__logo{display:flex;align-items:center;gap:0;text-decoration:none;flex-shrink:0}.navbar__logo-icon{height:58px;width:auto;margin-right:12px;flex-shrink:0}.navbar__logo-main{font-family:var(--ff-display);font-size:1.4rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--slate-ink)}.navbar__logo-dot{color:var(--clay);font-family:var(--ff-display);font-size:1.2rem;margin:0 4px}.navbar__logo-sub{font-family:var(--ff-body);font-size:.78rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--slate-mid)}.navbar__desktop{display:flex;align-items:center;gap:36px}.navbar__link{font-family:var(--ff-body);font-size:.8rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-mid);transition:color .2s ease}.navbar__link:hover{color:var(--clay)}.navbar__link--active{color:var(--clay)!important;font-weight:500}.navbar__lang{font-family:var(--ff-body);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:2px;border:1px solid var(--clay-mist);background:transparent;color:var(--slate-mid);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.navbar__lang:hover{background:var(--clay);color:var(--white);border-color:var(--clay)}.navbar__lang-picker{position:relative}.navbar__lang-chevron{font-size:.6rem;opacity:.7}.navbar__lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--soft);border:1px solid var(--clay-mist);border-radius:2px;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:200}.navbar__lang-dropdown--open{opacity:1;pointer-events:all;transform:translateY(0)}[dir=rtl] .navbar__mobile-controls .navbar__lang-dropdown{right:auto;left:0}.navbar__lang-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-family:var(--ff-body);font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-mid);transition:background .15s ease,color .15s ease;text-align:left}.navbar__lang-option:hover{background:var(--clay-mist);color:var(--clay)}.navbar__lang-option--active{color:var(--clay);font-weight:600}.navbar__lang-name{font-weight:300;letter-spacing:.05em;text-transform:none;opacity:.8}.navbar__mobile-controls{display:none;align-items:center;gap:12px}.navbar__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:none;padding:6px;cursor:pointer}.navbar__hamburger span{display:block;width:100%;height:2px;background:var(--slate-ink);border-radius:2px;transition:transform .22s ease,opacity .22s ease}.navbar__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__drawer{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;z-index:999;opacity:0;pointer-events:none;transition:opacity .22s ease}.navbar__drawer--open{opacity:1;pointer-events:all}.navbar__drawer-link{font-family:var(--ff-display);font-size:1.75rem;font-weight:700;color:var(--slate-ink);transition:color .2s ease}.navbar__drawer-link:hover,.navbar__drawer-link--active{color:var(--clay)}@media (max-width: 768px){.navbar__desktop{display:none}.navbar__mobile-controls{display:flex}}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:64px}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:40px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--slate-ink: #1C1F22;--slate-mid: #536069;--clay: #B86B4A;--clay-mist: #D5CEC0;--soft: #F2EDE5;--white: #FFFFFF;--ff-display: "Cormorant Garamond", Georgia, serif;--ff-body: "DM Sans", system-ui, sans-serif;--ff-mono: "JetBrains Mono", monospace;--nav-h: 72px;--radius: 4px;--transition: .22s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--ff-body);background:var(--soft);color:var(--slate-ink);line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--ff-body)}h1{font-family:var(--ff-display);font-weight:300;font-size:clamp(3.2rem,6vw,5.5rem);line-height:1.08;letter-spacing:-.02em}h1 em{font-style:italic;font-weight:300}h2{font-family:var(--ff-display);font-weight:300;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.02em}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section--dark{background:var(--slate-ink);color:var(--soft)}.section--mist{background:var(--clay-mist)}.section-label{display:inline-block;font-family:var(--ff-mono);font-size:.72rem;font-weight:400;letter-spacing:.12em;color:var(--clay);margin-bottom:16px}.section-label:before{content:"// ";opacity:.5}.section-headline{font-family:var(--ff-display);font-size:clamp(2.2rem,4vw,3.25rem);font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--slate-ink);margin-bottom:20px;white-space:pre-line}.section-headline--light{color:var(--soft)}.section-body{font-size:1.0625rem;color:var(--slate-mid);max-width:600px;line-height:1.75}.section-body--light{color:var(--clay-mist)}.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 36px;border-radius:0;font-family:var(--ff-body);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background var(--transition),color var(--transition),border-color var(--transition),transform .15s ease;border:1px solid transparent}.btn--primary{background:var(--clay);color:var(--white);border-color:var(--clay)}.btn--primary:hover{background:#9d5a3a;border-color:#9d5a3a;transform:translateY(-2px)}.btn--outline{background:transparent;color:var(--slate-ink);border-color:var(--slate-ink)}.btn--outline:hover{background:var(--slate-ink);color:var(--soft);transform:translateY(-2px)}.btn--outline-light{background:transparent;color:var(--soft);border-color:#d5cec080}.btn--outline-light:hover{background:var(--clay);border-color:var(--clay);transform:translateY(-2px)}.divider{width:48px;height:3px;background:var(--clay);margin:0 0 24px}.card{background:var(--white);border:1px solid var(--clay-mist);border-radius:var(--radius);padding:36px;transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:0 8px 32px #1c1f2214;transform:translateY(-2px)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width: 900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:64px 0}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:var(--slate-mid)}.form-group input,.form-group textarea,.form-group select{font-family:var(--ff-body);font-size:.9375rem;color:var(--slate-ink);background:var(--white);border:1px solid var(--clay-mist);border-radius:var(--radius);padding:12px 16px;outline:none;transition:border-color var(--transition)}.form-group input:focus,.form-group textarea:focus{border-color:var(--clay)}.form-group textarea{resize:vertical;min-height:140px}.tag{display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:100px;background:var(--soft);border:1px solid var(--clay-mist);color:var(--slate-mid)}.hero-right-panel{display:flex;width:100%}@media (max-width: 900px){.hero-right-panel{margin-top:40px}.hero-single-col{grid-template-columns:1fr!important}}@media (max-width: 900px){.process-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.hero-grid-cols{grid-template-columns:1fr!important}.two-col-grid{grid-template-columns:1fr!important;gap:40px!important}.about-visual-col{display:none}.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}.portfolio-grid,.form-row{grid-template-columns:1fr!important}.cta-strip{flex-direction:column!important;align-items:flex-start!important}.process-grid{grid-template-columns:1fr!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--soft)}::-webkit-scrollbar-thumb{background:var(--clay-mist);border-radius:4px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:cursor-blink 1s step-end infinite}@keyframes code-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.code-float{animation:code-float 4s ease-in-out infinite}@keyframes typing-reveal{0%{max-width:0}to{max-width:100%}}.typing-line{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;vertical-align:bottom;animation:typing-reveal 1.5s steps(29,end) 1.5s forwards}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}