/* =========================================
   KGV LONGREADS
   Editorial layout
   ========================================= */



.kgv-longread {

  padding-bottom: 100px;

}



.kgv-longread__article {

  max-width: 1200px;

  margin: 0 auto;

}



/* =========================================
   HERO
   ========================================= */


.kgv-longread-hero {

  padding: 50px 0 40px;

}



.kgv-longread-hero .container {

  max-width: 900px;

}



.kgv-longread-hero__project {

  max-width:760px;

  margin:20px auto;

  font-size:14px;

  text-transform:uppercase;

  letter-spacing:.08em;

  color:#9b7a35;

}



.kgv-longread-hero__title {

  max-width:760px;

  margin:30px auto 0;

  font-size:52px;

  line-height:1.12;

  letter-spacing:-0.02em;

}



.kgv-longread-hero__excerpt {

  max-width:760px;

  margin:30px auto 0;

  font-size:22px;

  line-height:1.55;

  color:#555;

}



/* =========================================
   COVER
   ========================================= */


.kgv-longread__cover-wrap {

  max-width:1200px;

  margin:40px auto 70px;

}



.kgv-longread__cover {

  display:block;

  width:100%;

  height:520px;

  object-fit:cover;

  border-radius:30px;

}



/* =========================================
   CONTENT
   ========================================= */


.kgv-prose {

  max-width:760px;

  margin:0 auto;

}



.kgv-prose p {

  font-size:19px;

  line-height:1.8;

  margin:0 0 34px;

}



.kgv-prose h2 {

  margin:75px 0 30px;

  font-size:38px;

  line-height:1.2;

  letter-spacing:-0.02em;

}



.kgv-prose h3 {

  margin:55px 0 25px;

  font-size:28px;

  line-height:1.3;

}



.kgv-prose ul,
.kgv-prose ol {

  margin:30px 0;

  padding-left:30px;

  line-height:1.7;

}



/* =========================================
   IMAGES
   ========================================= */


.kgv-longread-image {

  max-width:900px;

  margin:60px auto;

}



.kgv-longread-image img {

  display:block;

  width:100%;

  height:auto;

  border-radius:26px;

}



.kgv-longread-image figcaption {

  margin:14px auto 0;

  max-width:760px;

  padding:0 8px;

  text-align:center;

  font-size:14px;

  line-height:1.5;

  color:#777;

}



.kgv-longread-image figcaption::before {

  content:"— ";

  color:#bbb;

}



/* =========================================
   QUOTES
   ========================================= */


.kgv-prose blockquote {

  margin:60px auto;

  padding:40px;

  background:#faf5ed;

  border:0;

  border-radius:28px;

  font-size:25px;

  line-height:1.5;

  font-style:italic;

}



.kgv-prose blockquote p {

  margin:0;

  max-width:none;

}



/* =========================================
   GALLERY
   ========================================= */


.kgv-longread-gallery {

  max-width:1100px;

  margin:70px auto;

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:20px;

}



.kgv-longread-gallery img {

  width:100%;

  height:auto;

  border-radius:24px;

}



/* =========================================
   REQUEST BLOCK
   ========================================= */


.kgv-longread__request {

  max-width:1100px;

  margin:100px auto 80px;

  padding:60px;

  background:#faf8f5;

  border-radius:32px;

}



.kgv-longread__request h2 {

  max-width:760px;

  margin:0 auto 20px;

  font-size:38px;

  line-height:1.2;

}



.kgv-longread__request p {

  max-width:760px;

  margin:0 auto 40px;

  font-size:19px;

  line-height:1.6;

}



.kgv-longread__request form {

  max-width:900px;

  margin:0 auto;

}



/* =========================================
   MOBILE
   ========================================= */


@media(max-width:700px){


  .kgv-longread {

    padding-bottom:60px;

  }



  .kgv-longread-hero {

    padding:30px 0;

  }



  .kgv-longread-hero__title {

    font-size:34px;

    line-height:1.18;

  }



  .kgv-longread-hero__excerpt {

    font-size:18px;

  }



  .kgv-longread__cover-wrap {

    margin:30px auto 45px;

  }



  .kgv-longread__cover {

    border-radius:20px;

  }



  .kgv-prose p {

    font-size:17px;

    line-height:1.7;

  }



  .kgv-prose h2 {

    margin-top:55px;

    font-size:30px;

  }



  .kgv-prose h3 {

    font-size:24px;

  }



  .kgv-longread-image {

    margin:40px auto;

  }



  .kgv-longread-image img {

    border-radius:18px;

  }



  .kgv-prose blockquote {

    padding:25px;

    font-size:20px;

    border-radius:22px;

  }



  .kgv-longread-gallery {

    grid-template-columns:1fr;

    margin:50px auto;

  }



  .kgv-longread__request {

    margin-top:60px;

    padding:30px 20px;

    border-radius:24px;

  }



  .kgv-longread__request h2 {

    font-size:28px;

  }



}

.kgv-longread-image__link {
  display:block;
  cursor:zoom-in;
}