html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}::selection{background:#7a3b2e;color:#fbfaf7}.mp-nav-link{transition:color .25s}.mp-nav-link:hover{color:#221e1b!important}.mp-btn-outline{transition:background .25s,color .25s}.mp-btn-outline:hover{background:#221e1b!important;color:#fbfaf7!important}.mp-btn-oxblood{transition:background .25s}.mp-btn-oxblood:hover{background:#612f24!important}.mp-btn-light{transition:background .25s}.mp-btn-light:hover{background:#e4e0d8!important}.mp-link-underline{transition:color .25s,border-color .25s}.mp-link-underline:hover{color:#221e1b!important;border-bottom-color:#221e1b!important}.mp-link-email:hover{color:#fbfaf7!important;border-bottom-color:#fbfaf7!important}.mp-close:hover{color:#221e1b!important}.mp-linkedin{transition:color .25s,transform .25s}.mp-linkedin:hover{color:#612f24!important;transform:translateY(-1px)}.mp-showcase:hover *,.mp-showcase:focus-within *{animation-play-state:paused!important}@keyframes mp-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes mpFloat{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}@keyframes mpSwapA{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@keyframes mpSwapB{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}@keyframes mpPop{0%,55%{opacity:0;transform:scale(.6)}62%,90%{opacity:1;transform:scale(1)}96%,to{opacity:0}}@keyframes stBar{0%,15%{width:33%}20%,35%{width:50%}40%,55%{width:67%}60%,88%{width:84%}94%,to{width:33%}}@keyframes st1{0%,15%{opacity:0;transform:scale(.6)}20%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0}}@keyframes st2{0%,35%{opacity:0;transform:scale(.6)}40%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0}}@keyframes st3{0%,55%{opacity:0;transform:scale(.6)}60%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0}}@keyframes stChip{0%,62%{opacity:0;transform:translateY(6px)}68%,88%{opacity:1;transform:none}94%,to{opacity:0}}@keyframes ghSent{0%,9%{opacity:0}13%,50%{opacity:1}55%,to{opacity:0}}@keyframes ghTask{0%,16%{opacity:0;transform:translateY(14px)}21%,92%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes ghPending{0%,50%{opacity:1}55%,to{opacity:0}}@keyframes ghDone{0%,50%{opacity:0}55%,92%{opacity:1}97%,to{opacity:0}}@keyframes ghAck{0%,64%{opacity:0;transform:translateY(8px)}70%,92%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes soRow{0%,3%{opacity:0}7%,93%{opacity:1}98%,to{opacity:0}}@keyframes soP1{0%,5%{opacity:0}7%,26%{opacity:1}30%,to{opacity:0}}@keyframes soP2{0%,26%{opacity:0}30%,48%{opacity:1}52%,to{opacity:0}}@keyframes soP3{0%,48%{opacity:0}52%,70%{opacity:1}74%,to{opacity:0}}@keyframes soP4{0%,70%{opacity:0}74%,92%{opacity:1}96%,to{opacity:0}}@keyframes soT1{0%,12%{opacity:0;transform:translate(14px)}16%,30%{opacity:1;transform:none}34%,to{opacity:0}}@keyframes soT2{0%,40%{opacity:0;transform:translate(14px)}44%,58%{opacity:1;transform:none}62%,to{opacity:0}}@keyframes soT3{0%,62%{opacity:0;transform:translate(14px)}66%,88%{opacity:1;transform:none}92%,to{opacity:0}}@keyframes sg1{0%{opacity:.4;transform:translateY(16px) scale(.95)}5%,22%{opacity:1;transform:translateY(-5px) scale(1.025)}30%,to{opacity:.4;transform:translateY(16px) scale(.95)}}@keyframes sg2{0%,22%{opacity:.4;transform:translateY(16px) scale(.95)}29%,47%{opacity:1;transform:translateY(-5px) scale(1.025)}55%,to{opacity:.4;transform:translateY(16px) scale(.95)}}@keyframes sg3{0%,47%{opacity:.4;transform:translateY(16px) scale(.95)}54%,72%{opacity:1;transform:translateY(-5px) scale(1.025)}80%,to{opacity:.4;transform:translateY(16px) scale(.95)}}@keyframes sg4{0%,72%{opacity:.4;transform:translateY(16px) scale(.95)}79%,97%{opacity:1;transform:translateY(-5px) scale(1.025)}to{opacity:.4;transform:translateY(16px) scale(.95)}}@keyframes bt1{0%,53%{opacity:0}56%,76%{opacity:1}80%,to{opacity:0}}@keyframes bt2{0%,58%{opacity:0}61%,76%{opacity:1}80%,to{opacity:0}}@keyframes bt3{0%,63%{opacity:0}66%,76%{opacity:1}80%,to{opacity:0}}@keyframes prDot{0%{left:0%}94%,to{left:100%}}@keyframes prTick{0%,90%{opacity:0}94%,99%{opacity:1}to{opacity:0}}@keyframes prL1{0%{opacity:.4}4%,22%{opacity:1}30%,to{opacity:.4}}@keyframes prL2{0%,22%{opacity:.4}28%,47%{opacity:1}55%,to{opacity:.4}}@keyframes prL3{0%,47%{opacity:.4}53%,72%{opacity:1}80%,to{opacity:.4}}@keyframes prL4{0%,72%{opacity:.4}78%,97%{opacity:1}to{opacity:.4}}@keyframes shLive{0%,to{opacity:.35}50%{opacity:1}}@keyframes ghBar{0%,50%{width:38%}58%,92%{width:100%}97%,to{width:38%}}@keyframes upStk1{0%{transform:translate(0) rotate(-10deg);opacity:0}8%{opacity:.9}55%{opacity:.9}to{transform:translate(18px,-120px) rotate(14deg);opacity:0}}@keyframes upStk2{0%{transform:translate(0) rotate(8deg);opacity:0}10%{opacity:.85}60%{opacity:.85}to{transform:translate(-22px,-140px) rotate(-16deg);opacity:0}}@keyframes upStk3{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:.8}58%{opacity:.8}to{transform:translate(10px,-100px) rotate(22deg);opacity:0}}@keyframes upGlow{0%,to{box-shadow:0 0 10px #ff3db48c}50%{box-shadow:0 0 22px #ff3db4f2}}@keyframes upTxtGlow{0%,to{text-shadow:0 0 10px rgba(56,229,255,.7)}50%{text-shadow:0 0 20px rgba(56,229,255,1)}}@keyframes ghWv{0%,to{height:6px}50%{height:20px}}header nav button{white-space:nowrap}@media (max-width: 760px){nav a[href="#work"],nav a[href="#process"]{display:none}[data-mock=phone-pair]{flex-wrap:wrap;justify-content:center}[data-mock=browser-outer]{width:100%!important;height:195px!important;overflow:hidden!important}[data-mock=browser-inner]{transform:scale(.27)!important}#work article{flex-direction:column-reverse!important;flex-wrap:nowrap!important}#work article>div{flex:0 0 auto!important;width:100%!important}#work article>div:first-child{min-height:0!important;padding:48px 24px!important}.mp-process-row{grid-template-columns:1fr!important;gap:6px!important;padding:32px 0!important}.mp-process-row h3{margin-top:2px!important}.mp-about-grid{gap:44px!important}.mp-about-portrait{margin:0 auto!important}}@media (max-width: 560px){header{padding-left:20px!important;padding-right:20px!important}header>a{font-size:11px!important;letter-spacing:.12em!important}header nav button{font-size:10.5px!important;letter-spacing:.1em!important;padding:9px 12px!important}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}