* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'CormorantGaramond-Light';
  font-weight: 300;
}

/* .container {
  background: #dfdfdf;
} */
.container .hero {
  display: grid;
  grid-template-columns: 60% 40%;
  height: 100vh;
}
.container .hero .copy {
  display: grid;
  align-content: center;
  padding: 0 1rem;
  height: 100%;
}
.container .hero .copy blockquote {
  font-size: 6vmin;
  font-weight: 300;
}
.container .hero .copy blockquote span {
  font-style: italic;
  font-weight: 400;
}
.container .hero .copy blockquote cite {
  font-weight: 300;
  font-style: italic;
  font-size: 4.5vmin;
  display: block;
  padding: 8px 0;
}
.container .hero .image-wrapper {
  height: 100vh;
  width: 100%;
}
.container .hero .image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.container .section-0 {
  margin-top: 20vh;
  text-align: center;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
/* .container .section-0 p.rightO{
text-align: start;
transform: scale(1);
transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.container .section-0.in-page p.rightO {
transform: scale(1.5) translateX(100px);
overflow: hidden;
} */
.container .section-0 p.scroller__inner {
  font-size: 2rem;
}
.container .section-0 cite {
  font-size: 3vw;
}
.container .section-1 {
  /* height: 100vh; */
  display: grid;
  place-content: center;
  padding: 0 1rem;
}
.container .section-1 .image-mask {
  width: 80vw;
  height: 80vh;
  background: url("../img/erika.jpg");
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 90%;
  background-size: 100%;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
  border-radius: 16px;
  filter: saturate(0);
}
.container .section-1 .image-mask:hover{
  filter: saturate(1);
}
.container .section-1 .image-mask.in-page{
  transform: scale(1.2);
}
.container .section-1 .image-mask img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.container .section-1 blockquote {
  font-size: 9vmin;
  font-weight: 300;
}
.container .section-1 blockquote span {
  font-style: italic;
  font-weight: 400;
}
.container .section-1 blockquote cite {
  font-weight: 300;
  font-style: italic;
  font-size: 7.5vmin;
  display: block;
  padding: 8px 0;
}
.container .section-2 {
  height: calc(300vh + 32px + 16px);
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-columns: 40% 60%;
  margin-top: 50px;
}
.container .section-2 blockquote {
  font-size: 5vmin;
  padding: 100px 16px 0 16px;
}
.container .section-2 blockquote.in-page{
  position: sticky;
  top: 0;left: 0;
}
.container .section-2 blockquote cite {
  display: block;
}
.container .section-2 .images-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 8px;
  gap: 8px;
  margin-top: 16px;
}
.container .section-2 .images-container img {
  width: 100%;
  max-height: 75vh;
  height: 100%;
  align-self: stretch;
  object-fit: cover;
}
.container .section-2 .images-container:hover img{
  filter: saturate(1);
}
.container .section-3 {
  display: grid;
  grid-template-columns: 40% 58%;
 /*  position: relative; */
 
 justify-content: space-between;
 justify-items: center;
}
.container .section-3 .image-wrapper {
  height: 100%;
  width: 100%;
}
.container .section-3 .image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.container .section-3 .copy {
  font-size: 6vmin;
  width: 80%;
  display: grid;
  align-content: space-evenly;
  
}
.chiSono__text p{
  font-size: 1.5rem;
  border-radius: 16px;
  padding: 10px;
  margin-bottom: 30px;
  color: whitesmoke;
  background-color:#232323;
  }
.chiSono__text p, strong{
    font-family: var(--text-font);
  }
.container .section-3 .copy blockquote {
  margin: 0 40px;
}
.container .section-3 .copyright {
  position: absolute;
  bottom: 5%;
  left: 50%;
  font-size: 4vmin !important;
}