/* Full-bleed on-set portrait: it fades under the copy rather than ending at a hard seam. */
.about-identity {
  position: relative;
  isolation: isolate;
  max-width: none;
  padding-left: max(38px, calc((100vw - 1380px) / 2 + 38px));
  padding-right: max(38px, calc((100vw - 1380px) / 2 + 38px));
  background: #030303;
}

.about-identity::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: url('/media/siraj-on-set-2026.jpg') 48% center / cover no-repeat;
  filter: grayscale(1) contrast(1.04);
}

.about-identity::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3,3,3,.08) 0%, rgba(3,3,3,.12) 38%, rgba(3,3,3,.62) 57%, #030303 77%),
    linear-gradient(0deg, #030303 0%, rgba(3,3,3,.08) 23%, rgba(3,3,3,.08) 78%, #030303 100%);
}

.identity-layout { background: transparent; }
.identity-image { min-height: 890px; background: transparent; }
.identity-ghost { display: none; }
.identity-image::after { background: none; }
.identity-portrait { display: none; }
.identity-axis, .identity-role, .identity-signal, .identity-callout { display: none; }
.identity-copy { padding-left: 8vw; }
.identity-data .scramble,
.identity-data .scramble.is-animating {
  color: #ffffff;
  opacity: 1;
}
.identity-data dt,
.identity-data dd {
  color: #ffffff;
  text-shadow: 0 1px 16px rgba(0, 0, 0, .85);
}

@media (max-width: 800px) {
  .about-identity { padding: 88px 24px 46px; }
  .about-identity::before { background-position: 42% top; }
  .about-identity::after {
    background: linear-gradient(180deg, rgba(3,3,3,.14) 0%, rgba(3,3,3,.34) 33%, #030303 70%);
  }
  .identity-image { display: none; }
  .identity-copy { padding: 310px 0 48px; }
}