.results-page { background: var(--paper); }
.results-page .nav a[aria-current="page"] { color: var(--white); }
.results-page .nav a[aria-current="page"]::after { right: 0; background: var(--yellow); }
.results-hero { position: relative; min-height: 670px; display: flex; align-items: flex-end; overflow: hidden; padding: 210px 0 105px; background: radial-gradient(circle at 72% 35%, #292c2d 0%, #111314 38%, #070808 73%); }
.results-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,8,8,.92), rgba(7,8,8,.18)), linear-gradient(0deg, rgba(7,8,8,.75), transparent 60%); }
.results-hero__mark { position: absolute; right: -3vw; top: 50%; color: rgba(255,255,255,.025); font-family: var(--display); font-size: clamp(150px, 24vw, 340px); font-weight: 700; letter-spacing: -.05em; line-height: 1; transform: translateY(-48%) rotate(-8deg); }
.results-hero__content { position: relative; z-index: 1; }
.results-hero h1 { max-width: 1080px; margin: 22px 0 45px; font-family: var(--display); font-size: clamp(70px, 8.5vw, 126px); font-weight: 600; letter-spacing: -.04em; line-height: .82; text-transform: uppercase; }
.results-hero h1 em { color: var(--yellow); font-style: normal; }
.results-hero__foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; padding-top: 25px; border-top: 1px solid var(--line); }
.results-hero__foot p { max-width: 620px; margin: 0; color: #a5a7a1; font-size: 12px; line-height: 1.8; }
.results-hero__foot > span { color: #8d8f89; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.results-hero__foot strong { margin-right: 9px; color: var(--yellow); font-family: var(--display); font-size: 27px; font-weight: 600; }
.results-portfolio { padding-top: 105px; }
.results-page .location { border-top-color: rgba(255,255,255,.18); }

@media (max-width: 820px) {
  .results-hero { min-height: 610px; padding: 180px 0 80px; }
  .results-hero h1 { font-size: clamp(64px, 15vw, 88px); }
  .results-hero__foot { align-items: flex-start; flex-direction: column; gap: 22px; }
}

@media (max-width: 620px) {
  .results-hero { min-height: 590px; padding: 165px 0 65px; }
  .results-hero h1 { margin-bottom: 34px; font-size: clamp(57px, 16vw, 72px); }
  .results-hero__foot p { font-size: 13px; }
  .results-portfolio { padding-top: 80px; }
}