@font-face{font-family:Raleway;src:url(/fonts/raleway-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Raleway;src:url(/fonts/raleway-700.ttf) format("truetype");font-weight:700;font-display:swap}:root{font-family:Raleway,sans-serif;color:#fff;background:#1a1a1a;font-synthesis:none;--yellow:#ffd544;--pink:#e41da5;--overlay:#1a1423}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:var(--yellow);text-decoration:none}a:hover{color:#ffe893}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin:1rem 0}h1{font-size:2rem;font-weight:700;line-height:1.35}h2{font-size:1.8rem;line-height:1.35}h3{font-size:1.6rem;line-height:1.3}p{color:#c4c7cc;line-height:1.55}.main{height:100dvh;overflow-y:auto;overflow-x:hidden;outline:none;background:#1a1a1a;transform-origin:center;transition:transform .35s;scrollbar-color:#6c757d transparent}.main.leaving{transform:scale(.92)}.main.entering{animation:page-in .45s both}.section{position:relative;min-height:100dvh;display:flex;background:#1a1a1a;line-height:1.4}.section.auto{min-height:auto}.section-wrapper{position:relative;z-index:1;width:100%;padding:4rem}.photo{background-position:center;background-size:cover;background-attachment:fixed;padding-top:70px}.photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1423d9}.hero{background-image:url(/assets/hero.jpg);padding-top:0}.hero .section-wrapper{display:flex;align-items:center;justify-content:center;min-height:100dvh}.hero-content{width:100%;max-width:40rem;padding:2rem 4rem;background:#e41da580}.hero-content p{line-height:1.4}.about{background-image:url(/assets/about_bg.jpg)}.capabilities{background-image:url(/assets/portfolio_bg.jpg)}.contact{background-image:url(/assets/contact_bg.jpg)}.about-grid{display:grid;grid-template-columns:1fr 5fr;gap:2rem;margin-top:2rem}.big-logo{width:100%;max-width:300px;padding:2rem;border-radius:50%;background:#ffffff26}.intro{max-width:780px}.eyebrow{font-size:.7rem;letter-spacing:.2em;color:var(--yellow);font-weight:700}.nav{position:fixed;top:0;left:0;z-index:10;width:100%;height:80px;padding:1rem 4rem;display:flex;align-items:center;justify-content:space-between;transition:height .15s,background .15s}.branding{display:flex;align-items:center;gap:12px;color:#fff;height:100%}.branding img{height:100%;width:auto}.branding span{font-size:12px;font-weight:700;letter-spacing:.25em}.nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav nav a{font-weight:700;color:#fff;text-transform:lowercase}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--yellow)}.nav.scrolled{background:#fff;height:60px;box-shadow:0 16px 16px #0000001a}.scrolled .branding,.scrolled nav a{color:#212529}.scrolled nav a[aria-current=page]{color:#806500}.burger{display:none}.btn{display:inline-block;padding:1rem 2rem;font-weight:700;border:1px solid var(--pink);color:#ff9bdd;background:#e41da50d;margin:1rem .5rem 1rem 0;position:relative;isolation:isolate;transition:color .15s}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:var(--pink);z-index:-1;transition:width .15s}.btn:hover{color:#fff}.btn:hover:before{width:100%}.btn.primary{border-color:var(--yellow);color:#ffe996;background:#ffd5440d}.btn.primary:before{background:var(--yellow)}.btn.primary:hover{color:#1a1423}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0}.service-card{min-height:40vh;background:#ffffff0f;padding:2rem;border-top:1px solid #ffffff40;display:flex;flex-direction:column}.card-label,.card-detail{font-size:.65rem;letter-spacing:.15em;line-height:1.8;color:#d4d5d8}.service-card h3{margin-top:2rem}.card-detail{margin-top:auto;padding-top:1.5rem}.card-link{font-size:.8rem;margin-top:1.5rem}.split{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.split>div:last-child{max-width:760px}.filters{display:flex;gap:.75rem;margin-top:2rem}.filters button{padding:.65rem 1.25rem;border:1px solid #ffffff50;background:transparent;color:#fff;cursor:pointer}.filters button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow);background:#ffd5440d}.contact-panel{max-width:560px;margin:2rem auto;padding:2rem;background:#00000080}.contact-note{border-top:1px solid #ffffff30;padding-top:1.5rem}.email-address{overflow-wrap:anywhere}.text-link{display:inline-block;margin:1rem 0}.footer{position:fixed;z-index:8;bottom:0;width:100%;padding:.5rem 1rem;background:#ffffff1a;display:flex;justify-content:center;gap:.6rem;letter-spacing:.2rem;font-size:.5rem;color:#ccc}.footer a{color:#fff}.footer span{margin-left:1rem}.reveal{opacity:0;transform:translateY(24px)}.reveal.visible{animation:reveal .65s var(--delay) both}.transition-cover{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:9;pointer-events:none;transform:translateY(-100%)}.transition-cover.leaving{animation:cover-in .35s both}.transition-cover.entering{animation:cover-out .45s both}.transition-cover img{position:absolute;width:70px;top:50%;left:50%;transform:translate(-50%,-50%)}.skip-link{position:fixed;top:-100px;left:1rem;z-index:30;padding:1rem;background:#212529}.skip-link:focus{top:1rem}.menu-backdrop{display:none}@keyframes reveal{to{opacity:1;transform:none}}@keyframes page-in{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes cover-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes cover-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(max-width:1024px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{padding:1rem 2rem}.nav ul{gap:1.4rem}}@media(max-width:736px){.nav{padding:1rem 1.5rem}.branding{height:36px;gap:8px}.branding span{font-size:10px}.section-wrapper{padding:2rem 1.5rem 4rem}.photo{background-attachment:scroll;padding-top:80px}.hero{padding-top:0}.hero .section-wrapper{padding-top:100px}.hero-content{padding:1.75rem}.hero-content h1{font-size:2rem}.burger{position:relative;z-index:13;display:block;width:40px;height:40px;background:none;border:0;cursor:pointer}.burger span{position:absolute;left:4px;top:18px;width:32px;height:3px;background:#fff;transition:transform .15s}.burger span:first-child{transform:translateY(-9px)}.burger span:last-child{transform:translateY(9px)}.scrolled .burger span{background:#212529}.menu-open .burger span{background:#fff}.menu-open .burger span:first-child{transform:rotate(-45deg)}.menu-open .burger span:nth-child(2){transform:scaleX(0)}.menu-open .burger span:last-child{transform:rotate(45deg)}.nav nav{position:fixed;top:0;right:0;width:min(70vw,280px);height:100dvh;background:#212529;padding:80px 0 2rem;transform:translate(110%);transition:transform .2s;visibility:hidden;z-index:12;overflow:auto;box-shadow:-16px 0 16px #00000080}.nav nav ul{display:flex;flex-direction:column;gap:0}.nav nav a{display:block;text-align:right;padding:1rem 2rem;color:#fff}.nav nav a[aria-current=page]{color:var(--yellow)}.menu-open nav{transform:none;visibility:visible}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0005;z-index:11}.about-grid,.split,.cards{grid-template-columns:1fr}.about-grid{margin-top:0;gap:1rem}.big-logo{width:130px;padding:1.5rem}.contact-panel{margin:1rem auto;padding:1.5rem}.service-card{min-height:280px}.footer{letter-spacing:.12rem}.footer span{display:none}.filters{flex-wrap:wrap}.btn{padding:.9rem 1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.transition-cover{display:none}.main.leaving{transform:none}}.portfolio-page{padding-top:80px}.portfolio-lead{font-size:1.4rem;max-width:640px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:3rem 0}.project-card{display:block;height:100%;background:#ffffff08;border:1px solid #ffffff24;color:#fff;transition:border-color .2s}.project-card:hover{border-color:var(--yellow);color:#fff}.project-preview{overflow:hidden;background:#212529;aspect-ratio:16/9}.project-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover img{transform:scale(1.025)}.project-card-copy{padding:1.8rem}.project-card-copy h3{font-size:2rem}.project-card-action{display:inline-block;margin-top:1rem;color:var(--yellow);font-size:.85rem;font-weight:700}.case-hero{padding-top:80px;background:#1a1423}.case-back{display:inline-block;font-size:.8rem;margin-bottom:2.5rem}.case-hero h1{font-size:clamp(2.8rem,6vw,5.8rem);letter-spacing:-.035em;margin:.75rem 0}.case-headline{font-size:clamp(1.3rem,2.6vw,2.2rem);color:#fff;margin:1rem 0;max-width:800px;line-height:1.3}.case-summary{max-width:680px}.case-cover{margin:2.5rem 0 0;background:#212529;border:1px solid #ffffff24}.case-cover img{display:block;width:100%;height:auto}.project-facts{display:grid;grid-template-columns:.7fr 1.2fr 1.6fr;gap:2rem;padding:2rem 0;border-bottom:1px solid #ffffff24;margin-bottom:0}.project-facts dt,.stack-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow)}.project-facts dd{margin:.8rem 0 0;color:#c4c7cc;font-size:.9rem;line-height:1.6}.case-section{padding-top:5rem;padding-bottom:5rem}.case-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:2rem;align-items:start}.case-columns h2,.case-columns h3{margin-top:1rem}.case-columns p{max-width:760px}.case-challenge{padding-top:2rem;margin-top:2rem;border-top:1px solid #ffffff24}.case-surface{background:#202024}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem;margin-top:3rem}.feature-grid h3{font-size:1.25rem}.feature-grid p{font-size:.95rem}.screenshot-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2rem;margin-top:3rem}.screenshot-gallery figure{margin:0}.screenshot-gallery figure:first-child{grid-column:1/-1}.screenshot-button{position:relative;display:block;width:100%;padding:0;border:1px solid #ffffff24;background:#212529;cursor:zoom-in}.screenshot-button img{display:block;width:100%;height:auto}.screenshot-button span{position:absolute;bottom:12px;right:12px;padding:.6rem .8rem;background:#1a1423ec;color:#fff;font-size:.7rem}.screenshot-gallery h3{font-size:1.15rem}.screenshot-gallery figcaption p{font-size:.85rem}.screenshot-dialog{width:min(1400px,94vw);max-height:94dvh;padding:1.5rem;border:1px solid #ffffff40;background:#1a1423;color:#fff;overflow:auto}.screenshot-dialog::backdrop{background:#000c}.screenshot-dialog img{display:block;width:100%;height:auto;margin-top:1.5rem}.dialog-close{display:block;margin-left:auto;padding:.7rem 1rem;border:1px solid var(--yellow);background:transparent;color:var(--yellow);cursor:pointer}.engineering-list .case-columns{padding-top:2rem;border-top:1px solid #ffffff24}.engineering-list h3{font-size:1.3rem}.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.stack-grid>div{border:1px solid #ffffff24;padding:1.75rem}.stack-grid h3{font-size:1.2rem;line-height:1.6}.stack-grid p:last-child{font-size:.9rem}.case-next{margin-top:3rem;padding-top:2rem;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;align-items:center;gap:3rem}.case-next>a:first-child{color:#fff;max-width:540px}.case-next>a:first-child:hover h3{color:var(--yellow)}@media(max-width:1024px){.nav ul{gap:1rem}.case-columns{gap:2rem}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:736px){.project-grid,.case-columns,.feature-grid,.screenshot-gallery,.stack-grid,.project-facts{grid-template-columns:1fr}.portfolio-page,.case-hero{padding-top:80px}.case-section{padding-top:3rem;padding-bottom:3rem}.case-columns{gap:.5rem}.project-grid{gap:1.5rem}.project-card-copy{padding:1.5rem}.project-facts{gap:1.2rem}.case-back{margin-bottom:1.5rem}.case-hero h1{font-size:2.8rem;overflow-wrap:anywhere}.case-next{display:block}.screenshot-dialog{padding:1rem}.feature-grid{gap:2rem}.case-cover{margin-top:1.5rem}.stack-grid>div{padding:1.5rem}}.contact-form{margin-top:2rem}.form-field{margin:1.4rem 0}.form-field label{display:block;margin-bottom:.6rem;font-weight:700;font-size:.85rem;line-height:1.5}.form-field label span{font-weight:400;color:#c4c7cc}.form-field input,.form-field textarea{width:100%;padding:.9rem 1rem;background:#1a1423cc;border:1px solid #ffffff60;color:#fff;font:inherit;line-height:1.5;border-radius:0}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--yellow);outline-offset:2px}.form-field textarea{resize:vertical;min-height:140px}.field-hint,.form-privacy{font-size:.75rem;line-height:1.6}.contact-form .btn{font:inherit;font-weight:700;cursor:pointer}.contact-form .btn:disabled{opacity:.65;cursor:wait}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-feedback{line-height:1.6;color:#ffe996;margin:1rem 0;outline:none}.form-feedback.error{color:#ffbaba}.form-feedback:empty{margin:0}.form-feedback:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}