body {
  color: #0e0e0e;
  font-family: Alegreya, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}

.ref {
  background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/webref.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.pcl_section.intro {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: 1fr 1fr min-content;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding: 64px;
  display: grid;
}

.pcl_logo {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  max-height: 100px;
  display: flex;
}

.pcl_logo_mark {
  width: 70px;
}

.pcl_logo_type {
  height: 70px;
}

.pcl_motto {
  background-image: url('../images/pcl.title.svg');
  background-position: 94px;
  background-repeat: no-repeat;
  background-size: 64%;
  padding: 0;
}

.pcl_dna {
  background-image: url('../images/pcl.ndaStrand.svg');
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-size: 12px;
  width: 12px;
}

.pcl_soon {
  background-image: url('../images/pcl.longevity.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 1.2rem;
  padding-left: 90px;
  font-size: 2rem;
}

@media screen and (max-width: 991px) {
  .pcl_motto {
    background-position: 0;
    background-size: 94%;
  }
}

@media screen and (max-width: 479px) {
  .pcl_section.intro {
    height: 100svh;
    padding: 32px;
  }

  .pcl_soon {
    padding-left: 64px;
  }

  .pcl_soon_label {
    font-size: 1.6rem;
  }
}

#w-node-_032a02e9-5952-8958-71dd-c23f9a6428f7-c8eaa3c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d7d58dcd-3499-e64a-2be2-c36cb58bf71c-c8eaa3c6 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_6c963238-c139-bd2d-736b-949663a09305-c8eaa3c6 {
  grid-area: 1 / 3 / 4 / 4;
}

#w-node-da9b5295-2ca7-c5e5-201d-0fa1996853f8-c8eaa3c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}


@font-face {
  font-family: 'Perpetua Titling Mt';
  src: url('../fonts/PERTIBD.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Perpetua Titling Mt';
  src: url('../fonts/perpetua-titling-mt-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}