.home {
    position: relative;
    overflow: hidden;

.main {
    padding-left: 2rem;
    min-height: calc(100vh - 5rem - 5rem);

    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    z-index: 1;

    .head {
        font-size: clamp(7rem , 8vw, 10rem);
        font-weight: 800;
        line-height: .9;
        letter-spacing: -.04em;
        text-transform: uppercase;
        color: var(--text-color);
        position: relative;
        display: inline-block;
        user-select: none;
    }

    .subhead {
        font-size: clamp(1.3rem, 1.5vw, 1.8rem);
        color: var(--ctp-sky);
        margin-top: clamp(-3.7rem, -3vw, -2.6rem);

        .cur {
            animation: blink 1s step-end infinite;
        }
    }

}

}

@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}