Head

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">

<!-- jQuery v3.2.1 -->
<!--script type='text/javascript' src='https://code.jquery.com/jquery-3.2.1.min.js' id='script-name-js'></script-->

<!-- Digital javascript -->
<!--script defer="defer" async src="https://mattdowney.github.io/digital/site-min.js"></script-->

<!-- Digital styles -->
<!--link rel="stylesheet" href="https://mattdowney.github.io/digital/styles.css" -->
<style>
  /*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
  .container,
  .container-fluid,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 576px) {
    .container-sm,
    .container {
      max-width: 540px;
    }
  }

  @media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
      max-width: 860px;
    }
  }

  @media (min-width: 1200px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
      max-width: 1160px;
    }
  }

  @media (min-width: 1500px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
      max-width: 1540px;
    }
  }

  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }

  .no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .col-xl,
  .col-xl-auto,
  .col-xl-12,
  .col-xl-11,
  .col-xl-10,
  .col-xl-9,
  .col-xl-8,
  .col-xl-7,
  .col-xl-6,
  .col-xl-5,
  .col-xl-4,
  .col-xl-3,
  .col-xl-2,
  .col-xl-1,
  .col-lg,
  .col-lg-auto,
  .col-lg-12,
  .col-lg-11,
  .col-lg-10,
  .col-lg-9,
  .col-lg-8,
  .col-lg-7,
  .col-lg-6,
  .col-lg-5,
  .col-lg-4,
  .col-lg-3,
  .col-lg-2,
  .col-lg-1,
  .col-md,
  .col-md-auto,
  .col-md-12,
  .col-md-11,
  .col-md-10,
  .col-md-9,
  .col-md-8,
  .col-md-7,
  .col-md-6,
  .col-md-5,
  .col-md-4,
  .col-md-3,
  .col-md-2,
  .col-md-1,
  .col-sm,
  .col-sm-auto,
  .col-sm-12,
  .col-sm-11,
  .col-sm-10,
  .col-sm-9,
  .col-sm-8,
  .col-sm-7,
  .col-sm-6,
  .col-sm-5,
  .col-sm-4,
  .col-sm-3,
  .col-sm-2,
  .col-sm-1,
  .col,
  .col-auto,
  .col-12,
  .col-11,
  .col-10,
  .col-9,
  .col-8,
  .col-7,
  .col-6,
  .col-5,
  .col-4,
  .col-3,
  .col-2,
  .col-1 {
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-first {
    order: -1;
  }

  .order-last {
    order: 13;
  }

  .order-0 {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-7 {
    order: 7;
  }

  .order-8 {
    order: 8;
  }

  .order-9 {
    order: 9;
  }

  .order-10 {
    order: 10;
  }

  .order-11 {
    order: 11;
  }

  .order-12 {
    order: 12;
  }

  .offset-1 {
    margin-left: 8.3333333333%;
  }

  .offset-2 {
    margin-left: 16.6666666667%;
  }

  .offset-3 {
    margin-left: 25%;
  }

  .offset-4 {
    margin-left: 33.3333333333%;
  }

  .offset-5 {
    margin-left: 41.6666666667%;
  }

  .offset-6 {
    margin-left: 50%;
  }

  .offset-7 {
    margin-left: 58.3333333333%;
  }

  .offset-8 {
    margin-left: 66.6666666667%;
  }

  .offset-9 {
    margin-left: 75%;
  }

  .offset-10 {
    margin-left: 83.3333333333%;
  }

  .offset-11 {
    margin-left: 91.6666666667%;
  }

  @media (min-width: 576px) {
    .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .row-cols-sm-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .row-cols-sm-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .row-cols-sm-3 > * {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .row-cols-sm-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
    }
    .row-cols-sm-6 > * {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-sm-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-sm-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-sm-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-sm-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-sm-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-sm-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-sm-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-sm-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-sm-first {
      order: -1;
    }
    .order-sm-last {
      order: 13;
    }
    .order-sm-0 {
      order: 0;
    }
    .order-sm-1 {
      order: 1;
    }
    .order-sm-2 {
      order: 2;
    }
    .order-sm-3 {
      order: 3;
    }
    .order-sm-4 {
      order: 4;
    }
    .order-sm-5 {
      order: 5;
    }
    .order-sm-6 {
      order: 6;
    }
    .order-sm-7 {
      order: 7;
    }
    .order-sm-8 {
      order: 8;
    }
    .order-sm-9 {
      order: 9;
    }
    .order-sm-10 {
      order: 10;
    }
    .order-sm-11 {
      order: 11;
    }
    .order-sm-12 {
      order: 12;
    }
    .offset-sm-0 {
      margin-left: 0;
    }
    .offset-sm-1 {
      margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
      margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
      margin-left: 25%;
    }
    .offset-sm-4 {
      margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
      margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
      margin-left: 50%;
    }
    .offset-sm-7 {
      margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
      margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
      margin-left: 75%;
    }
    .offset-sm-10 {
      margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
      margin-left: 91.6666666667%;
    }
  }

  @media (min-width: 768px) {
    .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .row-cols-md-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .row-cols-md-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .row-cols-md-3 > * {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .row-cols-md-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
    }
    .row-cols-md-6 > * {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-md-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-md-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-md-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-md-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-md-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-md-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-md-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-md-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-md-first {
      order: -1;
    }
    .order-md-last {
      order: 13;
    }
    .order-md-0 {
      order: 0;
    }
    .order-md-1 {
      order: 1;
    }
    .order-md-2 {
      order: 2;
    }
    .order-md-3 {
      order: 3;
    }
    .order-md-4 {
      order: 4;
    }
    .order-md-5 {
      order: 5;
    }
    .order-md-6 {
      order: 6;
    }
    .order-md-7 {
      order: 7;
    }
    .order-md-8 {
      order: 8;
    }
    .order-md-9 {
      order: 9;
    }
    .order-md-10 {
      order: 10;
    }
    .order-md-11 {
      order: 11;
    }
    .order-md-12 {
      order: 12;
    }
    .offset-md-0 {
      margin-left: 0;
    }
    .offset-md-1 {
      margin-left: 8.3333333333%;
    }
    .offset-md-2 {
      margin-left: 16.6666666667%;
    }
    .offset-md-3 {
      margin-left: 25%;
    }
    .offset-md-4 {
      margin-left: 33.3333333333%;
    }
    .offset-md-5 {
      margin-left: 41.6666666667%;
    }
    .offset-md-6 {
      margin-left: 50%;
    }
    .offset-md-7 {
      margin-left: 58.3333333333%;
    }
    .offset-md-8 {
      margin-left: 66.6666666667%;
    }
    .offset-md-9 {
      margin-left: 75%;
    }
    .offset-md-10 {
      margin-left: 83.3333333333%;
    }
    .offset-md-11 {
      margin-left: 91.6666666667%;
    }
  }

  @media (min-width: 1200px) {
    .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .row-cols-lg-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .row-cols-lg-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .row-cols-lg-3 > * {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .row-cols-lg-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
    }
    .row-cols-lg-6 > * {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-lg-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-lg-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-lg-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-lg-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-lg-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-lg-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-lg-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-lg-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-lg-first {
      order: -1;
    }
    .order-lg-last {
      order: 13;
    }
    .order-lg-0 {
      order: 0;
    }
    .order-lg-1 {
      order: 1;
    }
    .order-lg-2 {
      order: 2;
    }
    .order-lg-3 {
      order: 3;
    }
    .order-lg-4 {
      order: 4;
    }
    .order-lg-5 {
      order: 5;
    }
    .order-lg-6 {
      order: 6;
    }
    .order-lg-7 {
      order: 7;
    }
    .order-lg-8 {
      order: 8;
    }
    .order-lg-9 {
      order: 9;
    }
    .order-lg-10 {
      order: 10;
    }
    .order-lg-11 {
      order: 11;
    }
    .order-lg-12 {
      order: 12;
    }
    .offset-lg-0 {
      margin-left: 0;
    }
    .offset-lg-1 {
      margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
      margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
      margin-left: 25%;
    }
    .offset-lg-4 {
      margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
      margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
      margin-left: 50%;
    }
    .offset-lg-7 {
      margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
      margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
      margin-left: 75%;
    }
    .offset-lg-10 {
      margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
      margin-left: 91.6666666667%;
    }
  }

  @media (min-width: 1500px) {
    .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
    }
    .row-cols-xl-1 > * {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .row-cols-xl-2 > * {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .row-cols-xl-3 > * {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .row-cols-xl-5 > * {
      flex: 0 0 20%;
      max-width: 20%;
    }
    .row-cols-xl-6 > * {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xl-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col-xl-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xl-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col-xl-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xl-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col-xl-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xl-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col-xl-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xl-first {
      order: -1;
    }
    .order-xl-last {
      order: 13;
    }
    .order-xl-0 {
      order: 0;
    }
    .order-xl-1 {
      order: 1;
    }
    .order-xl-2 {
      order: 2;
    }
    .order-xl-3 {
      order: 3;
    }
    .order-xl-4 {
      order: 4;
    }
    .order-xl-5 {
      order: 5;
    }
    .order-xl-6 {
      order: 6;
    }
    .order-xl-7 {
      order: 7;
    }
    .order-xl-8 {
      order: 8;
    }
    .order-xl-9 {
      order: 9;
    }
    .order-xl-10 {
      order: 10;
    }
    .order-xl-11 {
      order: 11;
    }
    .order-xl-12 {
      order: 12;
    }
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
      margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
      margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
      margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
      margin-left: 91.6666666667%;
    }
  }

  /*
@import "root";
@import "reboot";
@import "type";
@import "images";
@import "code";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
@import "button-group";
@import "input-group";
@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "jumbotron";
@import "alert";
@import "progress";
@import "media";
@import "list-group";
@import "close";
@import "toasts";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
@import "spinners";
@import "utilities";
@import "print";*/
  .super-badge,
  .notion-navbar,
  .notion-header,
  .notion-header__content,
  .notion-divider,
  .notion-toggle {
    display: none !important;
  }

  :root {
    --collection-card-cover-size-small: 2.5rem !important;
  }

  html {
    background-color: var(--bg) !important;
    background-image: url("https://mattdowney.github.io/digital/img/loader.svg");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    background-position: center center;
    height: 100% !important;
  }

  body {
    background: var(--bg) !important;
    animation: fadeIn 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 1.1s both;
    height: 100% !important;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  body.no-scroll {
    overflow: hidden !important;
  }

  html,
  body,
  h1,
  h2,
  h3,
  p,
  ul,
  ol,
  li {
    color: var(--contrast) !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Roboto Condensed", "Roboto", sans-serif !important;
  }

  h1,
  h1.notion-heading {
    font-family: "Roboto", sans-serif !important;
    font-size: 3.25rem !important;
    line-height: 1.3 !important;
    max-width: 53.75rem !important;
    font-weight: 500 !important;
    position: relative !important;
    top: -1rem !important;
  }
  @media (max-width: 767.98px) {
    h1,
    h1.notion-heading {
      font-size: 2.25rem !important;
    }
  }
  h2,
  h2.notion-heading {
    font-size: 2.1875rem !important;
    font-family: "Roboto", sans-serif !important;
    margin-bottom: 1.25rem !important;
    margin-top: 1rem !important;
  }

  h3,
  h3.notion-heading {
    opacity: 0.5 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1rem !important;
    font-size: 1.1875rem !important;
    margin-top: 1rem !important;
    margin-bottom: 1.875rem !important;
  }

  p,
  p.notion-text__content {
    font-size: 1.125rem !important;
    padding: 0 !important;
    color: var(--contrast) !important;
  }
  p .notion-semantic-string,
  p.notion-text__content .notion-semantic-string {
    line-height: 1.75 !important;
  }
  p .notion-semantic-string a,
  p.notion-text__content .notion-semantic-string a {
    font-family: "Roboto", sans-serif;
    color: var(--contrast) !important;
    border-bottom: none !important;
    transition: 0.15s ease-in-out !important;
  }

  .notion-semantic-string .link,
  .notion-semantic-string .notion-link,
  .link,
  .notion-link,
  .notion-link .notion-semantic-string,
  .notion-heading .notion-link,
  .notion-text .notion-semantic-string .notink-link,
  .notion-text .notion-semantic-string .link,
  p a,
  .notion-text__content .notion-semantic-string .notion-link,
  p > span > span > a,
  .notion-text .notion-text__content .notion-semantic-string .notion-link,
  .notion-text .notion-text__content .notion-semantic-string .link {
    opacity: 1 !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
  }
  .notion-semantic-string .link:hover,
  .notion-semantic-string .notion-link:hover,
  .link:hover,
  .notion-link:hover,
  .notion-link .notion-semantic-string:hover,
  .notion-heading .notion-link:hover,
  .notion-text .notion-semantic-string .notink-link:hover,
  .notion-text .notion-semantic-string .link:hover,
  p a:hover,
  .notion-text__content .notion-semantic-string .notion-link:hover,
  p > span > span > a:hover,
  .notion-text .notion-text__content .notion-semantic-string .notion-link:hover,
  .notion-text .notion-text__content .notion-semantic-string .link:hover {
    opacity: 1 !important;
    color: var(--accent) !important;
  }

  html,
  body {
    -ms-overflow-style: none;
    min-height: 100%;
    width: 100%;
    font-family: "Roboto", sans-serif !important;
  }

  html,
  body,
  h1,
  h2,
  h3,
  p,
  ul,
  ol,
  li {
    font-style: normal;
    padding: 0;
    margin: 0;
  }

  h3.notion-collection__header {
    display: none !important;
  }

  iframe,
  video,
  img {
    max-width: 100%;
    display: block;
  }

  .notion-root {
    width: 100% !important;
  }

  .notion-heading {
    padding: 0 !important;
  }
  .notion-heading .notion-semantic-string {
    line-height: 1.25rem !important;
  }

  .notion-collection-gallery {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .notion-text {
    min-height: 4.375rem !important;
    background-color: var(--bg) !important;
    background: var(--bg) !important;
  }
  .notion-text.color-gray {
    opacity: 0.5 !important;
  }
  .notion-text .notion-text__content {
    letter-spacing: 0.025rem !important;
  }
  .notion-text .notion-text__content .notion-semantic-string {
    white-space: wrap !important;
    line-height: 1.75 !important;
    margin-bottom: 2rem !important;
    letter-spacing: 0.025rem !important;
  }
  .notion-text .notion-text__content .notion-semantic-string .notion-link,
  .notion-text .notion-text__content .notion-semantic-string .link {
    opacity: 1 !important;
    transition: all 0.2s ease-in-out !important;
  }
  .notion-text .notion-text__content .notion-semantic-string strong {
    text-align: center !important;
    margin: 0 auto !important;
    display: inline-block !important;
    margin-top: 2rem;
  }
  @media (max-width: 767.98px) {
    .notion-text .notion-text__content .notion-semantic-string strong {
      text-align: left !important;
    }
  }
  .notion-text .notion-text__content .notion-semantic-string strong a.link {
    background: var(--contrast) !important;
    color: var(--bg) !important;
    opacity: 1 !important;
    padding: 0.6rem 1.6rem !important;
    border-radius: 500rem !important;
    font-size: 1.125rem !important;
    font-family: "Roboto", sans-serif !important;
    letter-spacing: 0.05rem !important;
    border: 0.2rem solid var(--contrast) !important;
    transition: all 0.2s ease-in-out !important;
  }
  .notion-text
    .notion-text__content
    .notion-semantic-string
    strong
    a.link:hover {
    background: var(--bg) !important;
    color: var(--contrast) !important;
  }

  .notion-column {
    padding: 0 !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    td,
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    tr {
    border: none !important;
    padding: 0 !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    tr {
    display: block !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__head {
    display: none !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.date
    .notion-property__date
    span.date {
    display: block !important;
    font-size: 0.8125rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15rem !important;
    margin-bottom: 0.75rem !important;
    opacity: 0.5 !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title {
    display: block !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a {
    font-size: 1.25rem !important;
    font-family: "Roboto", sans-serif;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a:hover {
    color: var(--accent) !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a
    span {
    border: none !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a
    span:hover {
    border: none !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title.no-click {
    display: none !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.select {
    display: none !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.text {
    display: none !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell
    .notion-property__title__icon-wrapper {
    display: none !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell
    .notion-semantic-string {
    white-space: pre-wrap !important;
  }
  .notion-column
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    tr:first-child
    .notion-collection-table__cell.date
    .notion-property__date
    span.date {
    display: block !important;
    margin-top: 0 !important;
  }

  .notion-image {
    margin: 0 !important;
  }
  .notion-image img {
    border-radius: 0.5rem !important;
  }

  #page-projects .notion-text,
  #page-writing .notion-text,
  .projects .notion-text,
  .writing .notion-text {
    min-height: 4.375rem !important;
  }

  .super-content {
    display: flex !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding-bottom: 0 !important;
  }
  @media (max-width: 1199.98px) {
    .super-content {
      padding-left: calc(env(safe-area-inset-left) + 1.5rem) !important;
      padding-right: calc(env(safe-area-inset-right) + 1.5rem) !important;
    }
  }
  @media (max-width: 767.98px) {
    .super-content {
      display: block !important;
    }
  }
  .super-content .notion-collection-gallery {
    border-top: none !important;
  }
  .super-content
    .notion-collection-gallery
    .notion-collection-card
    .notion-property__title
    .notion-semantic-string {
    white-space: normal !important;
    line-height: 1.25 !important;
  }
  .super-content .notion-collection-gallery.large {
    display: grid !important;
    grid-column-gap: 2.5rem !important;
    grid-row-gap: 2.5rem !important;
    border-top: none !important;
  }
  .super-content .notion-collection-gallery.large .notion-collection-card {
    box-shadow: none !important;
    border-radius: 0.5rem !important;
    height: 35rem !important;
  }
  @media (max-width: 767.98px) {
    .super-content .notion-collection-gallery.large .notion-collection-card {
      height: 20rem !important;
    }
  }
  .super-content .notion-collection-gallery.large .notion-collection-card img {
    bottom: 0 !important;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    transition: 0.15s ease-in-out !important;
    transform: scale(1.1) !important;
    filter: blur(0) translate3d(0, 0, 0) !important;
  }
  @media (max-width: 767.98px) {
    .super-content
      .notion-collection-gallery.large
      .notion-collection-card
      img {
      object-fit: cover !important;
    }
  }
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card:hover {
    cursor: pointer !important;
  }
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card:hover
    img {
    filter: blur(0.25rem) translate3d(0, 0, 0) !important;
    opacity: 0.25 !important;
    transform: scale(1.5) !important;
  }
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card:hover
    .notion-property__title {
    bottom: 0 !important;
  }
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large,
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large
    > div,
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large
    img,
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.medium,
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.medium
    > div,
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.medium
    img,
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large
    > span {
    height: 100% !important;
    max-height: 100% !important;
    border-bottom: none !important;
  }
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover {
    min-height: 35rem !important;
    background: var(--bg) !important;
    position: relative !important;
  }
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-property__title {
    bottom: -50% !important;
    padding: 1.5rem !important;
    position: absolute !important;
    transition: 0.2s ease-in-out !important;
    opacity: 1 !important;
    font-size: 2rem !important;
    font-family: "Roboto", sans-serif !important;
  }
  .super-content
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-property__title
    .notion-property__title__icon-wrapper {
    display: none !important;
  }
  .super-content .notion-collection-gallery.medium {
    display: grid !important;
    grid-column-gap: 4rem !important;
    grid-row-gap: 4rem !important;
    border-top: none !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  @media (max-width: 767.98px) {
    .super-content .notion-collection-gallery.medium {
      grid-template-columns: repeat(1, 1fr) !important;
    }
  }
  .super-content .notion-collection-gallery.medium .notion-collection-card {
    box-shadow: none !important;
    border-radius: 0.5rem !important;
    background: none !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card:hover {
    cursor: pointer !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card:hover
    .notion-collection-card__cover.medium
    img {
    transform: scale(1.5) !important;
    transition: all 0.2s ease-in-out;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card:hover
    .notion-property__title
    .notion-semantic-string {
    color: var(--accent) !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-collection-card__cover.medium,
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-collection-card__cover.medium
    > div {
    height: 30rem !important;
    max-height: 30rem !important;
    transition: all 0.2s ease-in-out !important;
    border-radius: 0.5rem !important;
    margin-bottom: 1.25rem !important;
    border-bottom: none !important;
  }
  @media (max-width: 767.98px) {
    .super-content
      .notion-collection-gallery.medium
      .notion-collection-card
      .notion-collection-card__cover.medium,
    .super-content
      .notion-collection-gallery.medium
      .notion-collection-card
      .notion-collection-card__cover.medium
      > div {
      height: 20rem !important;
    }
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-collection-card__cover.medium
    img {
    height: 100% !important;
    max-height: 100% !important;
    transform: scale(1.1) !important;
    filter: blur(0) translate3d(0, 0, 0) !important;
    transition: all 0.2s ease-in-out;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-property__title {
    padding: 0 !important;
    font-size: 1.75rem !important;
    white-space: normal !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-property__title
    .notion-property__title__icon-wrapper {
    display: none !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-property__title
    .notion-semantic-string {
    white-space: normal !important;
    line-height: 1.5 !important;
    margin-bottom: 0.5rem !important;
    font-family: "Roboto", sans-serif;
    transition: all 0.2s ease-in-out !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-property__title
    .notion-semantic-string:hover {
    color: var(--accent) !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-collection-card__content {
    padding-inline-start: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 3.5rem !important;
  }
  .super-content
    .notion-collection-gallery.medium
    .notion-collection-card
    .notion-collection-card__content
    .notion-semantic-string {
    white-space: normal !important;
    font-size: 1.0875rem !important;
    opacity: 0.5 !important;
    line-height: 1.75rem !important;
    font-size: 1.125rem !important;
  }
  .super-content .notion-collection-gallery.small {
    grid-template-columns: repeat(auto-fill, minmax(3rem), 1fr) !important;
  }
  .super-content .notion-collection-gallery.small .notion-collection-card {
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .super-content
    .notion-collection-gallery.small
    .notion-collection-card:hover {
    cursor: pointer !important;
  }
  .super-content
    .notion-collection-gallery.small
    .notion-collection-card
    .notion-collection-card__content {
    padding: 0 !important;
    padding-inline-start: 0 !important;
  }
  .super-content
    .notion-collection-gallery.small
    .notion-collection-card
    .notion-collection-card__content
    img {
    width: 2.5rem !important;
    height: auto !important;
    opacity: 0.3 !important;
  }
  .super-content
    .notion-collection-gallery.small
    .notion-collection-card
    .notion-collection-card__content
    img:hover {
    opacity: 1 !important;
  }
  .super-content
    .notion-collection-gallery.small
    .notion-collection-card
    .notion-collection-card__content
    .notion-property__url {
    display: none !important;
  }
  .super-content
    .notion-collection-gallery.small
    .notion-collection-card
    .notion-property__title {
    display: none !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    td,
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    tr {
    border: none !important;
    padding: 0 !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    height: 100% !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    tr {
    display: block !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__head {
    display: none !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.date
    .notion-property__date
    span.date {
    display: inline-block !important;
    font-size: 0.8125rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15rem !important;
    line-height: 2 !important;
    color: rgba(var(--contrast), 0.5) !important;
    margin-bottom: 2.5rem !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title {
    display: block !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a {
    font-size: 1.25rem !important;
    font-family: "Roboto", sans-serif;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a:hover {
    color: var(--accent) !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a
    span {
    border: none !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title
    a
    span:hover {
    border: none !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell.title.no-click {
    display: none !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell
    .notion-property__title__icon-wrapper {
    display: none !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    .notion-collection-table__cell
    .notion-semantic-string {
    white-space: pre-wrap !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    tr:first-child
    .notion-collection-table__cell.date
    .notion-property__date
    span.date {
    display: block !important;
    margin-top: 0 !important;
  }
  .super-content
    .notion-column-list
    .notion-collection
    .notion-collection-table__wrapper
    .notion-collection-table
    tr:nth-child(3)
    .notion-property__date
    span.date {
    margin-bottom: 0 !important;
  }
  .super-content .notion-column-list p {
    margin-bottom: 2rem !important;
  }

  .super-navbar {
    height: 6rem !important;
    margin: 0 auto !important;
    max-width: 1342px !important;
    padding: 2rem 1rem 1rem !important;
    background: var(--bg) !important;
  }
  @media (max-width: 1199.98px) {
    .super-navbar {
      padding-left: calc(env(safe-area-inset-left) + 1.5rem) !important;
      padding-right: calc(env(safe-area-inset-right) + 1.5rem) !important;
    }
  }
  .super-navbar .super-navbar__content {
    padding: 0 !important;
  }
  .super-navbar .super-navbar__content .super-navbar__logo {
    padding: 0 !important;
  }
  .super-navbar
    .super-navbar__content
    .super-navbar__logo
    .super-navbar__logo-text {
    font-size: 2rem !important;
    color: var(--contrast) !important;
  }
  .super-navbar
    .super-navbar__content
    .super-navbar__item-list
    .super-navbar__item {
    font-size: 0.9375rem !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    color: var(--contrast) !important;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.125rem !important;
    padding: 0 !important;
    margin: 0 1.25rem !important;
    transition: all 0.2s all !important;
    display: flex !important;
  }
  .super-navbar
    .super-navbar__content
    .super-navbar__item-list
    .super-navbar__item:hover {
    opacity: 1 !important;
    color: var(--accent) !important;
  }
  .super-navbar .super-navbar__content .super-navbar__item-list a.buy-now {
    padding-right: 0 !important;
    color: var(--accent) !important;
    margin-right: 0 !important;
  }
  .super-navbar
    .super-navbar__content
    .super-navbar__item-list
    a.buy-now:hover {
    color: var(--contrast) !important;
  }
  .super-navbar .super-navbar__content .super-navbar__actions {
    padding: 0 !important;
  }
  .super-navbar
    .super-navbar__content
    .super-navbar__actions
    .super-navbar__button {
    opacity: 1 !important;
    padding: 0 !important;
  }
  .super-navbar
    .super-navbar__content
    .super-navbar__actions
    .super-navbar__menu-open
    svg {
    width: 1.875rem !important;
    height: 1.875rem !important;
    stroke: var(--contrast) !important;
  }
  .super-navbar .super-navbar__menu-wrapper {
    width: 100% !important;
    height: 100% !important;
  }
  .super-navbar .super-navbar__menu-wrapper.active .super-navbar__menu {
    background: var(--accent) !important;
  }
  .super-navbar .super-navbar__menu-wrapper.active .super-navbar__menu-close {
    height: 2.9rem !important;
    right: 0.9rem !important;
    top: 1.1875rem !important;
    padding: 0 !important;
    background: var(--accent) !important;
    opacity: 1 !important;
  }
  .super-navbar
    .super-navbar__menu-wrapper.active
    .super-navbar__menu-close
    svg {
    width: 1.875rem !important;
    height: 1.875rem !important;
    stroke: var(--contrast) !important;
  }
  .super-navbar
    .super-navbar__menu-wrapper.active
    .super-navbar__menu-item-list {
    background: var(--accent) !important;
  }
  @media (max-width: 767.98px) {
    .super-navbar
      .super-navbar__menu-wrapper.active
      .super-navbar__menu-item-list {
      padding-bottom: 0.5rem !important;
    }
  }
  .super-navbar
    .super-navbar__menu-wrapper.active
    .super-navbar__menu-item-list
    .super-navbar__item {
    color: var(--contrast) !important;
    font-size: 1.15rem !important;
    padding-bottom: 0.5 !important;
  }
  .super-navbar
    .super-navbar__menu-wrapper.active
    .super-navbar__menu-item-list
    .super-navbar__item:hover {
    color: rgba(var(--contrast), 0.5);
  }

  #page-index .notion-header.page {
    display: none !important;
  }

  #page-index h1 {
    margin-bottom: 2.25rem !important;
  }

  @media (max-width: 767.98px) {
    #page-index .notion-column-list .notion-column {
      margin-bottom: 3rem !important;
    }
  }

  #page-index .notion-collection-gallery .small {
    margin-top: -1.5rem !important;
  }

  @media (max-width: 767.98px) {
    #page-about .notion-image {
      height: 20rem !important;
    }
  }

  @media (max-width: 767.98px) {
    #page-about .notion-image > div {
      height: 20rem !important;
    }
  }

  @media (max-width: 767.98px) {
    #page-about .notion-image img {
      object-fit: cover !important;
    }
  }

  #page-work .notion-text {
    text-align: center !important;
  }
  @media (max-width: 767.98px) {
    #page-work .notion-text {
      text-align: left !important;
    }
  }
  #page-work .notion-text p {
    color: rgba(var(--contrast), 0.5) !important;
    margin-bottom: 0 !important;
  }

  #page-work .notion-collection-gallery.large {
    display: grid !important;
    grid-column-gap: 2.5rem !important;
    grid-row-gap: 2.5rem !important;
    border-top: none !important;
    margin-top: 2.75rem !important;
    margin-bottom: 4rem !important;
    grid-template-columns: repeat(2, 1fr);
  }
  @media (max-width: 767.98px) {
    #page-work .notion-collection-gallery.large {
      margin-top: 2rem !important;
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #page-work .notion-collection-gallery.large .notion-collection-card {
    box-shadow: none !important;
    border-radius: 0.5rem !important;
  }
  #page-work .notion-collection-gallery.large .notion-collection-card img {
    transform: scale(1) !important;
    transition: all 0.5s ease-in-out !important;
  }
  #page-work .notion-collection-gallery.large .notion-collection-card:hover {
    cursor: pointer;
    transition: all 0.5s ease-in-out !important;
  }
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card:hover
    img {
    transform: scale(1.5) !important;
    opacity: 0.5 !important;
  }
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card:hover
    .notion-property__title {
    opacity: 1;
    animation: fadeIn linear 0.5s;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large,
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large
    > div,
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large
    img,
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.medium,
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.medium
    > div,
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.medium
    img,
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover.large
    > span {
    height: 100% !important;
    max-height: 100% !important;
    border-bottom: none !important;
  }
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-collection-card__cover {
    min-height: 36.25rem !important;
    background: var(--contrast) !important;
    position: relative !important;
  }
  @media (max-width: 767.98px) {
    #page-work
      .notion-collection-gallery.large
      .notion-collection-card
      .notion-collection-card__cover {
      min-height: 20rem !important;
    }
  }
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-property__title {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem !important;
    color: var(--bg) !important;
    opacity: 0;
    transition: all 0.5s ease-in-out !important;
  }
  #page-work
    .notion-collection-gallery.large
    .notion-collection-card
    .notion-property__title
    .notion-property__title__icon-wrapper {
    display: none !important;
  }

  #page-work .notion-column-list {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 6.875rem !important;
    margin-right: 6.875rem !important;
  }
  #page-work .notion-column-list .notion-column .notion-image {
    margin-bottom: 2rem !important;
  }

  [id*="writing-"] .notion-page__properties,
  [id*="writing-"] .notion-text,
  [id*="writing-"] .notion-quote,
  [id*="writing-"] .notion-divider,
  [id*="writing-"] .notion-caption,
  [id*="writing-"] .notion-code {
    width: 100%;
    max-width: 45rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  [id*="writing-"] h1.notion-heading {
    width: 45rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 1rem !important;
  }
  @media (max-width: 767.98px) {
    [id*="writing-"] h1.notion-heading {
      width: 100% !important;
    }
  }
  [id*="writing-"] .color-gray {
    margin-bottom: 0.5rem !important;
    color: rgba(var(--contrast), 0.5) !important;
  }

  [id*="writing-"] .notion-image {
    max-width: 100% !important;
    margin-bottom: 1rem !important;
  }
  @media (max-width: 1199.98px) {
    [id*="writing-"] .notion-image {
      width: 100% !important;
      max-width: 100% !important;
    }
  }
  [id*="writing-"] .notion-image img {
    max-width: 45rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  [id*="writing-"] h2 {
    margin-top: 2.5rem !important;
    margin-bottom: 0.5rem !important;
    margin-right: auto;
    margin-left: auto;
    text-transform: unset !important;
    font-size: 1.9rem !important;
    max-width: 45rem !important;
    width: 100%;
  }

  [id*="writing-"] .notion-code pre {
    background: rgba(var(--contrast), 0.1) !important;
    text-shadow: none !important;
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  [id*="writing-"] .notion-code pre code {
    text-shadow: none !important;
  }
  [id*="writing-"] .notion-code pre code span,
  [id*="writing-"] .notion-code pre code .token {
    color: var(--contrast) !important;
  }

  [id*="writing-"] .notion-quote {
    font-family: "Roboto", sans-serif !important;
    font-size: 1.9rem !important;
  }

  [id*="writing-"] .notion-bulleted-list,
  [id*="writing-"] .notion-numbered-list {
    margin: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.75 !important;
    font-size: 1.125rem !important;
    letter-spacing: 0.025rem !important;
    width: 100%;
    max-width: 45rem !important;
  }

  [id*="writing-"] .notion-text {
    min-height: 2rem !important;
  }

  article[id*="block-writing-"] {
    margin-top: 8rem !important;
  }
  @media (max-width: 767.98px) {
    article[id*="block-writing-"] .notion-image > div {
      height: 20rem !important;
    }
    article[id*="block-writing-"] .notion-image > div img {
      object-fit: cover !important;
    }
  }
  @media (max-width: 767.98px) {
    article[id*="block-projects-"] .notion-image > div {
      height: 20rem !important;
    }
    article[id*="block-projects-"] .notion-image > div img {
      object-fit: cover !important;
    }
  }

  article[id*="block-projects-"] .notion-column-list .notion-column {
    margin-bottom: 1.5rem !important;
  }

  .notion-collection .notion-collection-table__wrapper table thead {
    display: none !important;
  }

  .notion-collection
    .notion-collection-table__wrapper
    table
    tbody
    .notion-collection-table__cell.title {
    display: none !important;
  }

  .notion-collection .notion-collection-table__wrapper table tbody tr,
  .notion-collection .notion-collection-table__wrapper table tbody th {
    color: rgba(var(--contrast), 0.5) !important;
  }

  .notion-collection .notion-collection-table__wrapper table tbody a {
    color: var(--contrast) !important;
  }

  .notion-collection .notion-collection-table {
    font-size: 1.25rem !important;
  }
  @media (max-width: 767.98px) {
    .notion-collection .notion-collection-table {
      font-size: 1rem !important;
    }
  }
  .notion-collection .notion-collection-table td,
  .notion-collection .notion-collection-table th {
    border: none !important;
    font-size: 1.25rem !important;
    color: rgba(var(--contrast), 0.5) !important;
  }

  .notion-collection .notion-collection-table td {
    border: 0 !important;
    padding: 0.25rem 0 !important;
  }

  .notion-collection .notion-collection-table th {
    display: none !important;
  }

  .notion-collection .notion-collection-table__body .title {
    display: none !important;
  }

  .notion-collection .notion-collection-table__cell .notion-semantic-string {
    white-space: normal !important;
  }

  .notion-callout {
    color: var(--bg) !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
    opacity: 1 !important;
  }
  .notion-callout:before {
    content: "" !important;
    background-color: var(--contrast) !important;
    opacity: 0.15 !important;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .notion-callout.border {
    border-top: 1px solid rgba(var(--contrast), 0.5) !important;
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important;
  }
  .notion-callout.bg-gray-light {
    background: var(--bg) !important;
  }
  .notion-callout .notion-callout__icon .notion-icon {
    display: none !important;
  }
  .notion-callout .notion-callout__content {
    max-width: 1342px !important;
    margin: 0 auto !important;
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
    opacity: 1 !important;
    position: relative !important;
  }
  .notion-callout .notion-callout__content .notion-collection tr {
    margin-bottom: 0.15rem !important;
  }
  .notion-callout
    .notion-callout__content
    .notion-collection
    .notion-collection-table__body
    tr
    a {
      font-family: "Roboto", sans-serif;
  }
  @media (max-width: 767.98px) {
    .notion-callout
      .notion-callout__content
      .notion-collection
      .notion-collection-table__body
      tr:first-child {
      display: block !important;
      margin-bottom: 1.5rem !important;
    }
  }
  .notion-callout
    .notion-callout__content
    .notion-collection
    .notion-collection-table__body
    tr:first-child
    a {
    margin-right: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1rem !important;
    font-size: 0.9875rem !important;
  }
  @media (max-width: 767.98px) {
    .notion-callout
      .notion-callout__content
      .notion-collection
      .notion-collection-table__body
      tr:first-child
      a {
      margin-right: 0 !important;
      display: block !important;
      margin-bottom: 0.5rem !important;
    }
  }
  @media (max-width: 767.98px) {
    .notion-callout
      .notion-callout__content
      .notion-collection
      .notion-collection-table__body
      tr:last-child {
      margin-top: 1.5rem !important;
      display: block !important;
    }
  }
  .notion-callout
    .notion-callout__content
    .notion-collection
    .notion-collection-table__body
    .notion-collection-table__cell.text {
    font-size: 1.125rem !important;
    letter-spacing: 0.05rem !important;
    color: rgba(var(--contrast), 0.5) !important;
  }
  @media (max-width: 767.98px) {
    .notion-callout
      .notion-callout__content
      .notion-collection
      .notion-collection-table__body
      .notion-collection-table__cell.text {
      font-size: 1rem !important;
    }
  }
  .notion-callout
    .notion-callout__content
    .notion-collection
    .notion-collection-table__body
    .notion-collection-table__cell.text
    .notion-property__text {
    margin-bottom: 0.25rem !important;
  }
  .notion-callout
    .notion-callout__content
    .notion-collection
    .notion-collection-table__body
    .notion-collection-table__cell.text
    .color-green {
    color: var(--contrast) !important;
    background: var(--accent) !important;
    font-family: "Roboto", sans-serif !important;
    padding: 0.3rem 0.5rem 0.3rem !important;
    margin-right: 0.5rem !important;
    border-radius: 0.25rem !important;
  }

  .notion-bulleted-list {
    margin: 0 !important;
    margin-bottom: 3rem !important;
    line-height: 1.75 !important;
    font-size: 1.125rem !important;
    letter-spacing: 0.025rem !important;
  }

  .notion-image.page-width {
    margin-bottom: 1.25rem !important;
  }

  .notion-text .notion-text__content .notion-semantic-string span span strong {
    display: inline-block !important;
  }
</style>

<!-- Serif typography // Remove HTML comments to use this font
<link rel="stylesheet" href="https://mattdowney.github.io/digital/serif.css"> 
-->

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

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

  gtag("config", "G-4ZNY22L83C");
</script>