@charset "UTF-8";
/* Copyright © 2008-now Harris Blondman, visual, communication, and studio. All rights reserved. www.harrisblondman.nl
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.introduction-image {
  display: flex;
  position: relative;
  width: 100%;
}

.introduction-image .entry-text {
  flex: 0 0 auto;
  width: 5.6rem;
}

@media screen and (min-height: 800px) {
  .introduction-image .entry-text {
    width: 8.4rem;
  }
}

@media screen and (min-height: 1200px) {
  .introduction-image .entry-text {
    width: 11.2rem;
  }
}

.introduction-image .entry-text h3 {
  width: 80vh;
  font-size: 4rem;
  line-height: 1.35;
  text-align: center;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: 0 0;
  transform: translate3d(0, 80vh, 0) rotate(-90deg);
}

@media screen and (min-height: 800px) {
  .introduction-image .entry-text h3 {
    font-size: 6rem;
  }
}

@media screen and (min-height: 1200px) {
  .introduction-image .entry-text h3 {
    font-size: 8rem;
  }
}

.introduction-image .container-image {
  flex: 1 1 auto;
}

.introduction-image .container-image .entry-image p img {
  width: 100%;
  height: 80vh;
  object-fit: cover;
}