.fx-static-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: clamp(480px, 68svh, 720px);
    padding-block: clamp(64px, 10vw, 136px);
    background: #102e22;
    color: #fff;
}

.fx-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}

.fx-static-hero .wrap {
    position: relative;
}

.fx-static-hero .content {
    max-width: 620px;
}

.fx-static-hero .tit,
.fx-static-hero .desc {
    text-shadow: 0 1px 4px rgba(10, 23, 17, .85), 0 2px 12px rgba(10, 23, 17, .55);
}

.fx-static-hero .tit {
    max-width: 16ch;
    margin-bottom: 18px;
    color: inherit;
    font-size: clamp(38px, 5vw, 72px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.06;
}

.fx-static-hero .desc {
    margin-bottom: 30px;
    font-size: clamp(16px, 1.4vw, 21px);
    line-height: 1.6;
}

@media (max-width: 640px) {
    .fx-static-hero {
        min-height: clamp(390px, 64svh, 520px);
        align-items: end;
    }
}