.sec-page-head:has(+ .sec-filter){
  margin-bottom: 4.8rem;
}
.page-head .h2:has(span){
  display: inline-block;
}
.page-head .h2 span{
  font-size: 1.8rem;
  line-height: 200%;
  color: var(--gray);
  font-weight: normal;
  margin-left: 1.2rem;
  font-family: 'Space Grotesk';
  white-space: nowrap;
}
.page-head p{
  font-size: 1.6rem;
  line-height: 180%;
}
.page-head .subtitle + .h2{
  margin-bottom: 2.4rem;
}
@media(min-width:1460px) and (max-width:1559.98px){
  .page-head .h2 span {
    font-size: 1.7rem;
  }
}
@media(min-width:1360px) and (max-width:1459.98px){
  .page-head .h2 span {
    font-size: 1.6rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .page-head .h2 span {
    font-size: 1.6rem;
  }
  .page-head p {
    font-size: 1.5rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .page-head .h2 span {
    font-size: 1.6rem;
  }
  .page-head p {
    font-size: 1.5rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .page-head .h2 span {
    font-size: 1.6rem;
  }
  .page-head p {
    font-size: 1.4rem;
  }
}
@media(max-width:767.98px){
  .sec-page-head:has(+ .sec-filter) {
    margin-bottom: 4rem;
  }
  .page-head .h2 {
    font-size: 3.1rem;
    margin-bottom: 1.6rem;
  }
  .page-head .subtitle + .h2 {
    margin-bottom: 1.6rem;
  }
  .page-head .h2:last-child{
    margin-bottom: 0;
  }
  .page-head .h2:has(span) {
    display: block;
  }
  .page-head .h2 span {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .page-head p {
    font-size: 1.4rem;
  }
}