.srp-projects-hero {
    position: relative;
    min-height: 68svh;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 78% 28%,rgba(140,114,255,.16),transparent 30%),linear-gradient(135deg,#080810,#171022 60%,#2d1c42);
}

.srp-projects-hero__inner {
    display: grid;
    min-height: 68svh;
    align-items: end;
    padding-top: 8.5rem;
    padding-bottom: clamp(4rem,7vw,6.5rem);
}

.srp-projects-hero__copy { max-width: 70rem; }

.srp-projects-hero__kicker {
    margin: 0 0 1rem;
    color: #aeb6ff;
    font-family: var(--srp-font-display);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.srp-projects-hero h1 {
    margin: 0;
    font-size: clamp(4rem,8vw,8.5rem);
    font-weight: 900;
    letter-spacing: -.08em;
    line-height: .8;
    text-transform: uppercase;
}

.srp-projects-hero h1 span { display: block; }
.srp-projects-hero h1 i { color: inherit; font: inherit; font-style: normal; margin-left: .06em; }

.srp-projects-hero__lead {
    max-width: 42rem;
    margin: 1.6rem 0 0;
    color: rgba(255,255,255,.68);
    font-size: clamp(1rem,.95rem + .23vw,1.18rem);
    line-height: 1.58;
}

@media (max-width:39.9375rem) {
    .srp-projects-hero { min-height: 58svh; }
    .srp-projects-hero__inner { min-height: 58svh; padding-top: 7rem; padding-bottom: 3.5rem; }
    .srp-projects-hero h1 { font-size: clamp(3rem,14vw,4.4rem); line-height: .84; }
    .srp-projects-hero h1 i { margin-left: .1em; }
    .srp-projects-hero__lead { margin-top: 1.2rem; font-size: .94rem; }
}