.content-block.text-section.experience-section > .inner-block > .padding {
  padding-bottom:5em;
}

.content-block.text-section.experience-section > .inner-block > .padding > .text-inner {
  position:relative;
  z-index:1;
}

.content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h2.fancy {
  font-size:3.0em;
  white-space:nowrap;
}

.content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h2.fancy > picture > img {
  vertical-align:middle;
}

.content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h3 {
  font-size:1.1em;
  letter-spacing:0.08em;
  font-weight:normal;
  margin:1em 0 0 3rem;
  white-space:nowrap;
}

.content-block.text-section.experience-section > .inner-block > .padding > .text-inner > p {
  margin-left:3rem;
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list {
  display:flex;
  position:relative;
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list:not([data-flicking="true"]) {
  transition:left var(--main-transition-time);
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block {
  flex:0 0 280px;
  color:var(--main-color);
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block > .padding img {
  max-width:100%;
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block > .padding h2 {
  font-size:1.3em;
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block > .padding h2,
.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block > .padding h3 {
  font-family:var(--main-font-family);
  font-weight:normal;
  text-transform:uppercase;
  margin:0;
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block > .padding h3 {
  font-size:0.8em;
  color:#9ea9b0;
  margin:0 0 0.1em;
  letter-spacing:0.025em;
}

.content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block > .padding > a.cta {
  height:1em;
}

/* Tablet and Desktop */
@media (width >= 750px) {
  .content-block.text-section.experience-section > .inner-block {
    max-width:none;
    margin:0 calc(var(--main-padding) * -1);
  }

  .content-block.text-section.experience-section > .inner-block > .padding {
    padding-left:var(--main-padding);
  }

  .content-block.text-section.experience-section > .inner-block > .padding {
    display:grid;
    grid-template-columns:1fr 50%;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner {
    grid-row:1 / span 3;
    margin:0 0 0 auto;
    position:relative;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h3::after {
    content:"";
    display:inline-block;
    width:3em;
    height:1px;
    background-color:var(--main-color);
    margin:0.5em 0.5em 0.3em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner::before {
    content:'';
    position:absolute;
    top:0;
    right:0.5em;
    width:100vw;
    height:100%;
    background:#fffe;
    z-index:1;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h2,
  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h3,
  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > p {
    position:relative;
    z-index:2;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport {
  }

  .content-area.custom-acf-page .content-block.text-section.experience-section > .inner-block > .padding > .dot-container {
    text-align:left;
    margin-top:4em;
    margin-left:2em;
    font-size:0.75em;
  }

  .content-block.experience-section[data-index="0"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:0;
  }
}

/* Mobile and Tablet */
@media (width < 1200px) {
}

/* Mobile */
@media (width < 750px) {
  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h2.fancy {
    font-size:2.7em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h2.fancy.icon > picture.in-text-icon > img {
    width: 0.7em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h3 {
    font-size:1.1em;
    letter-spacing:0;
    font-weight:normal;
    margin:1em 0 0 0;
    white-space:nowrap;
    padding-bottom:1em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > p {
    margin-top:0;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h3,
  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > p {
    margin-left:0;
    padding-left:1rem;
    border-left:solid var(--spacer-line-width) var(--main-color);
  }

  :root {
    --experience-block-width:90%;
    --experience-block-padding-width:1.0em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block {
    flex: 0 0 var(--experience-block-width);
    padding-left:var(--experience-block-padding-width);
    padding-right:var(--experience-block-padding-width);
    padding-top:0;
    padding-bottom:0;
  }

  .content-block.experience-section[data-index="0"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(var(--experience-block-padding-width) * -1);
  }

  .content-block.experience-section[data-index="1"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -1);
  }

  .content-block.experience-section[data-index="2"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -2);
  }

  .content-block.experience-section[data-index="3"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -3);
  }

  .content-block.experience-section[data-index="4"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -4);
  }

  .content-block.experience-section[data-index="5"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -5);
  }

  .content-block.experience-section[data-index="6"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -6);
  }

  .content-block.experience-section[data-index="7"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -7);
  }

  .content-block.experience-section[data-index="8"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -8);
  }

  .content-block.experience-section[data-index="9"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc((var(--experience-block-padding-width) * -1) + ((var(--experience-block-padding-width) * 2) + var(--experience-block-width)) * -9);
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block > .padding > picture > img {
    width:100%;
    height:16.5em;
    object-fit:cover;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block:last-child {
    flex:0 0 100%;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block h3 {
    font-size:1em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block h2 {
    font-size:1.6em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .dot-container {
    margin-top:3em;
  }
}

/* Tablet */
@media (750px <= width < 1200px) {
  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h2.fancy {
    font-size: 2.5em;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > h3 {
    font-size:0.8em;
    margin-left:2.5rem;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .text-inner > p {
   margin-left:2.5rem;
  }

  .content-block.text-section.experience-section > .inner-block > .padding::before {
    width:calc(49% + 2em);
  }

  :root {
    --experience-section-padding:1.5em;
    --experience-section-block-width:280px;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block {
    flex: 0 0 var(--experience-section-block-width);
    padding:0 var(--experience-section-padding);
  }

  .content-block.experience-section[data-index="1"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -1);
  }

  .content-block.experience-section[data-index="2"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -2);
  }

  .content-block.experience-section[data-index="3"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -3);
  }

  .content-block.experience-section[data-index="4"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -4);
  }

  .content-block.experience-section[data-index="5"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -5);
  }

  .content-block.experience-section[data-index="6"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -6);
  }

  .content-block.experience-section[data-index="7"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -7);
  }

  .content-block.experience-section[data-index="8"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -8);
  }

  .content-block.experience-section[data-index="9"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -9);
  }
}

@media (min-width:750px) and (max-width:770px) {
  :root {
    --experience-section-block-width:250px;
  }
}

/* Desktop */
@media (width >= 1200px) {
  .content-block.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block.transition-element {
    transition:opacity 2s ease var(--main-transition-time), transform 2s var(--main-transition-time);
  }

  .content-block.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block.transition-element.slide-up {
    opacity:0!important;
    top:0!important;
    transform:translate(0, 100%);
  }

  :root {
    --experience-section-padding:1.5em;
    --experience-section-block-width:325px;
  }

  .content-block.text-section.experience-section > .inner-block > .padding > .viewport > .experience-block-list > .experience-block {
    flex: 0 0 var(--experience-section-block-width);
    padding:0 var(--experience-section-padding);
  }

  .content-block.experience-section[data-index="1"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -1);
  }

  .content-block.experience-section[data-index="2"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -2);
  }

  .content-block.experience-section[data-index="3"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -3);
  }

  .content-block.experience-section[data-index="4"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -4);
  }

  .content-block.experience-section[data-index="5"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -5);
  }

  .content-block.experience-section[data-index="6"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -6);
  }

  .content-block.experience-section[data-index="7"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -7);
  }

  .content-block.experience-section[data-index="8"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -8);
  }

  .content-block.experience-section[data-index="9"] > .inner-block > .padding > .viewport > .experience-block-list {
    left:calc(((var(--experience-section-padding)*2) + var(--experience-section-block-width)) * -9);
  }
}