#hero-1-h1-container {
  grid-column: 2;
  grid-row: 4 / 5;
}

#hero-1-content .brand_logo_1 {
  visibility: hidden;
}
#hero-1-content .brand_logo_1 #rectangle,
#hero-1-content .brand_logo_1 #diamond {
  fill: none;
  stroke-width: 9px;
  stroke-miterlimit: 10;
}
#hero-1-content .brand_logo_1 #eye-outer-iris {
  fill: none;
  stroke-width: 11px;
  stroke-miterlimit: 10;
}
#hero-1-content .brand_logo_1 #eye-inner-iris {
  fill: var(--iris-color);
}
#hero-1-content .brand_logo_1 #pine-0,
#hero-1-content .brand_logo_1 #pine-1 {
}
#hero-1-content .brand_logo_1 {
  grid-column: 2;
  grid-row: 2;
  fill: var(--bg-color-z-0);
  stroke: var(--bg-color-z-0);
}
#resume-brand svg {
  color: var(--color-granite);
  fill: var(--color-granite);
}


/* ------------------- */
/* Contact form */
#contact {
  scroll-margin-top: 100px;
  max-width: 100dvw;
}
.form {
  padding: 1rem 0.2rem;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  border: 1px solid #373f2d40;
}
.form label {
  font-family: "Sen", sans-serif;;
  
}
.form-field {
  display:flex;
  flex-direction:column;
}
  /* ------------------- */
  /* Contact form */
  #form-contact-header-visual {
    display: flex;
    flex-direction: column;
  }
  #form-contact-header-visual .brand-handwritten {
    font-size:1.1rem;
    margin-left: 1em;
  }
  #form-contact-logo {
    width: 5rem;
  }
  #form-contact label{
    font-family: "FiraCode", sans-serif;;
  }
  #form-contact-brand-handwritten {
    width: 5rem;
    height: auto;
    margin-bottom: 1rem;
  }
  
  main > section:first-of-type {
    width:100dvw;
    height:100dvh;
  }
  main > section:first-of-type > div {
    background-image: url("./images/bg_section_1_2560.avif");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    height: 100%;
    width: 100%;
    padding:7dvh 0 0 5dvw;
  }
  main > section:first-of-type  svg {
    margin-top:auto;
    width: 59dvw;
    height: auto;
    grid-column: 1;
    grid-row: 1;
  }
  main > section:first-of-type  p a {
    color: var(--color-deep-saffron);
    background-image: linear-gradient(
    to bottom,
    transparent 92%,
    var(--color-deep-saffron) 92%
);
  }
  main > section:first-of-type  p {
    color: var(--color-pearl-beige);
    grid-column: 1;
    grid-row: 2 / 4;
    margin-bottom: auto;
  }
  #our-work > article {
    display: grid;
  }  
#our-work > article:first-of-type {
  
}



@media(min-width: 60rem) {
    main > section:first-of-type  svg {
      width: 33dvw;
    }
    main > section:first-of-type > div {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(3, 1fr);
    }
    main > section:first-of-type  p {
      grid-column: 1 / 3;
      grid-row: 2 / 3;
    }
  }