.work-page .hero:after {
  background: linear-gradient(90deg, rgba(10, 10, 9, .88), rgba(10, 10, 9, .54) 50%, rgba(10, 10, 9, .35)), linear-gradient(0deg, rgba(10, 10, 9, .5), transparent 48%);
}

.work-hero-content { position: relative; z-index: 2; height: 100%; padding-top: 24vh; }
.work-hero h1 { max-width: 980px; }
.work-hero-foot { display: flex; align-items: end; justify-content: space-between; margin-top: clamp(42px, 9vh, 100px); }
.work-hero-foot > p { width: 310px; margin: 0; color: #d5d1ca; font-size: 14px; line-height: 1.75; }
.work-intro-grid, .closing-grid { display: grid; grid-template-columns: 27% 1fr; }
.work-intro-copy { max-width: 785px; }
.work-intro h2, .work-section-heading h2, .work-closing h2 { font: 500 clamp(40px, 5.2vw, 76px)/1.04 var(--serif); letter-spacing: -.055em; margin: 18px 0 34px; }
.work-intro-copy > p:not(.lead), .closing-grid > div > p:not(.closing-pretitle) { max-width: 605px; color: #5f5a54; }
.work-section-heading { display: grid; grid-template-columns: 27% 1fr; margin-bottom: 76px; }
.work-section-heading h2 { margin: 0; }
.areas-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #484640; }
.areas-list li { min-height: 145px; display: grid; grid-template-columns: 11% 86px 39% 1fr; align-items: center; gap: 20px; border-bottom: 1px solid #484640; }
.areas-list span { font: 10px var(--mono); color: #aba79f; }
.area-icon { display: block; width: 72px; height: 72px; object-fit: contain; filter: brightness(0) invert(1); }
.areas-list h3 { margin: 0; color: #f5f3ef; font: 500 31px/1.08 var(--serif); letter-spacing: -.04em; }
.areas-list p { max-width: 320px; margin: 0; color: #c2beb7; font-size: 13px; line-height: 1.7; }
.work-closing { padding: 145px 0; }
.closing-pretitle { color: var(--red) !important; font: 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.work-closing h2 { margin: 18px 0 27px; }
.text-link { display: inline-flex; gap: 20px; margin-top: 24px; padding-bottom: 8px; border-bottom: 1px solid var(--ink); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.text-link span { color: var(--red); font-size: 17px; }
.desktop-nav a.active { color: #ed5153; }

@media (max-width: 800px) {
  .work-hero-content { padding-top: 205px; }
  .work-hero h1 { font-size: clamp(45px, 12.5vw, 62px); }
  .work-hero-foot { margin-top: 48px; align-items: center; }
  .work-hero-foot > p { width: 195px; font-size: 12px; }
  .work-intro-grid, .closing-grid, .work-section-heading { grid-template-columns: 1fr; gap: 28px; }
  .work-intro h2, .work-section-heading h2, .work-closing h2 { font-size: 44px; }
  .work-section-heading { margin-bottom: 45px; }
  .areas-list li { min-height: 0; grid-template-columns: 45px 54px 1fr; gap: 14px; padding: 25px 0; }
  .area-icon { width: 48px; height: 48px; }
  .areas-list p { grid-column: 3; font-size: 12px; }
  .areas-list h3 { grid-column: 3; font-size: 27px; }
  .work-closing { padding: 85px 0; }
}