.title-container {
    height: 400px;
    display: grid;
    align-content: end;
    }
    
span.title {
    font-size: 13.5rem;
    }

.hero {
    display: grid;
    grid-template-rows: 28vh 66vh 6vh;
    }
    
.hero-top {
    display: grid;
    }

.hero-top > div {
    }

.hero-middle {

    }

.accent {
    font-size: 2.6rem; 
    line-height: 4.2rem;
    }

.hero-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    
.hero-bottom p:nth-child(3) {
    text-align: right;
    }
    
.hero-bottom > div {
    width: 340px;
    }

.section.s3.works {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0;
}

.item-preview {
    border: 1px solid var(--secondary-text-color);
}