.rh-page { background: #fff; color: #111; }
.rh-page .header { position: absolute; }
.rh-page .nav a[aria-current="page"]::after { transform: scaleX(1); }

.rh-hero {
    position: relative;
    min-height: min(900px, 100vh);
    display: flex;
    align-items: flex-end;
    padding: 190px 6vw 9vh;
    background:
        linear-gradient(90deg, rgba(5,8,10,.94), rgba(5,8,10,.70) 48%, rgba(5,8,10,.22)),
        url('../../assets/img/rh-1.jpg') center/cover no-repeat,
        #111;
    color: #fff;
}
.rh-hero-content { max-width: 1000px; }
.rh-hero h1 { margin: 22px 0 28px; font-size: clamp(68px, 9vw, 150px); line-height: .86; letter-spacing: -.065em; }
.rh-hero-content > p:not(.eyebrow) { max-width: 650px; margin-bottom: 34px; color: rgba(255,255,255,.72); font-size: clamp(18px,1.5vw,24px); line-height: 1.55; }
.rh-scroll { position: absolute; right: 6vw; bottom: 9vh; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; }
.rh-scroll span { margin-left: 14px; font-size: 20px; }

.rh-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(70px,10vw,180px); padding: clamp(100px,12vw,190px) 6vw; }
.rh-intro h2, .rh-opportunities h2, .rh-application h2 { margin: 24px 0 0; font-size: clamp(52px,6.7vw,110px); line-height: .94; letter-spacing: -.058em; }
.rh-intro-copy { align-self: end; max-width: 720px; }
.rh-intro-copy p { margin: 0 0 25px; color: #555; font-size: clamp(17px,1.35vw,21px); line-height: 1.7; }

.rh-principles { padding: clamp(100px,11vw,170px) 6vw; background: #111; color: #fff; }
.rh-principles-heading { display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; align-items: end; margin-bottom: 70px; }
.rh-principles h2 { margin: 0; font-size: clamp(52px,6.5vw,105px); line-height: .94; letter-spacing: -.058em; }
.rh-principles-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); }
.rh-principles article { min-height: 280px; padding: 30px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.rh-principles article span { color: rgba(255,255,255,.4); font-size: 10px; letter-spacing: .14em; }
.rh-principles h3 { margin: 80px 0 18px; font-size: clamp(25px,2.2vw,38px); }
.rh-principles article p { max-width: 260px; color: rgba(255,255,255,.58); line-height: 1.6; }

.rh-opportunities { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(70px,10vw,180px); padding: clamp(100px,12vw,190px) 6vw; }
.rh-opportunities-status { align-self: end; padding-top: 28px; border-top: 1px solid #bbb; }
.rh-opportunities-status > span { color: #777; font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.rh-opportunities-status h3 { margin: 38px 0 20px; font-size: clamp(30px,3vw,50px); line-height: 1.08; }
.rh-opportunities-status p { max-width: 620px; color: #666; font-size: 18px; line-height: 1.65; }
.rh-opportunities-status a { display: inline-block; margin-top: 30px; padding-bottom: 8px; border-bottom: 1px solid #111; color: #111; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.rh-opportunities-status b { margin-left: 14px; font-size: 18px; }

.rh-application { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(70px,10vw,180px); padding: clamp(100px,12vw,190px) 6vw; background: #079fd7; color: #fff; }
.rh-application-copy > p:last-child { max-width: 650px; margin-top: 34px; color: rgba(255,255,255,.78); font-size: 19px; line-height: 1.65; }
.rh-application-action { align-self: end; }
.rh-application-action > div { display: grid; grid-template-columns: 48px 1fr; gap: 22px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.34); }
.rh-application-action > div span { color: rgba(255,255,255,.55); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.rh-application-action > div p { margin: 0; font-size: 17px; line-height: 1.5; }
.rh-application-action .button { margin-top: 34px; background: #111; border-color: #111; color: #fff; }
.rh-application-action small { display: block; max-width: 660px; margin-top: 24px; color: rgba(255,255,255,.66); font-size: 11px; line-height: 1.55; }

@media (max-width: 1000px) {
    .rh-principles-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 900px) {
    .rh-intro, .rh-opportunities, .rh-application, .rh-principles-heading { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
    .rh-hero { min-height: 760px; padding-inline: 24px; }
    .rh-scroll { display: none; }
    .rh-intro, .rh-principles, .rh-opportunities, .rh-application { padding-inline: 24px; }
    .rh-principles-grid { grid-template-columns: 1fr; }
    .rh-principles article { min-height: 220px; }
    .rh-principles h3 { margin-top: 55px; }
}