/* -------------------------------- 

File#: _2_feature-v19
Title: Feature v19
Descr: Feature content with a tilted image slideshow
Usage: codyhouse.co/license

-------------------------------- */
/* reset */
*, *::after, *::before {
    box-sizing: border-box;
  }
  
  * {
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
  }
  

  
  ol, ul, menu {
    list-style: none;
  }
  
  button, input, textarea, select {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
  }
  
  textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top;
  }
  
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  img, video, svg {
    display: block;
    max-width: 100%;
  }
  
  
  /* variables */
  :root {
    /* colors */
    --ft1-color-primary-hsl: 250, 84%, 54%;
    --ft1-color-bg-hsl: 0, 0%, 100%;
    --ft1-color-contrast-high-hsl: 230, 7%, 23%;
    --ft1-color-contrast-higher-hsl: 230, 13%, 9%;
    --ft1-color-contrast-medium-hsl: 225, 4%, 47%;
    --ft1-color-bg-dark-hsl: 240, 4%, 95%;
    --ft1-color-white-hsl: 0, 0%, 100%;
    --ft1-color-primary-darker-hsl: 250, 84%, 38%;
    --ft1-color-primary-light-hsl: 250, 84%, 60%;
    --ft1-color-accent-hsl: 342, 89%, 48%;
    --ft1-color-contrast-lower-hsl: 240, 4%, 85%;
  
    /* spacing */
    --ft1-space-sm: 0.75rem;
    --ft1-space-md: 1.25rem;
    --ft1-space-lg: 2rem;
    --ft1-space-xl: 3.25rem;
    --ft1-space-2xs: 0.375rem;
    --ft1-space-xs: 0.5rem;
  
    /* typography */
    --ft1-text-sm: 0.833rem;
    --ft1-text-sm: 0.833rem;
  }
  
  @media(min-width: 64rem){
    :root {
      /* spacing */
      --ft1-space-sm: 1.125rem;
      --ft1-space-md: 2rem;
      --ft1-space-lg: 3.125rem;
      --ft1-space-xl: 5.125rem;
      --ft1-space-2xs: 0.5625rem;
      --ft1-space-xs: 0.75rem;
  
      /* typography */
      --ft1-text-sm: 1rem;
      --ft1-text-sm: 1rem;
    }
  }
  
  /* buttons */
  .ft1-btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    white-space: nowrap;
    text-decoration: none;
    background: hsl(var(--ft1-color-bg-dark-hsl));
    color: hsl(var(--ft1-color-contrast-higher-hsl));
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease;
    will-change: transform;
    padding: var(--ft1-space-2xs) var(--ft1-space-sm);
    border-radius: 0.25em;
  }
  
  .ft1-btn:focus-visible {
    box-shadow: 0px 0px 0px 2px hsl(var(--ft1-color-bg-hsl)), 0px 0px 0px 4px hsla(var(--ft1-color-contrast-higher-hsl), 0.15);
    outline: none;
  }
  
  .ft1-btn:active {
    transform: translateY(2px);
  }
  
  .ft1-btn--primary {
    background: #F2A68D;
    color: hsl(var(--ft1-color-white-hsl));
    box-shadow: inset 0px 1px 0px hsla(var(--ft1-color-white-hsl), 0.15), 0px 1px 3px hsla(var(--ft1-color-primary-darker-hsl), 0.25), 0px 2px 6px hsla(var(--ft1-color-primary-darker-hsl), 0.1), 0px 6px 10px -2px hsla(var(--ft1-color-primary-darker-hsl), 0.25);
  }
  
  .ft1-btn--primary:hover {
    background: #F2A68D;
    color: black;
    box-shadow: inset 0px 1px 0px hsla(var(--ft1-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--ft1-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--ft1-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--ft1-color-primary-darker-hsl), 0.25);
  }
  
  .ft1-btn--primary:focus {
    box-shadow: inset 0px 1px 0px hsla(var(--ft1-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--ft1-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--ft1-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--ft1-color-primary-darker-hsl), 0.25), 0px 0px 0px 2px hsl(var(--ft1-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--ft1-color-primary-hsl));
  }
  
  /* component */
  
  
  /* utility classes */
  .ft1-perspective-xs {
    perspective: 250px;
  }
  
  .ft1-position-relative {
    position: relative;
  }
  
  .ft1-sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap;
  }
  
  .ft1-margin-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  .ft1-width-80\% {
    width: 80%;
  }
  
  .ft1-padding-top-md {
    padding-top: var(--ft1-space-md);
  }
  
  .ft1-color-inherit {
    color: inherit;
  }
  
  .ft1-items-center {
    align-items: center;
  }
  
  .ft1-gap-sm {
    gap: var(--ft1-space-sm);
  }
  
  .ft1-flex-wrap {
    flex-wrap: wrap;
  }
  
  .ft1-flex {
    display: flex;
  }
  
  .ft1-margin-top-sm {
    margin-top: var(--ft1-space-sm);
  }
  
  .ft1-color-contrast-medium {
    --ft1-color-o: 1;
    color: hsla(var(--ft1-color-contrast-medium-hsl), var(--ft1-color-o, 1));
  }
  
  .ft1-text-sm {
    font-size: var(--ft1-text-sm);
  }
  
  .ft1-text-component :where(h1, h2, h3, h4) {
    line-height: var(--ft1-heading-line-height, 1.2);
    margin-top: calc(var(--ft1-space-md) * var(--ft1-space-multiplier, 1));
    margin-bottom: calc(var(--ft1-space-sm) * var(--ft1-space-multiplier, 1));
  }
  
  .ft1-text-component :where(p, blockquote, ul li, ol li) {
    line-height: var(--ft1-body-line-height, 1.4);
  }
  
  .ft1-text-component :where(ul, ol, p, blockquote, .ft1-text-component__block) {
    margin-bottom: calc(var(--ft1-space-sm) * var(--ft1-space-multiplier, 1));
  }
  
  .ft1-text-component :where(ul, ol) {
    padding-left: 1.25em;
  }
  
  .ft1-text-component ul :where(ul, ol), .ft1-text-component ol :where(ul, ol) {
    padding-left: 1em;
    margin-bottom: 0;
  }
  
  .ft1-text-component ul {
    list-style-type: disc;
  }
  
  .ft1-text-component ol {
    list-style-type: decimal;
  }
  
  .ft1-text-component img {
    display: block;
    margin: 0 auto;
  }
  
  .ft1-text-component figcaption {
    margin-top: calc(var(--ft1-space-xs) * var(--ft1-space-multiplier, 1));
    font-size: var(--ft1-text-sm);
    text-align: center;}
  
  .ft1-text-component em {
    font-style: italic;
  }
  
  .ft1-text-component strong {
    font-weight: bold;
  }
  
  .ft1-text-component s {
    text-decoration: line-through;
  }
  
  .ft1-text-component u {
    text-decoration: underline;
  }
  
  .ft1-text-component mark {
    background-color: hsla(var(--ft1-color-accent-hsl), 0.2);
    color: inherit;
  }
  
  .ft1-text-component blockquote {
    padding-left: 1em;
    border-left: 4px solid hsl(var(--ft1-color-contrast-lower-hsl));
    font-style: italic;
  }
  
  .ft1-text-component hr {
    margin: calc(var(--ft1-space-md) * var(--ft1-space-multiplier, 1)) auto;
    background: hsl(var(--ft1-color-contrast-lower-hsl));
    height: 1px;
  }
  
  .ft1-text-component > *:first-child {
    margin-top: 0;
  }
  
  .ft1-text-component > *:last-child {
    margin-bottom: 0;
  }
  
  .ft1-text-component.ft1-line-height-xs {
    --ft1-heading-line-height: 1;
    --ft1-body-line-height: 1.1;
  }
  
  .ft1-text-component.ft1-line-height-sm {
    --ft1-heading-line-height: 1.1;
    --ft1-body-line-height: 1.2;
  }
  
  .ft1-text-component.ft1-line-height-md {
    --ft1-heading-line-height: 1.15;
    --ft1-body-line-height: 1.4;
  }
  
  .ft1-text-component.ft1-line-height-lg {
    --ft1-heading-line-height: 1.22;
    --ft1-body-line-height: 1.58;
  }
  
  .ft1-text-component.ft1-line-height-xl {
    --ft1-heading-line-height: 1.3;
    --ft1-body-line-height: 1.72;
  }
  
  .ft1-gap-y-lg {
    row-gap: var(--ft1-space-lg);
  }
  
  .ft1-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  
  .ft1-grid > * {
    min-width: 0;
    grid-column-end: span 12;
  }
  
  .ft1-max-width-adaptive-lg {
    max-width: 32rem;
  }
  
  @media(min-width: 48rem) {
    .ft1-max-width-adaptive-lg {
      max-width: 48rem;
    }
  }
  
  @media(min-width: 64rem) {
    .ft1-max-width-adaptive-lg {
      max-width: 64rem;
    }
  }
  
  @media(min-width: 80rem) {
    .ft1-max-width-adaptive-lg {
      max-width: 80rem;
    }
  }
  
  .ft1-container {
    width: calc(100% - 2*var(--ft1-space-md));
    margin-left: auto;
    margin-right: auto;
  }
  
  .ft1-padding-y-xl {
    padding-top: var(--ft1-space-xl);
    padding-bottom: var(--ft1-space-xl);
  }
  
  .ft1-z-index-1 {
    z-index: 1;
  }
  
  @media(min-width: 48rem){
    .ft1-width-70\%\@sm {
      width: 70%;
    }
  }
  
  @media(min-width: 64rem){
    .ft1-padding-top-0\@md {
      padding-top: 0;
    }
  
    .ft1-gap-lg\@md {
      gap: var(--ft1-space-lg);
    }
  
    .ft1-col-5\@md {
      grid-column-end: span 5;
    }
  
    .ft1-col-7\@md {
      grid-column-end: span 7;
    }
  }

  /* -------------------------------- 

File#: _1_tilted-img-slideshow
Title: Tilted Image Slideshow
Descr: A slideshow plugin to loop through a list of 3 tilted images
Usage: codyhouse.co/license

-------------------------------- */
/* reset */
*, *::after, *::before {
    box-sizing: border-box;
  }
  
  * {
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  
  
  
  ol, ul, menu {
    list-style: none;
  }
  
  button, input, textarea, select {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
  }
  
  textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top;
  }
  
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  img, video, svg {
    display: block;
    max-width: 100%;
    max-height:400px;
  }
  
  
  /* variables */
  :root {
    /* colors */
    --tm0-color-primary-hsl: 250, 84%, 54%;
    --tm0-color-bg-hsl: 0, 0%, 100%;
    --tm0-color-contrast-high-hsl: 230, 7%, 23%;
    --tm0-color-contrast-higher-hsl: 230, 13%, 9%;
    --tm0-color-black-hsl: 230, 13%, 9%;
    --tm0-color-white-hsl: 0, 0%, 100%;
  
    /* spacing */
    --tm0-space-2xs: 0.375rem;
    --tm0-space-sm: 0.75rem;
    --tm0-space-md: 1.25rem;
  
    /* typography */
    --tm0-text-sm: 0.833rem;
  }
  
  @media(min-width: 64rem){
    :root {
      /* spacing */
      --tm0-space-2xs: 0.5625rem;
      --tm0-space-sm: 1.125rem;
      --tm0-space-md: 2rem;
  
      /* typography */
      --tm0-text-sm: 1rem;
    }
  }
  
  /* component */
  :root {
    --tilted-slideshow-translate-x: 0px;
    --tilted-slideshow-translate-z: 0px;
    --tilted-slideshow-rotate-z: 0deg;
  }
  
  .tilted-slideshow__item {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(var(--tilted-slideshow-translate-x)) translateZ(var(--tilted-slideshow-translate-z)) rotateZ(var(--tilted-slideshow-rotate-z));
            transform: translateX(var(--tilted-slideshow-translate-x)) translateZ(var(--tilted-slideshow-translate-z)) rotateZ(var(--tilted-slideshow-rotate-z));
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
  }
  
  .tilted-slideshow__item--top {
    position: relative;
    z-index: 3;
  }
  
  .tilted-slideshow__item--middle {
    z-index: 2;
  }
  
  .tilted-slideshow__item--bottom {
    z-index: 1;
  }
  
  .tilted-slideshow__item:nth-of-type(2) {
    --tilted-slideshow-rotate-z: -10deg;
  }
  
  .tilted-slideshow__item:nth-of-type(3) {
    --tilted-slideshow-rotate-z: 10deg;
  }
  
  .tilted-slideshow__item--middle {
    --tilted-slideshow-translate-z: -10px;
  }
  
  .tilted-slideshow__item--bottom {
    --tilted-slideshow-translate-z: -20px;
  }
  
  .tilted-slideshow__item--move-out {
    position: absolute;
    z-index: 4;
    opacity: 0;
    --tilted-slideshow-translate-x: 50px;
  }
  
  .tilted-slideshow__item--move-in {
    opacity: 0;
    --tilted-slideshow-translate-x: -50px;
  }
  
  .tilted-slideshow__item {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' opacity='0.9'/%3E%3Cline x1='15' y1='31' x2='47' y2='31' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpolyline points='37 21 47 31 37 41' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") 32 32, pointer;
    cursor: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsSAAALEgHS3X78AAADcUlEQVR4nO1bO2sbQRD+Ng8IASe2UkYBl8HqE+LCncGuHYwKVXn0Bv8OQyo3VlwZDCZqbUM6FzZJL+PSEAfSRIioCYR4wsLocjrda+92TrfSfSCEQLc733czs69ZRUSYZdyZafYA7kl3oJRqAFgGoL/rAF4lPHIB4AZAF8A5EXVF7ZMIAaXUGoDhZy5ncwMAp/pDRKeWTPRgTQCl1CMA7wFs8puWgPaMIwB7RPTLit02BFBKbTP5vG87LQYswk5u2/MIoJTS8fxB8I0nQXvEFhFdZG0gkwDs7vqtv8thvE20AexkCQtjAZRSzwDsA1iaANE4XAJ4Q0TfTB4yEoCHtE6BsW4KnRs2TIbO1BMhB8iDbeuwramQSgBHyA9hJEJiCHDMf3aEvB86HFaTckKsB3C233eQPNjmfeYQiaQQ2C5htjfBEnOIRGQI8CTnUwlJZcHrqMlSnABfJjjDs40bInoZ1mZoCPDcflrIa9SZ0xjGPICTxldHE18c9KjwIjhdDvOAIld1RWKOuY0gTIDNSVq5u7v7+Pj4uFar1SS268a4jXTCOzkTjf3FxcW76+vrD87Ozp4IiFBnjh6CHayNP1MsWq1Wv9vt/mk0GveFRBjhOJIElVJXZYh/TVqT1yJoMVZWVn72er1bS80PiOj58IenLi8eSpH8NFlNWsgT5vwLJX+jy5Y6sAJhETyu/gZTr6GLgqAIoR5QypmfkAgeVy8JKqW+5zVWErYTIxE91d/OnA1KhUNmDzg8PJxvNpsP8xqQB/1+/3ZhYeFHliac8wApOJMDYDkPOOcBUrNDJwSQnBqXXgDhdcGIAJlPWKUgSN7j6hfgpjTM5d+8x9UvgGgtjgmk3d7P1S/AuQgbQxRAHn6ungB8pDwQ4pUaBwcH88LkB/7j8+AoYL0KyxTX19d/T05OfguRR5BjcEtM75d9FOi0THjrL7cLOxiZpiOxIMaOyMImQkcTMa0YjHGrjsaC/+I/7BVqWjEIrS6tjsdjHtqSs6dwRHKJFIArKtpTQL4dV0obWyXGCbHjcJ3QJRdORpbQVmVySa1wAxtlWCcYYFgym1g3nGpHiBcProhgVC+cekvMERHkiqXxX4RVTi5lwyXHvNHGjvGmqC8nlGmIbKeN+SCqKzPVpanq2lx1cdJ2m6MdzOLVWZcw2/UBAP4BLzU5/CzhtvgAAAAASUVORK5CYII=") 1x, url("data:image/png;base64,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") 2x) 32 32, pointer;
  }
  
  .tilted-slideshow__touch-hint {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    font-size: var(--tm0-text-sm);
    background-color: hsla(var(--tm0-color-black-hsl), 0.9);
    color: hsl(var(--tm0-color-white-hsl));
    padding: var(--tm0-space-2xs) var(--tm0-space-sm);
    border-radius: 50em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: default;
  }
  @media (pointer: fine) {
    .tilted-slideshow__touch-hint {
      display: none;
    }
  }
  .tilted-slideshow--interacted .tilted-slideshow__touch-hint {
    display: none;
  }
  
  /* utility classes */
  .tm0-perspective-xs {
    perspective: 250px;
  }
  
  .tm0-position-relative {
    position: relative;
  }
  
  .tm0-sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap;
  }
  
  .tm0-padding-x-md {
    padding-left: var(--tm0-space-md);
    padding-right: var(--tm0-space-md);
  }