main{
    background:linear-gradient(180deg,#0b1210 0%,rgba(55,255,170,.08) 22%,rgba(55,255,170,.14) 55%,rgba(55,255,170,.18) 100%);
}
.hero{
    min-height:640px;
    padding:50px 0 190px;
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center 24%;
    background-repeat:no-repeat;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(11,18,16,.42) 0%, rgba(11,18,16,.20) 42%, rgba(11,18,16,.38) 100%),
        linear-gradient(180deg, rgba(11,18,16,.10) 0%, rgba(11,18,16,.03) 38%, rgba(11,18,16,.26) 100%);
    pointer-events:none;
}

.hero > .wrap{
    position:relative;
    z-index:1;
    width:min(1920px, calc(100% - 36px));
    margin-left:auto;
    margin-right:auto;
}

.hero-copy{
    display:grid;
    gap:22px;
    max-width:1100px;
    justify-items:start;
    margin-left:-130px;
}

.hero-title-simple{
    line-height:0.97;
}

@media (max-width:980px){
    .hero{
        min-height:500px;
        padding:130px 0 145px;
        background-position:center 28%;
    }

    .hero > .wrap{
        width:calc(100% - 36px);
    }

    .hero-copy{
        max-width:100%;
        margin-left:0;
    }
}

.page-hero--simple{
    padding:120px 0 100px;
}

.page-hero-copy{
    display:grid;
    gap:16px;
    max-width:760px;
}

.search-strip{
    padding:20px 0 0;
}

.search-shell{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto;
    gap:14px;
}

.search-input{
    min-height:54px;
    padding:0 16px;
    border-radius:14px;
    border:1px solid #2a3a34;
    background:#101917;
    color:#f5f7f6;
}

.search-input::placeholder{
    color:#aab7b0;
}

.search-results{
    position:absolute;
    left:0;
    right:118px;
    top:calc(100% + 8px);
    display:none;
    z-index:30;
    padding:10px;
    background:rgba(16,25,23,.98);
    border:1px solid #2a3a34;
    border-radius:18px;
    box-shadow:0 16px 40px rgba(0,0,0,.22);
}

.search-results.is-open{
    display:grid;
    gap:6px;
}

.search-result{
    padding:12px 14px;
    border-radius:12px;
    color:#d6ddd9;
    transition:background .18s ease,color .18s ease;
}

.search-result:hover,
.search-result.is-active{
    background:#17382d;
    color:#f5f7f6;
}

.search-result small{
    display:block;
    color:#aab7b0;
    margin-top:4px;
}

.section-head{
    display:grid;
    gap:16px;
    margin-bottom:34px;
    max-width:74ch;
}

.cta-box{
    padding:34px 0 0;
    border-top:1px solid #22302b;
    max-width:72ch;
}

@media (max-width:980px){
    .hero{
        padding:120px 0 130px;
    }

    .hero .wrap{
        width:calc(100% - 36px);
    }

    .hero-copy{
        max-width:100%;
    }

    .search-shell{
        grid-template-columns:1fr;
    }

    .search-results{
        right:0;
    }
}