@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@200;300;400;500;600;700&display=swap";:root{--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#faf9f6;--bg-secondary:#fff;--bg-tertiary:#f1efe9;--color-primary:#0b3c5d;--color-primary-rgb:11, 60, 93;--color-accent-blue:#1d4ed8;--color-accent-gold:#c5a880;--color-accent-gold-hover:#b39369;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#8a98a8;--border-color:#0b3c5d14;--border-color-strong:#0b3c5d29;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .25s cubic-bezier(.16, 1, .3, 1);--max-width:1300px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.03em;font-weight:300;line-height:1.15}strong{font-weight:600}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.grid-lines{width:100%;max-width:var(--max-width);pointer-events:none;z-index:1;opacity:.8;justify-content:space-between;height:100%;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.grid-line{background:var(--border-color);width:1px;height:100%}.container{width:100%;max-width:var(--max-width);z-index:2;margin:0 auto;padding:0 3rem;position:relative}header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);width:100%;transition:var(--transition-smooth);background:#faf9f6cc;position:fixed;top:0;left:0}header.scrolled{background:#faf9f6f2;box-shadow:0 4px 30px #00000005}.nav-container{height:90px;transition:var(--transition-smooth);justify-content:space-between;align-items:center;display:flex}header.scrolled .nav-container{height:70px}.logo-wrapper{align-items:center;gap:.75rem;display:flex}.logo-svg{width:auto;height:34px;color:var(--color-primary);transition:var(--transition-smooth)}.logo-wrapper:hover .logo-svg{transform:rotate(-10deg)}.logo-text{font-family:var(--font-title);letter-spacing:.08em;color:var(--color-primary);font-size:1.15rem;font-weight:500}.nav-links{gap:3.5rem;list-style:none;display:flex}.nav-link{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:.5rem 0;font-size:.85rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--color-primary);width:0;height:1px;transition:var(--transition-smooth);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.cta-button{border:1px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:0;padding:.65rem 1.5rem;font-size:.8rem;font-weight:500}.cta-button:hover{background:var(--color-primary);color:var(--bg-primary)}.menu-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;display:none}.split-hero{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);min-height:100vh;padding-top:90px;display:flex;position:relative}.hero-side{z-index:10;flex-direction:column;flex:1;justify-content:center;padding:4rem 6% 6rem;transition:flex 1s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.side-tech{background-color:var(--bg-primary);border-right:1px solid var(--border-color)}.side-yapi{background-color:var(--bg-secondary)}.split-hero.hover-tech .side-tech{background-color:var(--bg-secondary);flex:1.2}.split-hero.hover-tech .side-yapi{background-color:var(--bg-primary);flex:.8}.split-hero.hover-yapi .side-yapi{flex:1.2}.split-hero.hover-yapi .side-tech{flex:.8}.hero-category{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.8rem;font-weight:500;display:flex}.category-dot{border-radius:50%;width:4px;height:4px}.side-tech .category-dot{background:var(--color-accent-blue)}.side-yapi .category-dot{background:var(--color-accent-gold)}.hero-title{color:var(--color-primary);margin-bottom:2rem;font-size:4rem;font-weight:200;line-height:1.1}.hero-title strong{font-weight:500}.hero-description{color:var(--text-secondary);max-width:420px;margin-bottom:3.5rem;font-size:1rem;font-weight:300}.hero-btn{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);border-bottom:1px solid var(--color-primary);align-items:center;gap:1rem;width:fit-content;padding-bottom:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.hero-btn svg{width:14px;height:14px;color:var(--color-primary);transition:transform .4s cubic-bezier(.16,1,.3,1)}.hero-btn:hover svg{transform:translate(8px)}.side-yapi .hero-btn{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.side-yapi .hero-btn svg{color:var(--color-accent-gold)}.side-yapi .hero-btn:hover{color:var(--color-accent-gold-hover);border-color:var(--color-accent-gold-hover)}.line-art{opacity:.03;pointer-events:none;width:180px;height:180px;color:var(--color-primary);transition:var(--transition-smooth);position:absolute;bottom:8%;right:5%}.hero-side:hover .line-art{opacity:.07;transform:scale(1.05)}section{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);padding:10rem 0}.section-header{max-width:800px;margin-bottom:6rem}.section-tag{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-gold);margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:inline-block}.section-title{color:var(--color-primary);margin-bottom:2rem;font-size:3.5rem;font-weight:200}.section-title strong{font-weight:500}.section-desc{color:var(--text-secondary);font-size:1.1rem;font-weight:300;line-height:1.7}.tech-grid,.yapi-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid}.tech-cards{border-left:1px solid var(--border-color);flex-direction:column;gap:3.5rem;padding-left:3rem;display:flex}.tech-card{position:relative}.tech-card-indis{font-family:var(--font-title);color:var(--color-accent-blue);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.tech-card-title{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:400}.tech-card-desc{color:var(--text-secondary);font-size:.95rem;font-weight:300}.tech-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;padding:3rem;position:sticky;top:140px}.code-mockup{color:#334155;font-family:Courier New,Courier,monospace;font-size:.8rem;line-height:2}.code-line{display:block}.code-line .keyword{color:var(--color-accent-blue);font-weight:600}.code-line .string{color:#0d9488}.code-line .function{color:#0f172a}.code-line .comment{color:var(--text-muted)}.yapi-features{border-right:1px solid var(--border-color);flex-direction:column;gap:3.5rem;padding-right:3rem;display:flex}.yapi-feature{flex-direction:column;display:flex}.yapi-feature-num{font-family:var(--font-title);color:var(--color-accent-gold);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.yapi-feature-content h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:400}.yapi-feature-content p{color:var(--text-secondary);font-size:.95rem;font-weight:300}.yapi-gallery-preview{border:1px solid var(--border-color);aspect-ratio:4/3;background:var(--bg-secondary);position:sticky;top:140px}.yapi-img-overlay{background:linear-gradient(#0000,#faf9f6e6);width:100%;padding:3rem;position:absolute;bottom:0;left:0}.yapi-img-title{color:var(--color-primary);font-size:1.5rem;font-weight:400}.yapi-img-location{color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:.8rem;font-weight:600}.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:8rem;display:grid}.about-content h2{color:var(--color-primary);margin-bottom:2.5rem;font-size:3rem;font-weight:200}.about-quote{color:var(--text-secondary);border-left:2px solid var(--color-accent-gold);margin:3rem 0;padding-left:2rem;font-size:1.4rem;font-weight:300;line-height:1.6}.founder-signature{margin-top:4rem}.founder-name{font-family:var(--font-title);color:var(--color-primary);font-size:1.2rem;font-weight:500}.founder-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.85rem}.about-stats{border-left:1px solid var(--border-color);grid-template-columns:1fr;gap:3rem;padding-left:4rem;display:grid}.stat-box{border-bottom:1px solid var(--border-color);padding-bottom:2rem}.stat-box:last-child{border-bottom:none}.stat-number{font-family:var(--font-title);color:var(--color-primary);margin-bottom:.5rem;font-size:3.5rem;font-weight:200;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.projects-filter{border-bottom:1px solid var(--border-color);gap:2.5rem;margin-bottom:5rem;padding-bottom:1.5rem;display:flex}.filter-btn{color:var(--text-muted);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;padding-bottom:1.5rem;font-size:.85rem;font-weight:500;position:relative;top:1px}.filter-btn.active,.filter-btn:hover{color:var(--color-primary)}.filter-btn.active:after{content:"";background:var(--color-primary);width:100%;height:2px;position:absolute;bottom:0;left:0}.projects-list{flex-direction:column;display:flex}.project-row{border-bottom:1px solid var(--border-color);transition:var(--transition-smooth);cursor:pointer;grid-template-columns:.1fr .3fr 1.1fr .5fr;align-items:center;padding:3rem 0;display:grid;position:relative}.project-row:hover{background-color:var(--bg-secondary);padding-left:1.5rem;padding-right:1.5rem}.project-num{font-family:var(--font-title);color:var(--text-muted);font-size:.85rem;font-weight:500}.project-category{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:600}.project-row[data-type=tech] .project-category{color:var(--color-accent-blue)}.project-row[data-type=yapi] .project-category{color:var(--color-accent-gold)}.project-info-col{flex-direction:column;gap:.5rem;display:flex}.project-title{color:var(--color-primary);font-size:1.8rem;font-weight:300}.project-desc{color:var(--text-secondary);max-width:600px;font-size:.95rem;font-weight:300}.project-action{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);opacity:.5;transition:var(--transition-fast);justify-self:end;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.project-row:hover .project-action{opacity:1;transform:translate(-10px)}.project-action svg{width:14px;height:14px}.contact-grid{grid-template-columns:1fr 1fr;gap:8rem;display:grid}.contact-info{flex-direction:column;justify-content:space-between;display:flex}.contact-methods{flex-direction:column;gap:3.5rem;margin-top:4rem;display:flex}.contact-method{align-items:start;gap:2rem;display:flex}.contact-method-icon{color:var(--color-accent-gold);flex-shrink:0;margin-top:.25rem}.contact-method h4{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:1rem;font-weight:500}.contact-method p{color:var(--text-secondary);font-size:.95rem;font-weight:300}.contact-form-container{background:0 0;border:none;padding:0}.form-select-tabs{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem;display:grid}.select-tab{border:1px solid var(--border-color-strong);color:var(--text-secondary);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:var(--transition-fast);text-align:center;background:0 0;padding:1rem;font-size:.8rem;font-weight:500}.select-tab.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--bg-secondary)}.form-group{margin-bottom:3rem;position:relative}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.form-input{border:none;border-bottom:1px solid var(--border-color-strong);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);background:0 0;padding:.75rem 0;font-size:1rem;font-weight:300}.form-input:focus{border-bottom-color:var(--color-primary);outline:none}textarea.form-input{resize:vertical;min-height:80px}.form-submit-btn{background:var(--color-primary);width:100%;color:var(--bg-primary);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition-smooth);border:none;padding:1.2rem;font-size:.85rem;font-weight:600}.form-submit-btn:hover{background:var(--text-primary);box-shadow:0 10px 30px #00000014}footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:10;padding:8rem 0 4rem;position:relative}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:5rem;margin-bottom:6rem;display:grid}.footer-brand-desc{color:var(--text-secondary);max-width:320px;margin-top:2rem;margin-bottom:2.5rem;font-size:.95rem;font-weight:300}.footer-socials{gap:1.5rem;display:flex}.social-link{color:var(--text-muted);transition:var(--transition-fast)}.social-link:hover{color:var(--color-primary)}.footer-col h5{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:2rem;font-size:.85rem;font-weight:600}.footer-links{flex-direction:column;gap:1rem;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;font-weight:300}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:3rem;font-size:.85rem;display:flex}.reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero-title{font-size:3.2rem}.tech-grid,.yapi-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:5rem}.tech-preview,.yapi-gallery-preview{order:-1;position:static}.project-row{grid-template-columns:.1fr .4fr 1.2fr .3fr}.footer-grid{grid-template-columns:1fr 1fr;gap:4rem}}@media (width<=768px){.split-hero{flex-direction:column;min-height:auto}.hero-side{padding:6rem 2rem}.split-hero.hover-tech .side-tech,.split-hero.hover-tech .side-yapi,.split-hero.hover-yapi .side-yapi,.split-hero.hover-yapi .side-tech{flex:1}.side-tech{border-right:none;border-bottom:1px solid var(--border-color)}.nav-links,.header-cta{display:none}.nav-links.active{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:99;flex-direction:column;gap:2rem;width:100%;padding:3rem;display:flex;position:absolute;top:90px;left:0}.menu-toggle{display:block}.project-row{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.project-action{justify-self:start}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}.section-title{font-size:2.5rem}}