/* Filmisch tweeluik: one illustrated environment, two equal perspectives. */
.profile-people-pair {
  --people-art: url('profile/inspiration-diptych-20260907-v7.webp');
  position: relative;
  isolation: isolate;
  width: var(--people-viewport, 100vw);
  max-width: none;
  margin-inline: calc((100% - var(--people-viewport, 100vw)) / 2);
  padding: 0 0 clamp(56px, 7vw, 112px);
  gap: 0;
  overflow: clip;
  border-top: 1px solid #c6cbd344;
  background: #0a0d10;
}
.profile-people-pair::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: calc(var(--people-viewport, 100vw) * .626);
  z-index: -1;
  pointer-events: none;
  background: var(--people-art) center top / 100% auto no-repeat;
  mask-image: linear-gradient(#000 80%, transparent);
}
.profile-people-pair .profile-inspiration-carousel__header {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(28px, 3.6vw, 58px) 24px 0;
  height: clamp(132px, 10.5vw, 190px);
  box-sizing: border-box;
}
.profile-people-pair .profile-inspiration-story {
  display: grid;
  justify-items: center;
  gap: 12px;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  text-align: center;
}
.profile-people-pair .profile-inspiration-story::before { display: none; }
#profile-inspiration-people-title { scroll-margin-top: 140px; }
.profile-people-pair .profile-inspiration-kicker {
  color: #e4c7a2;
  font-size: .65rem;
  letter-spacing: .35em;
}
.profile-people-pair .profile-inspiration-story h2 {
  font-family: 'Segoe UI', sans-serif;
  font-size: clamp(1.8rem, 3.4vw, 3.5rem);
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: -.025em;
  max-width: none;
  margin: 0;
  text-wrap: balance;
  text-shadow: 0 2px 18px #000;
}
.profile-people-pair .profile-inspiration-carousel__track {
  display: grid;
  direction: ltr;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
}
.profile-people-pair .profile-inspiration-film {
  --profile-inspiration-accent: 228, 195, 151;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0;
  border: 0;
  background: none;
  box-shadow: none;
  animation: none;
}
.profile-people-pair .profile-inspiration-film--sinek { --profile-inspiration-accent: 163, 202, 219; }
html[dir='rtl'] .profile-people-pair .profile-inspiration-film { direction: rtl; }
.profile-people-pair .profile-inspiration-film::before,
.profile-people-pair .profile-inspiration-film::after { display: none; }
.profile-people-pair .profile-inspiration-film__frame {
  flex: none;
  height: clamp(290px, 33vw, 640px);
  width: 100%;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.profile-people-pair .profile-inspiration-film__frame::before,
.profile-people-pair .profile-inspiration-film__poster::after,
.profile-people-pair .profile-cinema__number { display: none; }
.profile-people-pair .profile-inspiration-film__poster {
  background: transparent;
  font: inherit;
}
.profile-people-pair .profile-inspiration-film__poster img { opacity: 0; transform: none; transition: none; }
.profile-people-pair .profile-inspiration-film__poster-copy {
  inset-inline: 0;
  bottom: 0;
  padding: 0 12% 16px;
  gap: 8px;
  text-align: start;
  text-shadow: 0 2px 20px #0008;
}
.profile-people-pair .profile-inspiration-film__poster-copy small {
  font-size: .63rem;
  letter-spacing: .2em;
  color: rgb(var(--profile-inspiration-accent));
}
.profile-people-pair .profile-inspiration-film__poster-copy strong {
  font-family: 'Segoe UI', sans-serif;
  font-size: clamp(2.7rem, 4.2vw, 5.2rem);
  font-weight: 300;
  letter-spacing: -.045em;
  line-height: 1.12;
}
.profile-people-pair .profile-cinema__play {
  top: 64%;
  width: clamp(64px, 5.3vw, 90px);
  border: 1px solid #fff9;
  background: #10151c40;
  backdrop-filter: blur(4px);
  transition: background 240ms ease, box-shadow 240ms ease;
}
.profile-people-pair .profile-inspiration-film__poster:hover .profile-cinema__play,
.profile-people-pair .profile-inspiration-film__poster:focus-visible .profile-cinema__play {
  background: #111820a6;
  box-shadow: 0 0 0 6px #ffffff09, 0 0 28px rgba(var(--profile-inspiration-accent), .25);
}
.profile-people-pair .profile-inspiration-film__poster:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }
.profile-people-pair .profile-inspiration-film__frame.is-playing { background: #070b10e8; }
.profile-people-pair .profile-inspiration-film__frame iframe {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  transform: translateY(-50%);
  z-index: 3;
}
.profile-people-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 4;
  width: 44px;
  height: 44px;
  border: 1px solid #ffffff8c;
  border-radius: 50%;
  color: #fff;
  background: #090e14;
  font: 28px/1 sans-serif;
  cursor: pointer;
}
.profile-people-close:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.profile-people-pair .profile-inspiration-film__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 22px;
  padding: 0 12% 38px;
  background: none;
}
.profile-people-pair .profile-inspiration-film__meta { font-size: .62rem; letter-spacing: .075em; }
.profile-people-pair .profile-inspiration-film__content h3 {
  font-family: 'Segoe UI', sans-serif;
  font-size: clamp(1.35rem, 1.9vw, 2rem);
  font-weight: 400;
  line-height: 1.25;
  max-width: none;
  margin: 0;
}
.profile-people-pair .profile-inspiration-film__content p { font-size: 1rem; color: #c2c6cc; line-height: 1.8; }
.profile-people-pair .profile-inspiration-film__body { grid-template-columns: minmax(0, 1fr); gap: 30px; }
.profile-people-pair .profile-inspiration-film__body section { align-content: start; }
.profile-people-pair .profile-inspiration-film__body-wide { border-color: #c3d1dd26; }
.profile-people-pair .profile-inspiration-film__label { font-size: .66rem; letter-spacing: .12em; }
.profile-people-pair .profile-inspiration-film__balance { font-size: .63rem; letter-spacing: .06em; gap: 8px; }
.profile-people-pair .profile-inspiration-film__link { margin-top: auto; padding-top: 10px; }
.profile-people-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 8vw;
  width: 88%;
  margin: 24px auto 0;
  padding-top: 36px;
  border-top: 1px solid #c3d1dd26;
}
.profile-people-context p { margin: 0; color: #b7bdc4; line-height: 1.8; font-size: .95rem; }
.profile-people-disclosure { grid-column: 1 / -1; color: #9ca5ae; font-size: .72rem; line-height: 1.6; }
@media (max-width: 760px) {
  .profile-people-pair::before { display: none; }
  .profile-people-pair .profile-inspiration-carousel__header { height: auto; padding: 36px 24px 30px; }
  .profile-people-pair .profile-inspiration-carousel__track { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .profile-people-pair .profile-inspiration-film { position: relative; isolation: isolate; }
  .profile-people-pair .profile-inspiration-film::before {
    display: block;
    content: '';
    position: absolute;
    inset: 0 0 auto;
    width: 100%;
    height: calc(var(--people-viewport, 100vw) * 1.25);
    border: 0;
    z-index: -1;
    background: var(--people-art) left top / 200% auto no-repeat;
    mask-image: linear-gradient(#000 75%, transparent);
    pointer-events: none;
  }
  .profile-people-pair .profile-inspiration-film--sinek::before { background-position: right top; }
  .profile-people-pair .profile-inspiration-film__frame { height: calc(var(--people-viewport, 100vw) * 1.07); }
  .profile-people-pair .profile-inspiration-film__poster-copy { padding-inline: 7%; }
  .profile-people-pair .profile-inspiration-film__poster-copy strong { font-size: 2.8rem; }
  .profile-people-pair .profile-inspiration-film__content { padding: 0 7% 12px; }
  .profile-people-pair .profile-inspiration-film__content p { font-size: .95rem; }
  .profile-people-context { grid-template-columns: minmax(0, 1fr); width: 86%; }
}
@media (prefers-reduced-motion: reduce) {
  .profile-people-pair *, .profile-people-pair *::before, .profile-people-pair *::after { transition: none !important; animation: none !important; }
}