#about {
   display: flex;
   position: relative;
   padding: 0 var(--space-md);
   width: 100%;
   height: 100%;
   max-height: 0;
   overflow: hidden;
}

#about.is-open {
   margin: 0;
   margin-bottom: var(--space-md);
}

#about .wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transform-origin: top;
   width: 100%;
}

#about .col {
   flex: 0 1 100%;
}

#about .item_title {
   margin-bottom: 0.25em;
   color: #767773;
   text-transform: uppercase;
}

#about .item_title {
   margin-top: var(--space-md);
}

#about .item_body p + p {
   margin-top: 0.65em;
}

#about .item_body a {
   opacity: 1;
   transition: opacity 300ms;
   white-space: nowrap;
}

#about .item_body a::after {
   display: inline-block;
   margin-left: 0.125em;
   content: '↗';
}

@media (hover: hover) {
   #about .item_body a:hover {
      opacity: 0.5;
   }
}

@media (min-width: 480px) {
}

@media (min-width: 640px) {
   #about {
      padding: 0 var(--space-lg);
   }

   #about.is-open {
      margin-bottom: var(--space-lg);
   }

   #about .wrapper {
      flex-direction: row;
   }

   #about .col {
      flex: 0 1 50%;
      padding: var(--space-sm);
      padding-right: var(--space-lg);
   }

   #about .item_title {
      margin-top: 0;
   }

   #about .item + .item > .item_title {
      margin-top: var(--space-md);
   }
}

@media (min-width: 992px) {
   #about .col {
      flex: 0 1 calc(100% / 3);
   }
}