/* The editorial profile in the homepage's black-and-yellow identity. */
.profile-editorial-page { --profile-yellow: #ffd400; }
.profile-editorial-page .profile-editorial { background: #09090b; }
.profile-editorial-page .profile-editorial-background img { filter: grayscale(.65) contrast(1.18); object-position: center 40%; }
.profile-editorial-page .profile-editorial-background::after { background: linear-gradient(90deg,rgba(7,7,9,.95),rgba(7,7,9,.82) 46%,rgba(7,7,9,.78)),linear-gradient(0deg,#09090b,transparent 30%); }
.profile-editorial-page .profile-editorial::after { content: ''; position: absolute; z-index: -1; top: 19%; left: 5%; width: clamp(180px,22vw,320px); aspect-ratio: 2.73; background: url('../images/noir-yellow-swipe.svg') center / contain no-repeat; opacity: .22; transform: rotate(-7deg); pointer-events: none; }
.profile-editorial-page .profile-editorial-layout { gap: 26px clamp(24px,3vw,60px); padding-top: 48px; }
.profile-editorial-page .profile-editorial-back { color: #c5c5ca; font-size: var(--type-caption); letter-spacing: .06em; }
.profile-editorial-page .profile-editorial-back:hover { color: var(--profile-yellow); }
.profile-noir-eyebrow { margin: 0 0 20px; color: #aaaab0; font-size: var(--type-label); letter-spacing: .16em; text-transform: uppercase; }
.profile-editorial-page .profile-editorial-heading h1 { font-size: var(--type-page-title); font-weight: 800; letter-spacing: var(--type-title-tracking); line-height: var(--type-title-leading); }
.profile-editorial-heading h1 span { display: inline-block; color: var(--profile-yellow); transform: rotate(-2deg); }
.profile-editorial-page .profile-editorial-role { border-left: 2px solid var(--profile-yellow); padding-left: 16px; color: #f1f1f3; font-size: var(--type-caption); font-weight: 700; letter-spacing: .1em; }
.profile-editorial-page .profile-editorial-photo { position: relative; border: 1px solid #454139; box-shadow: 8px 8px 0 #ffd400; }
.profile-editorial-photo figcaption { position: absolute; inset: auto 0 0; padding: 36px 18px 18px; color: #ffd400; background: linear-gradient(transparent,rgba(0,0,0,.9)); font-size: var(--type-label); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.profile-editorial-page .profile-editorial-bio { color: #c3c3c9; font-weight: 400; font-size: var(--type-body); line-height: 1.6; letter-spacing: -.015em; }
.profile-editorial-page .profile-editorial-label { display: block; margin: 0 0 18px; color: #ffd400; font-size: var(--type-label); letter-spacing: .16em; }
.profile-editorial-page .profile-editorial-contact { border-top: 1px solid #454139; padding-top: 18px; font-size: var(--type-small); color: #f1f1f3; }
.profile-editorial-contact a:first-child { color: #ffd400; }
.profile-noir-cta { margin-top: 28px; }
.profile-editorial-page footer { border-top: 1px solid #333337; background: #101012; }
@media (max-width:760px) {
  .profile-editorial-page .profile-editorial-layout { padding-top: 44px; }
  .profile-editorial-page .profile-editorial-heading h1 { font-size: var(--type-page-title); }
  .profile-editorial-page .profile-editorial-photo { box-shadow: 4px 4px 0 #ffd400; }
  .profile-editorial-photo figcaption { padding: 25px 10px 10px; font-size: var(--type-label); }
  .profile-editorial-page .profile-editorial-bio { font-size: var(--type-body); }
  .profile-editorial-page .profile-editorial-role { padding-left: 10px; font-size: var(--type-label); }
}