<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Daniel Patricio</title>
  <meta name='description' content='I build software and advise companies with the mission of building better products for merchants.'>

  <link rel="canonical" href="/">
  <link rel="alternate" type="application/rss+xml" title="Daniel Patricio" href="/feed.xml">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Daniel Patricio">
  <meta name="twitter:description" content="I build software and advise companies with the mission of building better products for merchants.">
  <meta name="twitter:image:src" content="/images/daniel_profile.jpg">

  <!-- Facebook OpenGraph -->
  <meta property="og:title" content="Daniel Patricio">
  <meta property="og:description" content="I build software and advise companies with the mission of building better products for merchants.">
  <meta property="og:image" content="/images/daniel_profile.jpg">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.gstatic.com">

  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@700;800&family=Inter:wght@400;500;700&display=swap" as="style">

  <link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@700;800&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">

  <!-- Ionicons -->
  <link rel="preload" href="https://unpkg.com/ionicons@4.2.2/dist/css/ionicons.min.css" as="style">

  <link href="https://unpkg.com/ionicons@4.2.2/dist/css/ionicons.min.css" rel="stylesheet">

  <script>
    
      document.documentElement.setAttribute("light", "");
      document.documentElement.classList.add('light-mode');
    
  </script>

  <style>
  
      /*!------------------------------------------------------------------
[MAIN STYLESHEET]
-------------------------------------------------------------------*/:root{--brand-color: #fec824;--white: #fff;--light-gray: #ededf1;--light-blue: #f3f7ff;--blue-gray: #716f8a;--gray: #767676;--dark: #181818;--dark-blue: #1e2740;--background-color: var(--white);--background-alt-color: var(--light-gray);--text-color: var(--dark);--text-alt-color: var(--gray);--heading-font-color: var(--dark);--link-color: var(--dark);--link-color-hover: var(--dark);--button-color: var(--white);--button-background-color: var(--brand-color);--button-background-hover: #ffd147;--border-color: var(--light-blue);--border-color-alt: var(--light-blue);--th-color: var(--light-gray);--tr-color: var(--light-gray);--syntax-highlighting-background: #f3f3f3}:root[dark]{--brand-color: #ad72df;--white: #fff;--light-gray: #f0f0f0;--gray: #9e9e9e;--dark: #111016;--background-color: var(--dark);--background-alt-color: #1a1a1f;--text-color: var(--gray);--text-alt-color: var(--gray);--heading-font-color: var(--light-gray);--link-color: var(--light-gray);--link-color-hover: var(--light-gray);--button-color: var(--white);--button-background-color: var(--brand-color);--button-background-hover: #ba7cef;--border-color: #252629;--border-color-alt: #080b12;--th-color: #18181d;--tr-color: #080b12;--syntax-highlighting-background: #080b12}.list-reset{list-style-type:none;margin:0;padding:0}.clearfix::after,.clearfix ::before{content:"";display:table;clear:both}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,fieldset,legend,figure,hr{margin:0;padding:0}li>ul,li>ol{margin-bottom:0}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,ul,ol,dl,blockquote,p,address,hr,table,fieldset,figure,pre{margin-bottom:32px}ul,ol,dd{margin-left:16px;padding-left:4px}ul li,ol li{margin-bottom:10px}.highlight{margin-bottom:32px;background:var(--syntax-highlighting-background)}.highlighter-rouge .highlight{background:var(--syntax-highlighting-background)}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#5d76bf;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#ec2355}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#5d76bf;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:#4d65dc}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#ec2355}.highlight .sc{color:#ec2355}.highlight .sd{color:#ec2355}.highlight .s2{color:#ec2355}.highlight .se{color:#ec2355}.highlight .sh{color:#ec2355}.highlight .si{color:#ec2355}.highlight .sx{color:#ec2355}.highlight .sr{color:#009926}.highlight .s1{color:#ec2355}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}.container{max-width:1300px;padding-left:16px;padding-right:16px}.container-big{max-width:100%;padding-left:calc(16px * 4);padding-right:calc(16px * 4)}.container,.container-big{margin:0 auto}@media only screen and (max-width: 1400px){.container,.container-big{max-width:1000px;padding-left:16px;padding-right:16px}}@media only screen and (max-width: 1024px){.container,.container-big{max-width:740px}}@media only screen and (max-width: 768px){.container,.container-big{max-width:560px}}@media only screen and (max-width: 576px){.container,.container-big{max-width:480px;padding-left:calc(16px + 4px);padding-right:calc(16px + 4px)}}.row{display:flex;flex-wrap:wrap;flex:0 1 auto;flex-direction:row;box-sizing:border-box;margin-left:-16px;margin-right:-16px}.col{padding-left:16px;padding-right:16px}[class^="col-"]{flex:auto}.col-0{width:0%}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}.push-0{margin-left:0%}.push-1{margin-left:8.3333333333%}.push-2{margin-left:16.6666666667%}.push-3{margin-left:25%}.push-4{margin-left:33.3333333333%}.push-5{margin-left:41.6666666667%}.push-6{margin-left:50%}.push-7{margin-left:58.3333333333%}.push-8{margin-left:66.6666666667%}.push-9{margin-left:75%}.push-10{margin-left:83.3333333333%}.push-11{margin-left:91.6666666667%}.push-12{margin-left:100%}.pull-0{margin-right:0%}.pull-1{margin-right:8.3333333333%}.pull-2{margin-right:16.6666666667%}.pull-3{margin-right:25%}.pull-4{margin-right:33.3333333333%}.pull-5{margin-right:41.6666666667%}.pull-6{margin-right:50%}.pull-7{margin-right:58.3333333333%}.pull-8{margin-right:66.6666666667%}.pull-9{margin-right:75%}.pull-10{margin-right:83.3333333333%}.pull-11{margin-right:91.6666666667%}.pull-12{margin-right:100%}@media (max-width: 1024px){.col-d-0{width:0%}.col-d-1{width:8.3333333333%}.col-d-2{width:16.6666666667%}.col-d-3{width:25%}.col-d-4{width:33.3333333333%}.col-d-5{width:41.6666666667%}.col-d-6{width:50%}.col-d-7{width:58.3333333333%}.col-d-8{width:66.6666666667%}.col-d-9{width:75%}.col-d-10{width:83.3333333333%}.col-d-11{width:91.6666666667%}.col-d-12{width:100%}.push-d-0{margin-left:0%}.push-d-1{margin-left:8.3333333333%}.push-d-2{margin-left:16.6666666667%}.push-d-3{margin-left:25%}.push-d-4{margin-left:33.3333333333%}.push-d-5{margin-left:41.6666666667%}.push-d-6{margin-left:50%}.push-d-7{margin-left:58.3333333333%}.push-d-8{margin-left:66.6666666667%}.push-d-9{margin-left:75%}.push-d-10{margin-left:83.3333333333%}.push-d-11{margin-left:91.6666666667%}.push-d-12{margin-left:100%}.pull-d-0{margin-right:0%}.pull-d-1{margin-right:8.3333333333%}.pull-d-2{margin-right:16.6666666667%}.pull-d-3{margin-right:25%}.pull-d-4{margin-right:33.3333333333%}.pull-d-5{margin-right:41.6666666667%}.pull-d-6{margin-right:50%}.pull-d-7{margin-right:58.3333333333%}.pull-d-8{margin-right:66.6666666667%}.pull-d-9{margin-right:75%}.pull-d-10{margin-right:83.3333333333%}.pull-d-11{margin-right:91.6666666667%}.pull-d-12{margin-right:100%}}@media (max-width: 768px){.col-t-0{width:0%}.col-t-1{width:8.3333333333%}.col-t-2{width:16.6666666667%}.col-t-3{width:25%}.col-t-4{width:33.3333333333%}.col-t-5{width:41.6666666667%}.col-t-6{width:50%}.col-t-7{width:58.3333333333%}.col-t-8{width:66.6666666667%}.col-t-9{width:75%}.col-t-10{width:83.3333333333%}.col-t-11{width:91.6666666667%}.col-t-12{width:100%}.push-t-0{margin-left:0%}.push-t-1{margin-left:8.3333333333%}.push-t-2{margin-left:16.6666666667%}.push-t-3{margin-left:25%}.push-t-4{margin-left:33.3333333333%}.push-t-5{margin-left:41.6666666667%}.push-t-6{margin-left:50%}.push-t-7{margin-left:58.3333333333%}.push-t-8{margin-left:66.6666666667%}.push-t-9{margin-left:75%}.push-t-10{margin-left:83.3333333333%}.push-t-11{margin-left:91.6666666667%}.push-t-12{margin-left:100%}.pull-t-0{margin-right:0%}.pull-t-1{margin-right:8.3333333333%}.pull-t-2{margin-right:16.6666666667%}.pull-t-3{margin-right:25%}.pull-t-4{margin-right:33.3333333333%}.pull-t-5{margin-right:41.6666666667%}.pull-t-6{margin-right:50%}.pull-t-7{margin-right:58.3333333333%}.pull-t-8{margin-right:66.6666666667%}.pull-t-9{margin-right:75%}.pull-t-10{margin-right:83.3333333333%}.pull-t-11{margin-right:91.6666666667%}.pull-t-12{margin-right:100%}}@media (max-width: 576px){.col-m-0{width:0%}.col-m-1{width:8.3333333333%}.col-m-2{width:16.6666666667%}.col-m-3{width:25%}.col-m-4{width:33.3333333333%}.col-m-5{width:41.6666666667%}.col-m-6{width:50%}.col-m-7{width:58.3333333333%}.col-m-8{width:66.6666666667%}.col-m-9{width:75%}.col-m-10{width:83.3333333333%}.col-m-11{width:91.6666666667%}.col-m-12{width:100%}.push-m-0{margin-left:0%}.push-m-1{margin-left:8.3333333333%}.push-m-2{margin-left:16.6666666667%}.push-m-3{margin-left:25%}.push-m-4{margin-left:33.3333333333%}.push-m-5{margin-left:41.6666666667%}.push-m-6{margin-left:50%}.push-m-7{margin-left:58.3333333333%}.push-m-8{margin-left:66.6666666667%}.push-m-9{margin-left:75%}.push-m-10{margin-left:83.3333333333%}.push-m-11{margin-left:91.6666666667%}.push-m-12{margin-left:100%}.pull-m-0{margin-right:0%}.pull-m-1{margin-right:8.3333333333%}.pull-m-2{margin-right:16.6666666667%}.pull-m-3{margin-right:25%}.pull-m-4{margin-right:33.3333333333%}.pull-m-5{margin-right:41.6666666667%}.pull-m-6{margin-right:50%}.pull-m-7{margin-right:58.3333333333%}.pull-m-8{margin-right:66.6666666667%}.pull-m-9{margin-right:75%}.pull-m-10{margin-right:83.3333333333%}.pull-m-11{margin-right:91.6666666667%}.pull-m-12{margin-right:100%}}@media (max-width: 1024px){.col-d-0{width:0%}.col-d-1{width:8.3333333333%}.col-d-2{width:16.6666666667%}.col-d-3{width:25%}.col-d-4{width:33.3333333333%}.col-d-5{width:41.6666666667%}.col-d-6{width:50%}.col-d-7{width:58.3333333333%}.col-d-8{width:66.6666666667%}.col-d-9{width:75%}.col-d-10{width:83.3333333333%}.col-d-11{width:91.6666666667%}.col-d-12{width:100%}.push-d-0{margin-left:0%}.push-d-1{margin-left:8.3333333333%}.push-d-2{margin-left:16.6666666667%}.push-d-3{margin-left:25%}.push-d-4{margin-left:33.3333333333%}.push-d-5{margin-left:41.6666666667%}.push-d-6{margin-left:50%}.push-d-7{margin-left:58.3333333333%}.push-d-8{margin-left:66.6666666667%}.push-d-9{margin-left:75%}.push-d-10{margin-left:83.3333333333%}.push-d-11{margin-left:91.6666666667%}.push-d-12{margin-left:100%}.pull-d-0{margin-right:0%}.pull-d-1{margin-right:8.3333333333%}.pull-d-2{margin-right:16.6666666667%}.pull-d-3{margin-right:25%}.pull-d-4{margin-right:33.3333333333%}.pull-d-5{margin-right:41.6666666667%}.pull-d-6{margin-right:50%}.pull-d-7{margin-right:58.3333333333%}.pull-d-8{margin-right:66.6666666667%}.pull-d-9{margin-right:75%}.pull-d-10{margin-right:83.3333333333%}.pull-d-11{margin-right:91.6666666667%}.pull-d-12{margin-right:100%}}@media (max-width: 768px){.col-t-0{width:0%}.col-t-1{width:8.3333333333%}.col-t-2{width:16.6666666667%}.col-t-3{width:25%}.col-t-4{width:33.3333333333%}.col-t-5{width:41.6666666667%}.col-t-6{width:50%}.col-t-7{width:58.3333333333%}.col-t-8{width:66.6666666667%}.col-t-9{width:75%}.col-t-10{width:83.3333333333%}.col-t-11{width:91.6666666667%}.col-t-12{width:100%}.push-t-0{margin-left:0%}.push-t-1{margin-left:8.3333333333%}.push-t-2{margin-left:16.6666666667%}.push-t-3{margin-left:25%}.push-t-4{margin-left:33.3333333333%}.push-t-5{margin-left:41.6666666667%}.push-t-6{margin-left:50%}.push-t-7{margin-left:58.3333333333%}.push-t-8{margin-left:66.6666666667%}.push-t-9{margin-left:75%}.push-t-10{margin-left:83.3333333333%}.push-t-11{margin-left:91.6666666667%}.push-t-12{margin-left:100%}.pull-t-0{margin-right:0%}.pull-t-1{margin-right:8.3333333333%}.pull-t-2{margin-right:16.6666666667%}.pull-t-3{margin-right:25%}.pull-t-4{margin-right:33.3333333333%}.pull-t-5{margin-right:41.6666666667%}.pull-t-6{margin-right:50%}.pull-t-7{margin-right:58.3333333333%}.pull-t-8{margin-right:66.6666666667%}.pull-t-9{margin-right:75%}.pull-t-10{margin-right:83.3333333333%}.pull-t-11{margin-right:91.6666666667%}.pull-t-12{margin-right:100%}}@media (max-width: 576px){.col-m-0{width:0%}.col-m-1{width:8.3333333333%}.col-m-2{width:16.6666666667%}.col-m-3{width:25%}.col-m-4{width:33.3333333333%}.col-m-5{width:41.6666666667%}.col-m-6{width:50%}.col-m-7{width:58.3333333333%}.col-m-8{width:66.6666666667%}.col-m-9{width:75%}.col-m-10{width:83.3333333333%}.col-m-11{width:91.6666666667%}.col-m-12{width:100%}.push-m-0{margin-left:0%}.push-m-1{margin-left:8.3333333333%}.push-m-2{margin-left:16.6666666667%}.push-m-3{margin-left:25%}.push-m-4{margin-left:33.3333333333%}.push-m-5{margin-left:41.6666666667%}.push-m-6{margin-left:50%}.push-m-7{margin-left:58.3333333333%}.push-m-8{margin-left:66.6666666667%}.push-m-9{margin-left:75%}.push-m-10{margin-left:83.3333333333%}.push-m-11{margin-left:91.6666666667%}.push-m-12{margin-left:100%}.pull-m-0{margin-right:0%}.pull-m-1{margin-right:8.3333333333%}.pull-m-2{margin-right:16.6666666667%}.pull-m-3{margin-right:25%}.pull-m-4{margin-right:33.3333333333%}.pull-m-5{margin-right:41.6666666667%}.pull-m-6{margin-right:50%}.pull-m-7{margin-right:58.3333333333%}.pull-m-8{margin-right:66.6666666667%}.pull-m-9{margin-right:75%}.pull-m-10{margin-right:83.3333333333%}.pull-m-11{margin-right:91.6666666667%}.pull-m-12{margin-right:100%}}@media (max-width: 1024px){.col-d-0{width:0%}.col-d-1{width:8.3333333333%}.col-d-2{width:16.6666666667%}.col-d-3{width:25%}.col-d-4{width:33.3333333333%}.col-d-5{width:41.6666666667%}.col-d-6{width:50%}.col-d-7{width:58.3333333333%}.col-d-8{width:66.6666666667%}.col-d-9{width:75%}.col-d-10{width:83.3333333333%}.col-d-11{width:91.6666666667%}.col-d-12{width:100%}.push-d-0{margin-left:0%}.push-d-1{margin-left:8.3333333333%}.push-d-2{margin-left:16.6666666667%}.push-d-3{margin-left:25%}.push-d-4{margin-left:33.3333333333%}.push-d-5{margin-left:41.6666666667%}.push-d-6{margin-left:50%}.push-d-7{margin-left:58.3333333333%}.push-d-8{margin-left:66.6666666667%}.push-d-9{margin-left:75%}.push-d-10{margin-left:83.3333333333%}.push-d-11{margin-left:91.6666666667%}.push-d-12{margin-left:100%}.pull-d-0{margin-right:0%}.pull-d-1{margin-right:8.3333333333%}.pull-d-2{margin-right:16.6666666667%}.pull-d-3{margin-right:25%}.pull-d-4{margin-right:33.3333333333%}.pull-d-5{margin-right:41.6666666667%}.pull-d-6{margin-right:50%}.pull-d-7{margin-right:58.3333333333%}.pull-d-8{margin-right:66.6666666667%}.pull-d-9{margin-right:75%}.pull-d-10{margin-right:83.3333333333%}.pull-d-11{margin-right:91.6666666667%}.pull-d-12{margin-right:100%}}@media (max-width: 768px){.col-t-0{width:0%}.col-t-1{width:8.3333333333%}.col-t-2{width:16.6666666667%}.col-t-3{width:25%}.col-t-4{width:33.3333333333%}.col-t-5{width:41.6666666667%}.col-t-6{width:50%}.col-t-7{width:58.3333333333%}.col-t-8{width:66.6666666667%}.col-t-9{width:75%}.col-t-10{width:83.3333333333%}.col-t-11{width:91.6666666667%}.col-t-12{width:100%}.push-t-0{margin-left:0%}.push-t-1{margin-left:8.3333333333%}.push-t-2{margin-left:16.6666666667%}.push-t-3{margin-left:25%}.push-t-4{margin-left:33.3333333333%}.push-t-5{margin-left:41.6666666667%}.push-t-6{margin-left:50%}.push-t-7{margin-left:58.3333333333%}.push-t-8{margin-left:66.6666666667%}.push-t-9{margin-left:75%}.push-t-10{margin-left:83.3333333333%}.push-t-11{margin-left:91.6666666667%}.push-t-12{margin-left:100%}.pull-t-0{margin-right:0%}.pull-t-1{margin-right:8.3333333333%}.pull-t-2{margin-right:16.6666666667%}.pull-t-3{margin-right:25%}.pull-t-4{margin-right:33.3333333333%}.pull-t-5{margin-right:41.6666666667%}.pull-t-6{margin-right:50%}.pull-t-7{margin-right:58.3333333333%}.pull-t-8{margin-right:66.6666666667%}.pull-t-9{margin-right:75%}.pull-t-10{margin-right:83.3333333333%}.pull-t-11{margin-right:91.6666666667%}.pull-t-12{margin-right:100%}}@media (max-width: 576px){.col-m-0{width:0%}.col-m-1{width:8.3333333333%}.col-m-2{width:16.6666666667%}.col-m-3{width:25%}.col-m-4{width:33.3333333333%}.col-m-5{width:41.6666666667%}.col-m-6{width:50%}.col-m-7{width:58.3333333333%}.col-m-8{width:66.6666666667%}.col-m-9{width:75%}.col-m-10{width:83.3333333333%}.col-m-11{width:91.6666666667%}.col-m-12{width:100%}.push-m-0{margin-left:0%}.push-m-1{margin-left:8.3333333333%}.push-m-2{margin-left:16.6666666667%}.push-m-3{margin-left:25%}.push-m-4{margin-left:33.3333333333%}.push-m-5{margin-left:41.6666666667%}.push-m-6{margin-left:50%}.push-m-7{margin-left:58.3333333333%}.push-m-8{margin-left:66.6666666667%}.push-m-9{margin-left:75%}.push-m-10{margin-left:83.3333333333%}.push-m-11{margin-left:91.6666666667%}.push-m-12{margin-left:100%}.pull-m-0{margin-right:0%}.pull-m-1{margin-right:8.3333333333%}.pull-m-2{margin-right:16.6666666667%}.pull-m-3{margin-right:25%}.pull-m-4{margin-right:33.3333333333%}.pull-m-5{margin-right:41.6666666667%}.pull-m-6{margin-right:50%}.pull-m-7{margin-right:58.3333333333%}.pull-m-8{margin-right:66.6666666667%}.pull-m-9{margin-right:75%}.pull-m-10{margin-right:83.3333333333%}.pull-m-11{margin-right:91.6666666667%}.pull-m-12{margin-right:100%}}.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.animate{animation:animateElement cubic-bezier(0.3, 0.45, 0.45, 0.95) 0.75s;animation-duration:0.5s;animation-iteration-count:1;transition:transform .15s}@keyframes animateElement{0%{transform:translate(0px, 50px)}100%{transform:translate(0px, 0px)}}*,*::after,*::before{box-sizing:border-box}body{font-family:"Inter",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.7;overflow-x:hidden;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.disable-animation *,body.disable-animation *::after,body.disable-animation *::before{transition:none !important}@media only screen and (max-width: 1024px){body{font-size:17px}}@media only screen and (max-width: 576px){body{font-size:16px}}*::selection{color:var(--dark);background-color:var(--brand-color)}h1,h2,h3,h4,h5,h6{font-family:"Darker Grotesque",Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:800;line-height:1.3;letter-spacing:normal;color:var(--heading-font-color)}h1{font-size:36px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}blockquote{position:relative;margin:64px 0;font-family:"Darker Grotesque",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;line-height:1.6;font-weight:900;color:var(--heading-font-color)}blockquote::after{content:'\201C';position:absolute;top:0.15em;left:0;z-index:-1;font-family:"Darker Grotesque",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:6em;line-height:0;opacity:0.08}blockquote p{margin-bottom:0}blockquote cite{display:inline-block;margin-top:18px;font-family:"Inter",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;font-style:normal;color:var(--heading-font-color)}@media only screen and (max-width: 576px){blockquote{margin:40px 0;font-size:21px}}pre{overflow:auto;padding:15px;margin-bottom:0;font-size:14px;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;color:var(--heading-font-color)}img,.lightense-wrap{max-width:100%;height:auto;vertical-align:middle}img+em,.lightense-wrap+em,.gallery+em{display:block;margin-top:20px;font-size:12px;line-height:100%;font-style:normal;font-weight:normal;text-align:center;color:var(--text-alt-color)}img+em a,.lightense-wrap+em a,.gallery+em a{font-weight:500;border-bottom:1px solid var(--border-color);transition:all 0.35s}img+em a:hover,.lightense-wrap+em a:hover,.gallery+em a:hover{color:var(--link-color);border-color:var(--link-color-hover)}@media only screen and (max-width: 576px){img+em,.lightense-wrap+em,.gallery+em{margin-top:16px}}a{text-decoration:none;color:var(--link-color);transition:all 0.35s}a:hover{color:var(--link-color-hover)}.worklink{text-decoration:underline}hr{width:100%;height:1px;margin:60px 0;border:0;background:var(--background-alt-color)}.table-container{display:block;max-width:100%;overflow-x:auto}table{font-size:12px;color:var(--dark);width:100%;border-width:1px;border-color:var(--background-alt-color);border-collapse:collapse;color:var(--heading-font-color)}table th{padding:10px;font-size:16px;text-align:left;border:1px solid var(--th-color);color:var(--heading-font-color);font-weight:700;background-color:var(--th-color)}table tr{background-color:var(--tr-color);transition:all .3s ease}table tr:nth-child(even){background-color:transparent}table td{padding:10px;font-size:14px;border:1px solid var(--background-alt-color)}.lazy{opacity:0;transition:opacity 0.3s ease-in-out}.lazy.loaded{opacity:1}.lightense-backdrop{background-color:var(--background-color) !important}.header .header__inner{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:60px 16px}@media only screen and (max-width: 1024px){.header .header__inner{padding:40px 16px}}@media only screen and (max-width: 576px){.header .header__inner{padding:32px 16px}}.logo__link{padding:8px 0;font-family:"Paytone One";font-size:26px;line-height:1;font-weight:800;transition:color .25s ease}.logo__image{max-height:50px}@media only screen and (max-width: 1024px){.main-nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0;visibility:hidden;background-color:var(--background-color)}.main-nav.is-open{z-index:100;opacity:1;visibility:visible;transition:all .25s ease}.main-nav .nav__list{flex-direction:column;width:100%}.main-nav .nav__list .nav__item{display:block;width:100%;margin:0}.main-nav .nav__list .nav__item.dropdown .dropdown-toggle{display:none}.main-nav .nav__list .nav__item .dropdown-menu{position:relative;left:0;padding:0;opacity:1;visibility:visible;transform:scale(1);min-width:auto;border:none;box-shadow:none}.main-nav .nav__list .nav__item .dropdown-menu .nav__link{display:block;margin-bottom:0;font-size:24px}.main-nav .nav__list .nav__item .dropdown-menu .nav__link::after{content:none}.main-nav .nav__list .nav__item .dropdown-menu .nav__link::before{content:"";position:absolute;display:block;width:6px;left:50%;top:6px;transform:translateX(-50%);height:6px;opacity:0;visibility:hidden;transition:all .2s;border-radius:50%;background-color:var(--link-color)}.main-nav .nav__list .nav__item .dropdown-menu .nav__link:hover::before{opacity:1;visibility:visible}.main-nav .nav__list .nav__item .dropdown-menu .nav__link.active-link::before{opacity:1;visibility:visible;background-color:var(--brand-color)}.main-nav .nav__list .nav__item .dropdown-menu .nav__link:last-child{margin-bottom:24px}.main-nav .nav__list .nav__item .nav__link{display:block;padding:20px 0;margin-bottom:0;font-size:24px;transition:color .25s ease}.main-nav .nav__list .nav__item .nav__link .arrow-down{display:none}}.main-nav__box{display:flex;align-items:center}.main-nav__box .nav__icon-close{display:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;border-radius:50%;color:var(--heading-font-color);background:var(--background-alt-color);cursor:pointer}.main-nav__box .nav__icon-close:hover .ion-md-close{transform:rotate(90deg)}.main-nav__box .nav__icon-close .ion-md-close{transition:all 0.35s}.main-nav__box .nav__title{display:none}@media only screen and (max-width: 1024px){.main-nav__box{display:block;align-items:center;width:100%;max-width:240px;height:80vh;padding-top:180px;margin:0 auto;text-align:center;overflow-y:auto}.main-nav__box .nav__icon-close{display:flex;position:absolute;top:40px;right:40px}.main-nav__box .nav__title{display:inline-block;margin-bottom:12px;font-family:"Darker Grotesque",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:36px;font-weight:800;color:var(--heading-font-color)}}@media only screen and (max-width: 768px){.main-nav__box{padding-top:100px}}.nav__list{display:flex;align-items:center}.nav__list .nav__item{display:inline-block;margin-right:48px;margin-bottom:0}.nav__list .nav__item:last-child{margin-right:0}.nav__list .nav__item .nav__link{position:relative;padding:12px 0;font-family:"Darker Grotesque",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;line-height:1;font-weight:700;transition:color .2s ease}.nav__list .nav__item .nav__link::before{content:"";position:absolute;display:block;width:6px;left:50%;top:6px;transform:translateX(-50%);height:6px;opacity:0;visibility:hidden;transition:all .2s;border-radius:50%;background-color:var(--link-color)}.nav__list .nav__item .nav__link:hover::before{opacity:1;visibility:visible}.nav__list .nav__item .nav__link.active-link::before{opacity:1;visibility:visible;background-color:var(--brand-color)}.nav__list .nav__item.dropdown{position:relative}.nav__list .nav__item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate3d(0, 0, 0)}.nav__list .nav__item.dropdown .arrow-down{vertical-align:middle}.nav__list .nav__item.dropdown .dropdown-toggle{color:var(--link-color);cursor:pointer}.nav__list .nav__item.dropdown .dropdown-toggle::before{content:none}.nav__list .dropdown-menu{position:absolute;top:calc(100% + 8px);left:-32px;transform:translate3d(0, 10px, 0);backface-visibility:hidden;z-index:100;min-width:150px;display:block;padding:20px;opacity:0;visibility:hidden;transition:all .25s ease;border:1px solid var(--background-alt-color);border-radius:8px;box-shadow:0 15px 40px 5px rgba(20,20,20,0.07);background-color:var(--background-color)}.nav__list .dropdown-menu .nav__link{position:relative;display:flex;padding:6px 12px;margin-bottom:4px;font-size:20px;line-height:1;will-change:transform}.nav__list .dropdown-menu .nav__link:hover::after{opacity:.3}.nav__list .dropdown-menu .nav__link:last-child{margin-bottom:0}.nav__list .dropdown-menu .nav__link.active-link::after{opacity:.7}.nav__list .dropdown-menu .nav__link::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;border-radius:4px;transition:opacity .2s;background-color:var(--brand-color)}.nav__list .dropdown-menu .nav__link::before{content:none}.dark-mode .dropdown-menu{background-color:var(--background-alt-color)}@media only screen and (max-width: 1024px){.dark-mode .dropdown-menu{background-color:inherit}}.nav-button{display:flex;align-items:center;font-size:21px;color:var(--link-color);border-radius:50%}.nav-button .icon__menu{display:none;margin-right:20px;cursor:pointer}.nav-button .icon__menu{transition:color .25s ease}.nav-button .icon__menu:hover{color:var(--link-color)}@media only screen and (max-width: 1024px){.nav-button{display:flex;align-items:center;margin-left:auto;font-size:24px}.nav-button .icon__menu{display:block}}.toggle-theme{position:relative;display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;user-select:none;cursor:pointer;background:var(--background-alt-color)}.toggle-theme.theme-light{transform:none;cursor:auto}.toggle-theme.theme-light .toggle-sun{display:block}.toggle-theme.theme-dark{transform:none;cursor:auto}.toggle-theme.theme-dark .toggle-moon{display:block}.toggle-sun,.toggle-moon{position:absolute;font-size:18px}.toggle-sun:hover,.toggle-moon:hover{color:var(--link-color)}.toggle-sun{display:none}.dark-mode .toggle-sun{display:block}.dark-mode .toggle-moon{display:none}.pagination{display:flex;justify-content:center;align-items:center;margin-bottom:100px}@media only screen and (max-width: 576px){.pagination{margin-bottom:80px}}.pagination__list{display:flex;align-items:center;flex-wrap:wrap}.pagination__list .disabled,.pagination__list .previous-link,.pagination__list .next-link,.pagination__list .back-link,.pagination__list .active-link,.pagination__list .count-number{display:inline-block;width:40px;height:40px;margin:2px;font-size:16px;font-weight:500;text-align:center;line-height:40px;border-radius:8px;background:var(--background-alt-color)}.pagination__list .disabled{display:none}.pagination__list .next-link:hover,.pagination__list .previous-link:hover,.pagination__list .back-link:hover,.pagination__list .count-number:hover{color:var(--dark);background:var(--brand-color)}.pagination__list .active-link{color:var(--heading-font-color);background:none}@media only screen and (max-width: 360px){.pagination__list{flex-wrap:wrap}}.counter-box{display:inline-block;font-size:0}.button{display:inline-block;padding:20px 40px;font-size:16px;font-weight:700;line-height:1.1;text-decoration:none;border-radius:12px;border:none;outline:none;cursor:pointer;transition:all .2s;color:var(--dark);background:var(--brand-color);float:left}.button:hover{color:var(--dark)}.button--primary{color:var(--dark);background-color:var(--button-background-color)}.button--primary:hover{background:var(--button-background-hover)}.button--small{padding:20px 24px}.button--big{display:block;width:100%}.gallery-box{margin:32px -100px 32px -100px}@media only screen and (max-width: 1400px){.gallery-box{margin:32px -40px 32px -40px}}@media only screen and (max-width: 1024px){.gallery-box{margin:32px 0}}.gallery{display:grid;grid-template-columns:repeat(3, auto);justify-content:center;align-content:center;margin-left:-24px;margin-bottom:-24px}.gallery img{margin-left:24px;margin-bottom:24px;width:calc(100% - 24px)}.gallery .gallery__image{background:var(--background-color)}.gallery .gallery__image img{display:block;width:100%;height:auto;object-fit:cover}@media only screen and (max-width: 1024px){.gallery{margin-left:-12px;margin-bottom:-12px}.gallery img{margin-left:12px;margin-bottom:12px;width:calc(100% - 12px)}}@media only screen and (max-width: 1024px){.hero{padding:40px 0 0}}@media only screen and (max-width: 576px){.hero{padding:20px 0 0}}.hero__inner{display:flex;align-items:center}@media only screen and (max-width: 1024px){.hero__inner{flex-direction:column}}.hero__left{width:50%}@media only screen and (max-width: 1024px){.hero__left{width:100%;margin-top:40px}}@media only screen and (max-width: 576px){.hero__left{margin-top:32px}}.hero__image{position:relative;transform:translate(0);width:100%;height:634px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.02);background-color:var(--background-alt-color);user-select:none}.hero__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1400px){.hero__image{height:484px}}@media only screen and (max-width: 1024px){.hero__image{height:440px}}@media only screen and (max-width: 768px){.hero__image{height:420px}}@media only screen and (max-width: 576px){.hero__image{height:280px}}.hero__right{max-width:575px;margin-left:auto}@media only screen and (max-width: 1400px){.hero__right{max-width:440px}}@media only screen and (max-width: 1024px){.hero__right{order:-1;max-width:100%}}.hero__title{margin-bottom:48px;font-size:72px;font-weight:800;line-height:1;color:var(--heading-font-color)}@media only screen and (max-width: 1400px){.hero__title{margin-bottom:32px;font-size:60px}}@media only screen and (max-width: 576px){.hero__title{margin-bottom:24px;font-size:36px}}.hero__description{margin-bottom:0;font-size:18px}@media only screen and (max-width: 1024px){.hero__description{font-size:inherit}}.hero__subscribe{max-width:510px;margin-top:48px}.hero__subscribe .subscribe-form{position:relative;background-color:var(--background-color)}.hero__subscribe .subscribe-email{width:100%;height:70px;padding:20px;font-size:16px;line-height:21px;border:2px solid transparent;border-radius:12px;outline:0;color:var(--heading-font-color);background-color:var(--background-alt-color)}.hero__subscribe .subscribe-email:focus{border-color:var(--brand-color);background-color:transparent}.hero__subscribe .subscribe-email::placeholder{color:var(--heading-font-color)}.hero__subscribe .subscribe-button{position:absolute;top:6px;right:6px}@media only screen and (max-width: 1400px){.hero__subscribe{max-width:100%;margin-top:32px}}@media only screen and (max-width: 1024px){.hero__subscribe{margin-top:20px}}@media only screen and (max-width: 576px){.hero__subscribe .subscribe-form{display:flex;flex-direction:column}.hero__subscribe .subscribe-email{height:58px;margin-bottom:12px}.hero__subscribe .subscribe-button{position:relative;top:0;right:0}}.article{margin-bottom:64px;will-change:transform;transition:transform .2s ease-in-out}.article:hover{transform:translateY(-4px)}@media only screen and (max-width: 576px){.article{margin-bottom:32px}}.blog .article{margin-bottom:32px}.article__image{margin-bottom:32px;position:relative;display:block;border-radius:8px;padding-bottom:70%;transform:translate(0);overflow:hidden;background-color:var(--background-alt-color)}.article__image img{position:absolute;width:100%;height:100%;object-fit:cover}.article-tags__box{display:flex;margin-bottom:8px}.article-tags__box .article__tag{position:relative;z-index:1;display:inline-block;padding:4px 12px;margin:0 4px 4px 0;font-size:10px;line-height:18px;font-weight:500;text-transform:uppercase;border-radius:4px;background-color:var(--background-alt-color)}.article-tags__box .article__tag:hover{color:var(--dark);background-color:var(--brand-color)}.article-tags__box .article__tag:last-child{margin:0 0 4px 0}.article__title{margin-bottom:20px;font-size:32px;line-height:1.1}.article__title a{background:linear-gradient(var(--brand-color), var(--brand-color)) no-repeat bottom/100% 0%;transition:background .2s ease-in-out}.article__title a:hover{background-size:100% 26%}@media only screen and (max-width: 1024px){.article__title{font-size:30px}}.article__excerpt{display:-webkit-box;margin-bottom:0;font-size:16px;overflow-y:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical}.article__meta{display:flex;align-items:center;flex-wrap:wrap}.article-info{margin-bottom:24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1}.article-info .article__author-link,.article-info .article__date{color:var(--text-color);transition:none}.form-box{margin-bottom:100px}@media only screen and (max-width: 576px){.form-box{margin-bottom:80px}}.contact-head{margin-bottom:32px}.form__group{margin-bottom:20px}.form__group:last-child{margin-bottom:0}.form__input{width:100%;padding:20px;font-size:16px;font-weight:400;border:2px solid transparent;border-radius:12px;outline:0;transition:.2s ease-in-out;resize:vertical;color:var(--heading-font-color);background-color:var(--background-alt-color)}.form__input::placeholder{color:var(--heading-font-color)}.form__input:focus{border-color:var(--brand-color);background-color:transparent}.section{position:relative;padding:100px 0}@media only screen and (max-width: 1024px){.section{padding:80px 0}}.section__info{max-width:530px;margin:0 auto 48px;text-align:center}@media only screen and (max-width: 576px){.section__info{margin:0 auto 40px}}.section__title{margin-bottom:20px;font-size:48px;line-height:1}@media only screen and (max-width: 576px){.section__title{font-size:36px}}.section__description{margin-bottom:0}.section__navigation{margin-top:16px;text-align:center}.projects-page{margin-bottom:68px}@media only screen and (max-width: 576px){.projects-page{margin-bottom:48px}}.project{margin-bottom:32px;transition:transform .2s ease-in-out}.project:hover{transform:translateY(-4px)}.project:hover .project__title a{background-size:100% 28%}.project__image{position:relative;display:block;width:100%;height:100%;min-height:280px;border-radius:8px;user-select:none;transform:translate(0);overflow:hidden;background-color:var(--background-alt-color)}.project__image::after{content:"";display:table;padding-top:85%}.project__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none}.project__info{margin-top:24px;text-align:center}.project__info .project__title{margin-bottom:16px;font-size:32px;line-height:1}.project__info .project__title a{background:linear-gradient(var(--brand-color), var(--brand-color)) no-repeat bottom/100% 0%;transition:background .2s ease-in-out}@media only screen and (max-width: 1024px){.project__info .project__title{font-size:30px}}.project__info .project__subtitle{font-size:12px;font-weight:700;line-height:18px;letter-spacing:1.6px;text-transform:uppercase}.testimonials{padding:100px 0 152px;background-color:var(--background-alt-color)}@media only screen and (max-width: 1024px){.testimonials{padding:80px 0 132px}}@media only screen and (max-width: 768px){.testimonial-item{margin-bottom:32px}}.testimonial-content{padding:48px;border-radius:8px;background-color:var(--background-color)}@media only screen and (max-width: 1400px){.testimonial-content{padding:36px}}.client-meta{text-align:center}.image-container{position:relative;width:100px;height:100px;margin:0 auto 20px;border-radius:50%;overflow:hidden;transform:translate(0);background-color:var(--background-alt-color)}.image-container .client-avatar{position:absolute;top:0;left:0;width:100%;height:100%;user-select:none;object-fit:cover}@media only screen and (max-width: 1400px){.image-container{margin-bottom:16px}}.client-info{margin-bottom:20px}.client-info .client-name{margin-bottom:0;font-size:21px;line-height:1;font-weight:700}.client-info .client-designation{margin-bottom:0;font-size:12px;color:var(--gray)}@media only screen and (max-width: 1400px){.client-info{margin-bottom:16px}}.client-text{margin-bottom:20px;font-size:16px}@media only screen and (max-width: 1400px){.client-text{margin-bottom:16px;font-size:15px}}.tns-nav{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);display:flex}.tns-nav button{width:20px;height:4px;margin:0 4px;border:none;outline:none;border-radius:2px;cursor:pointer;opacity:.2;background-color:var(--heading-font-color)}.tns-nav .tns-nav-active{opacity:1;background-color:var(--heading-font-color)}@media only screen and (max-width: 1024px){.tns-nav{bottom:80px}}.footer .footer__inner{padding:100px 0;border-top:1px solid var(--background-alt-color)}.footer .footer__inner .row .col{flex-grow:1}@media only screen and (max-width: 1024px){.footer .footer__inner{padding:100px 0 32px}}.footer__gallery .gallery{grid-template-columns:repeat(4, auto);margin-left:0;margin-bottom:0}.footer__gallery .gallery img{margin-left:0;margin-bottom:0;width:100%}.footer__gallery .gallery__image img{height:100%}@media only screen and (max-width: 1024px){.footer__gallery .gallery{grid-template-columns:repeat(2, auto)}}.footer__author{display:flex}@media only screen and (max-width: 1024px){.footer__author{margin-bottom:100px;flex-direction:column}}@media only screen and (max-width: 576px){.footer__author{margin-bottom:80px}}.footer__author-avatar{position:relative;width:250px;min-width:250px;height:250px;margin-right:40px;transform:translate(0);border-radius:8px;overflow:hidden;background-color:var(--background-alt-color)}.footer__author-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none}@media only screen and (max-width: 1024px){.footer__author-avatar{margin-right:0;margin-bottom:20px}}.footer__author-name{margin-bottom:20px;font-size:48px;font-weight:800;line-height:1}.footer__author-bio{margin-bottom:0}.social{margin-top:24px}.social .social__list{display:flex;align-items:center;flex-wrap:wrap}.social .social__item{margin-bottom:0;margin-right:8px}.social .social__item:last-child{margin-right:0}.social .social__link{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;border-radius:8px;will-change:transform;color:var(--heading-font-color);background-color:var(--background-alt-color)}.social .social__link:hover{transform:translateY(-3px);color:var(--dark);background-color:var(--brand-color)}.footer__nav{text-align:right}@media only screen and (max-width: 1024px){.footer__nav{text-align:left}}.footer__nav-title{margin-bottom:20px;font-size:32px;line-height:1.2}.footer__nav-list{line-height:1}.footer__nav-list .footer__nav-item{margin-bottom:20px}.footer__nav-list .footer__nav-item:last-child{margin-bottom:0}.footer__nav-list .footer__nav-link{font-family:"Darker Grotesque",Helvetica Neue,Helvetica,Arial,sans-serif;margin-bottom:20px;font-size:20px}@media only screen and (max-width: 1024px){.footer__nav-list{display:flex;flex-wrap:wrap}.footer__nav-list .footer__nav-item{margin-right:40px;margin-bottom:12px}.footer__nav-list .footer__nav-item:last-child{margin-right:0}}@media only screen and (max-width: 576px){.footer__nav-list .footer__nav-item{margin-right:20px}}.footer__info{padding:40px 0;border-top:1px solid var(--background-alt-color)}.footer__info .footer__info-box{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 1024px){.footer__info{padding:40px 0}}.copyright{margin-right:20px;font-size:14px}.copyright a{text-decoration:underline;text-decoration-color:transparent;color:var(--heading-font-color)}.copyright a:hover{text-decoration-color:var(--heading-font-color);color:var(--heading-font-color)}.top{min-width:36px;height:36px;font-size:18px;line-height:36px;text-align:center;border-radius:8px;color:var(--heading-font-color);background-color:var(--background-alt-color);cursor:pointer;transition:all .25s ease}.top:hover{color:var(--dark);background-color:var(--brand-color)}.post-head,.page-head{margin-bottom:48px;text-align:center}.post-head .row,.page-head .row{align-items:center}@media only screen and (max-width: 1024px){.post-head,.page-head{margin-bottom:40px}}@media only screen and (max-width: 576px){.post-head,.page-head{margin-bottom:32px}}.post-info{max-width:780px;margin:0 auto}.post-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:16px}.post-tags .post__tag{padding:8px 12px;margin:4px 4px 4px 0;font-size:10px;line-height:1.2;font-weight:500;text-transform:uppercase;border:none;border-radius:4px;color:var(--heading-font-color);transition:none;transition-timing-function:ease;transition-duration:.15s;transition-property:background-color, color;background-color:var(--background-alt-color)}.post-tags .post__tag:hover{color:var(--dark);background-color:var(--brand-color)}.post-tags .post__tag:last-child{margin-right:0}@media only screen and (max-width: 576px){.post-tags{margin-bottom:16px}}.post-title,.page-title{margin-bottom:32px;font-size:72px;line-height:1}@media only screen and (max-width: 1400px){.post-title,.page-title{font-size:60px}}@media only screen and (max-width: 576px){.post-title,.page-title{margin-bottom:24px;font-size:36px}}.page-description{max-width:580px;margin:0 auto}.post-meta{margin-bottom:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1}.post-meta .post-author-link,.post-meta .post-date{color:var(--text-color);transition:none}.post-image,.page-image{position:relative;transform:translate(0);padding-top:56.25%;margin-bottom:48px;min-height:280px;border-radius:8px;overflow:hidden;background:var(--background-alt-color)}.post-image img,.page-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none}@media only screen and (max-width: 1024px){.post-image,.page-image{padding-top:65%;margin-bottom:40px}}@media only screen and (max-width: 576px){.post-image,.page-image{margin-bottom:32px}}.post,.page,.project-content{max-width:780px;margin:0 auto 60px;color:var(--text-color)}.post a,.page a,.project-content a{font-weight:500;border-bottom:1px solid var(--border-color)}.post a:hover,.page a:hover,.project-content a:hover{color:var(--link-color);border-bottom-color:var(--link-color-hover)}.post img,.post .js-reframe,.page img,.page .js-reframe,.project-content img,.project-content .js-reframe{border-radius:8px;overflow:hidden}.post img.lightense-open,.post .js-reframe.lightense-open,.page img.lightense-open,.page .js-reframe.lightense-open,.project-content img.lightense-open,.project-content .js-reframe.lightense-open{border-radius:0}.post img[src$='#wide'],.page img[src$='#wide'],.project-content img[src$='#wide']{display:block;width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%);border-radius:0;pointer-events:none;user-select:none}.post .button,.page .button,.project-content .button{border:none;text-decoration:none}.post__share{padding-bottom:48px;border-bottom:1px solid var(--background-alt-color)}.post__share .share__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.post__share .share__item{margin-right:5px;margin-bottom:0;text-align:center}.post__share .share__item:last-child{margin-right:0}.post__share .share__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;line-height:1;border:none;border-radius:50%;color:var(--white);transition:all .2s}.post__share .share__link:hover{color:var(--white)}.post__share .share__link.share__facebook{background-color:#3b5998}.post__share .share__link.share__facebook:hover{background-color:#2d4373}.post__share .share__link.share__twitter{background-color:#55acee}.post__share .share__link.share__twitter:hover{background-color:#2795e9}.post__share .share__link.share__pinterest{background-color:#bd081c}.post__share .share__link.share__pinterest:hover{background-color:#8c0615}@media only screen and (max-width: 576px){.post__share{padding-bottom:40px}}.related-posts{display:none}.related-posts.is-related{display:block}.show-comments{margin-top:16px;text-align:center}.post__comments{max-width:780px;margin:0 auto 100px}@media only screen and (max-width: 576px){.post__comments.is-open{margin:0 auto 80px}}.error{text-align:center}.error .error__title{margin-bottom:24px;font-size:120px;line-height:1}@media only screen and (max-width: 576px){.error .error__title{font-size:100px}}.project-subtitle{margin:20px 0 0;font-size:18px;line-height:1;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}@media only screen and (max-width: 576px){.project-subtitle{font-size:16px}}.project__nav{max-width:780px;margin:0 auto 100px;padding-top:32px;border-top:1px solid var(--background-alt-color)}.project__nav .project__prev{display:inline-flex}.project__nav .project__prev:hover .project__nav-info .arrow-right{transform:translateX(3px)}.project__nav .project__box{line-height:1}.project__nav .project__box .project__nav-info{display:inline-block;margin-bottom:4px;font-size:12px;line-height:1;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-color)}.project__nav .project__box .project__nav-info .arrow-right{will-change:transform;transition:all .2s}.project__nav .project__box .project__nav-title{margin-bottom:28px;font-size:36px;line-height:1.2}.project__nav .project__nav-image{position:relative;display:block;width:100%;height:100%;min-height:280px;border-radius:8px;user-select:none;transform:translate(0);overflow:hidden;background-color:var(--background-alt-color)}.project__nav .project__nav-image::after{content:"";display:table;padding-top:50%}.project__nav .project__nav-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none}@media only screen and (max-width: 576px){.project__nav{margin:0 auto 80px}.project__nav .project__box .project__nav-title{margin-bottom:24px}}.tags__inner{margin-bottom:36px}.tags__inner.is-hidden{display:none}.tags__inner .tag__info{margin-bottom:48px;text-align:center}.tags__inner .tag__name{margin-bottom:20px;font-size:72px;line-height:0.9;text-transform:capitalize}.tags__inner .tag__counter{font-size:12px;font-weight:700;line-height:1;letter-spacing:1.6px;text-transform:uppercase}@media only screen and (max-width: 576px){.tags__inner{margin-bottom:16px}.tags__inner .tag__info{margin-bottom:40px}.tags__inner .tag__name{font-size:40px}}

  </style>
</head>

<body>

  
    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VBMDLH3T6B"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'G-VBMDLH3T6B');
</script>
  

  <!-- begin header -->
<header class="header" id="top">
  <div class="container-big">
    <div class="row">
      <div class="header__inner col col-12">

        <div class="logo">
          <a class="logo__link" href="/">
          
            Daniel Patricio
          
          </a>
        </div>

        <nav class="main-nav">
          <div class="main-nav__box">
            <div class="nav__icon-close">
              <i class="ion ion-md-close"></i>
            </div>
            <div class="nav__title">Menu</div>
            <ul class="nav__list list-reset">

              
                
                <li class="nav__item">
                  <a href="/" class="nav__link active-link">Home</a>
                </li>
                
              
                
                <li class="nav__item">
                  <a href="/about/" class="nav__link">About</a>
                </li>
                
              
                
                <li class="nav__item">
                  <a href="https://magiclinksapp.com" class="nav__link">Apps</a>
                </li>
                
              
                
                <li class="nav__item">
                  <a href="/contact/" class="nav__link">Contact</a>
                </li>
                
              
            </ul>
          </div>
        </nav>

        <div class="nav-button">
          <i class="nav__icon icon__menu ion ion-md-menu"></i>
        </div>

      </div>
    </div>
  </div>
</header>
<!-- end header -->

  <!-- begin content -->
  <main class="content" aria-label="Content">
    <!-- begin hero -->
<section class="hero">
  <div class="container">
    <div class="row">
      <div class="col col-12">
        <div class="hero__inner">

          <div class="hero__left">
            <div class="hero__image">
              <img class="lazy" data-src="/images/daniel_profile.jpg" alt="Meet Daniel's Picture">
            </div>
          </div>

          <div class="hero__right">
            <h1 class="hero__title">Building better products for merchants</h1>
            <p class="hero__description">Hi, I'm Daniel and I spent the last 8 years building product at Shopify from sixty thousand to millions of merchants. Along the way I ran my own store grossing over a million dollars.<br><br>Today I help software teams and founders build an edge by combining merchant insight with product know how.</p>
           
            <div class="section__navigation">
                <a href="/contact" class="button button--primary subscribe-button">Work with Daniel</a>
            </div>

            
          </div>

        </div>
      </div>
    </div>
  </div>
</section>
<!-- end hero -->

<!-- begin testimonials -->
<section class="section testimonials animate">
  <div class="container">
    <div class="row">
      <div class="col col-12">

        <div class="section__info">
          <div class="section__head">
            <h2 class="section__title">How we can work together</h2>
          </div>
          
        </div>

        <div class="testimonials__slider row">
          
            <div class="testimonial-item col col-6 col-t-12">
              <div class="testimonial-content">
                <div class="client-meta">
                  
                    <div class="image-container">
                      <img class="client-avatar" src="/images/bulb.png" alt="Advisory" loading="lazy">
                    </div>
                  
                  <div class="client-info">
                    
                      <h3 class="client-name">
                        
                          Advisory
                        
                      </h3>
                    
                    
                      <p class="client-designation">Several hours a week</p>
                    
                  </div>
                  
                  <p class="client-text">Need help fire testing features? Prioritization or scaling a team?</p>
                  
                  
                  <p class="client-text">Pair your product, technical, design led teams or CEO with an experienced product leader. Mentoring and developing their merchant point of view with a product lens. You will work with me - diving deep to build a point of view or develop skills on your team.</p>
                  
                </div>
              </div>
            </div>
          
            <div class="testimonial-item col col-6 col-t-12">
              <div class="testimonial-content">
                <div class="client-meta">
                  
                    <div class="image-container">
                      <img class="client-avatar" src="/images/plus.png" alt="Product Sprints" loading="lazy">
                    </div>
                  
                  <div class="client-info">
                    
                      <h3 class="client-name">
                        
                          Product Sprints
                        
                      </h3>
                    
                    
                      <p class="client-designation">Dedicated sprint weeks</p>
                    
                  </div>
                  
                  <p class="client-text">Have a fork in the roadmap? Thinking big in a new product direction?</p>
                  
                  
                  <p class="client-text">Let's get our hands dirty together. From ideation, prototyping to concept development - product development is best done as team sport. Working with your team or pulling from our bench of experienced designers or developers.</p>
                  
                </div>
              </div>
            </div>
          
        </div>

      </div>
    </div>
  </div>
</section>
<!-- end testimonials -->

<!-- begin projects -->
<section class="section projects animate">
  <div class="container">
    <div class="row">
      <div class="col col-12">
        <div class="contaniner__inner">

          <div class="section__info">
            <h2 class="section__title">What I have done</h2>
            
              <p class="section__description">From scrappy founding team member to leader of hundreds of people, I have sat in many seats of the rocketship of fast growing products.</p>
            
            
            <a href="/about" class="worklink">Read more about my experience</a>
          </div>

          <div class="row">
            
            
            <article class="project col col-4 col-d-6 col-t-12">
              <div class="project__content">
                <a href="https://www.shopify.com/blog/marketing-in-shopify" class="project__image">
                  <img class="lazy" data-src="/images/marketing.webp" alt="Marketing Integrations">
                </a>
                <div class="project__info">
                  <h3 class="project__title"><a href="https://www.shopify.com/blog/marketing-in-shopify">Marketing Integrations</a></h3>
                  
                    <div class="project__subtitle">Shopify</div>
                  
                </div>
              </div>
            </article>
            
            <article class="project col col-4 col-d-6 col-t-12">
              <div class="project__content">
                <a href="https://www.youtube.com/watch?v=_YX_zG5PnqI" class="project__image">
                  <img class="lazy" data-src="/images/buynow.webp" alt="Buy Button">
                </a>
                <div class="project__info">
                  <h3 class="project__title"><a href="https://www.youtube.com/watch?v=_YX_zG5PnqI">Buy Button</a></h3>
                  
                    <div class="project__subtitle">Shopify</div>
                  
                </div>
              </div>
            </article>
            
            <article class="project col col-4 col-d-6 col-t-12">
              <div class="project__content">
                <a href="https://www.businessinsider.com/shopify-alum-runs-store-making-30000-a-month-off-biltong-2022-5" class="project__image">
                  <img class="lazy" data-src="/images/beef.webp" alt="Bull & Cleaver">
                </a>
                <div class="project__info">
                  <h3 class="project__title"><a href="https://www.businessinsider.com/shopify-alum-runs-store-making-30000-a-month-off-biltong-2022-5">Bull & Cleaver</a></h3>
                  
                    <div class="project__subtitle">Ecommerce</div>
                  
                </div>
              </div>
            </article>
            
          </div>

        </div>
      </div>
    </div>
  </div>
</section>
<!-- end projects -->


  </main>
  <!-- end content -->

  <!-- begin footer -->
<footer class="footer">
  <div class="footer__gallery">
    
    <div class="gallery">
      
      <div class="gallery__image">
        <img src="/images/unite.jpg" alt="Shopify Unite 2017" loading="lazy">
      </div>
      
      <div class="gallery__image">
        <img src="/images/summit.jpg" alt="Shopify Summit 2018" loading="lazy">
      </div>
      
      <div class="gallery__image">
        <img src="/images/google.jpeg" alt="Google Course for Ecommerce" loading="lazy">
      </div>
      
    </div>
    
  </div>

  <div class="container">
    <div class="row">
      <div class="col-12">

        <div class="footer__inner">
          <div class="container">
            <div class="row">
      
              <div class="col col-8 col-d-12">
                <div class="footer__author">
                  <div class="footer__author-avatar">
                    <img class="lazy" data-src="/images/daniel_author.jpg" alt="Meet Daniel">
                  </div>
                  <div class="footer__author-info">
                    <h3 class="footer__author-name">Meet Daniel</h3>
                    <p class="footer__author-bio">Daniel lives in Oakville, Canada with his wife and two kids. On weekends you will find him cycling, watching soccer or cooking over open fire.</p>
                    
                    <div class="social">
                      <ul class="social__list list-reset">
                        
                        <li class="social__item">
                          <a class="social__link" href="https://twitter.com/danielpatricio" target="_blank" rel="noopener"
                            aria-label="Social link"><i class="ion ion-logo-twitter"></i></a>
                        </li>
                        
                        <li class="social__item">
                          <a class="social__link" href="https://instagram.com/danielpatricio" target="_blank" rel="noopener"
                            aria-label="Social link"><i class="ion ion-logo-instagram"></i></a>
                        </li>
                        
                        <li class="social__item">
                          <a class="social__link" href="https://www.linkedin.com/in/danielpatricio/" target="_blank" rel="noopener"
                            aria-label="Social link"><i class="ion ion-logo-linkedin"></i></a>
                        </li>
                        
                      </ul>
                    </div>
                    
                  </div>
                </div>
              </div>
      
              <div class="col col-4 col-d-12">
                <div class="footer__nav">
                  <h3 class="footer__nav-title">Navigation</h3>
                  <ul class="footer__nav-list list-reset">
                    
                    <li class="footer__nav-item">
                      <a href="/" class="footer__nav-link">Home</a>
                    </li>
                    
                    <li class="footer__nav-item">
                      <a href="/about/" class="footer__nav-link">About</a>
                    </li>
                    
                    <li class="footer__nav-item">
                      <a href="/contact/" class="footer__nav-link">Work with me</a>
                    </li>
                    
                  </ul>
                </div>
              </div>
      
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col col-12">
        <div class="footer__info">
          <div class="footer__info-box">
            <div class="copyright">2022 &copy; <a href="/">Daniel Patricio</a></div>
            <div class="top" title="Top"><i class="ion ion-ios-arrow-up"></i></div>
          </div>
        </div>
      </div>
    </div>
  </div>

</footer>
<!-- end footer -->

  <script src="/js/scripts.js"></script>
  <script src="/js/common.js"></script>
</body>

</html>