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

  CASE STUDY PAGE CONTENTS

----------------------------------------------*/
.caseStudyPage-contents {
  display: grid;
  gap: min( calc( 30 / var(--screen-width) * 100vw ), 55px );
  /*---------------------------------------
   heading
  ---------------------------------------*/
  /*---------------------------------------
   articles
  ---------------------------------------*/
}
.caseStudyPage-contents__heading {
  display: grid;
  gap: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
  /* heading
  ----------------------------------*/
  /* terms
  ----------------------------------*/
}
@media (min-width: 960px) {
  .caseStudyPage-contents__heading {
    display: flex;
    justify-content: center;
    gap: min( calc( 90 / var(--screen-width) * 100vw ), 90px );
  }
}
.caseStudyPage-contents__heading .heading {
  display: grid;
  gap: min( calc( 5 / var(--screen-width) * 100vw ), 5px );
}
.caseStudyPage-contents__heading .heading h1 {
  font-size: min( calc( 24 / var(--screen-width) * 100vw ), 24px );
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
.caseStudyPage-contents__heading .heading small {
  display: block;
  font-size: min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media (min-width: 960px) {
  .caseStudyPage-contents__heading .heading {
    flex-shrink: 0;
  }
  .caseStudyPage-contents__heading .heading h1 {
    font-size: min( calc( 35 / var(--screen-width) * 100vw ), 35px );
  }
  .caseStudyPage-contents__heading .heading small {
    -moz-text-align-last: left;
         text-align-last: left;
  }
}
.caseStudyPage-contents__heading .terms {
  padding-top: min( calc( 15 / var(--screen-width) * 100vw ), 15px );
  border-top: 1px solid var(--color__text);
  width: 100%;
  font-size: min( calc( 13 / var(--screen-width) * 100vw ), 13px );
  font-weight: bold;
  line-height: 1.2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: min( calc( 10 / var(--screen-width) * 100vw ), 10px ) min( calc( 10 / var(--screen-width) * 100vw ), 25px );
}
.caseStudyPage-contents__heading .terms a {
  display: block;
  min-width: min( calc( 65 / var(--screen-width) * 100vw ), 65px );
  padding: min( calc( 2 / var(--screen-width) * 100vw ), 2px ) min( calc( 10 / var(--screen-width) * 100vw ), 10px );
  background-color: #fff;
  text-align: center;
  transition: opacity 0.3s;
}
.caseStudyPage-contents__heading .terms a.--active {
  background-color: var(--color__text);
  color: #fff;
  pointer-events: none;
}
.caseStudyPage-contents__heading .terms a:hover {
  opacity: 0.7;
}
@media (min-width: 960px) {
  .caseStudyPage-contents__heading .terms {
    padding-top: 0;
    border-top: 0;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .caseStudyPage-contents__heading .terms:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--color__text);
    position: absolute;
    left: max( calc( -45 / var(--screen-width) * 100vw ), -45px );
    top: 0;
  }
}
.caseStudyPage-contents__articles {
  display: grid;
  gap: min( calc( 25 / var(--screen-width) * 100vw ), 50px );
}
/*# sourceMappingURL=case-study.css.map */