/* willou-corp/home-introduction */
.page--home {
    z-index: 25;
    position: relative;
    background-color: var(--clr-neutral-max);
}

.sa-section__introduction--home {
    position: relative;
    max-width: var(--grid-width);
    width: 100%;
    padding-inline: var(--grid-margin);
    margin-inline: auto;
}

.sa-home-introduction {
    position: relative;
}

.sa-home-introduction__logo-container {
    position: absolute;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    pointer-events: none;
}

.sa-home-introduction__logo {
    position: fixed;
}

.sa-home-introduction__project a {
    display: flex;
}

.sa-home-introduction__project--left {
    justify-content: flex-start;
}

.sa-home-introduction__project--right {
    justify-content: flex-end;
}

.sa-home-introduction__project-image--80 {
    max-width: 80%;
}

.sa-home-introduction__project-image--70 {
    max-width: 80%;
}

.sa-home-introduction__project-image--40 {
    max-width: 80%;
}

.sa-home-introduction__text-container {
    padding: calc(var(--spacer) * 15) 5vw 10vh;
    font-size: var(--font-size-h1);
    line-height: 1.15em;
}

@media screen and (max-width: 450px) {
    .sa-home-introduction__text-container {
        padding-inline: 0;
        font-size: 3rem;
        line-height: 1.35em;
    }
}