body.profile-page #main > section.profile-interview-section { background: var(--paper); color: #345b6e; }
body.profile-page #main > section.profile-media { background: #fff; }
.profile-interview-layout { display: grid; grid-template-columns: 1.15fr 1fr; gap: 72px; align-items: center; }
.profile-interview-section .eyebrow { margin: 0 0 20px; }
.profile-interview-section h2 { font: 500 clamp(32px, 3.4vw, 48px)/1.16 'Playfair Display', Georgia, serif; margin: 0; color: #345b6e; }
.profile-interview-section h2 span { display: block; margin-top: 18px; font-size: .7em; line-height: 1.3; }
.profile-interview-summary > p { margin: 0 0 28px; font-size: 18px; line-height: 1.75; color: #5b707a; }
.profile-interview-summary .button { gap: 12px; }

[data-profile-video-gallery] { max-width: 100%; margin: 0; }
[data-profile-video-gallery] .profile-video-track,
[data-profile-video-gallery].has-multiple-videos .profile-video-track {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  gap: 0;
  flex: none;
  overflow: clip;
  scroll-snap-type: none;
  touch-action: pan-y;
  isolation: isolate;
}
[data-profile-video-gallery] .profile-video-stack > .profile-video-card {
  position: relative;
  width: min(100%, 720px);
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 34px rgba(32, 60, 73, .1);
}
[data-profile-video-gallery].only-reels .profile-video-card { width: min(100%, 360px); }
[data-profile-video-gallery].has-multiple-videos .profile-video-stack > .profile-video-card {
  position: absolute;
  top: var(--video-top, 16px);
  left: 50%;
  margin: 0;
  width: min(360px, calc(100% - 80px));
  transform: translateX(-50%) translateX(calc(var(--video-offset) * clamp(105px, 27vw, 300px))) scale(.82);
  transform-origin: center;
  opacity: .58;
  filter: saturate(.65);
  z-index: 1;
  transition: transform .45s ease, opacity .45s ease, filter .45s ease;
}
[data-profile-video-gallery].has-multiple-videos .profile-video-stack > .profile-video-card.is-active {
  transform: translateX(-50%) scale(1);
  opacity: 1;
  filter: none;
  z-index: 3;
  box-shadow: 0 16px 44px rgba(32, 60, 73, .17);
}
[data-profile-video-gallery].has-multiple-videos .profile-video-stack > .profile-video-card.is-active[data-video-provider="youtube"] { width: min(640px, calc(100% - 80px)); }
[data-profile-video-gallery] .profile-video-card.is-distant { visibility: hidden; pointer-events: none; }
[data-profile-video-gallery] .profile-video-player { flex: none; }
[data-profile-video-gallery] .profile-video-player-reel { aspect-ratio: auto; height: 660px; background: #e9eff0; }
[data-profile-video-gallery] .profile-video-player-reel iframe { position: absolute; inset: 0; width: 100%; height: 660px; background: #fff; transition: opacity .2s; }
.profile-reel-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; padding: 32px; text-align: center; color: #345b6e; background: linear-gradient(135deg, #e9eff0, #f7f5f0); }
.profile-reel-placeholder small { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.profile-reel-placeholder strong { font: 500 28px/1.3 "Playfair Display", Georgia, serif; }
.profile-reel-placeholder > span { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; font-size: 24px; }
[data-profile-video-gallery] .profile-media-copy { padding: 24px; }
[data-profile-video-gallery] .profile-media-copy h3 { font-size: 26px; }
[data-profile-video-gallery].has-multiple-videos .profile-media-copy { min-height: 228px; }
.profile-reel-loading { padding: 24px; color: #345b6e; text-align: center; font-size: 14px; }
.profile-video-description { margin: 0 0 14px; color: #5b707a; font-size: 15px; line-height: 1.6; }
.profile-video-source { display: inline-block; color: #345b6e; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.profile-video-cover-button { position: absolute; inset: 0; z-index: 2; width: 100%; border: 0; padding: 24px; background: transparent; cursor: pointer; color: #345b6e; text-align: center; font: inherit; }
.profile-video-cover-button span { display: inline-block; position: absolute; left: 24px; right: 24px; bottom: 24px; background: #fff; border-radius: 999px; padding: 12px; font-size: 13px; font-weight: 600; }
.profile-video-cover-button[hidden] { display: none; }
.profile-video-cover-button:focus-visible { outline: 3px solid #ff5575; outline-offset: -4px; }
.profile-carousel-hint { text-align: center; color: #657e89; font-size: 13px; margin: 18px 0 0; }
[data-profile-video-gallery] .profile-video-controls { justify-content: center; }
@media (max-width: 850px) {
  .profile-interview-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 600px) {
  [data-profile-video-gallery].has-multiple-videos .profile-video-stack > .profile-video-card { width: calc(100% - 64px); }
  [data-profile-video-gallery].has-multiple-videos .profile-video-stack > .profile-video-card.is-active[data-video-provider="youtube"] { width: calc(100% - 64px); }
  [data-profile-video-gallery] .profile-media-copy { padding: 20px; }
  [data-profile-video-gallery] .profile-media-copy h3 { font-size: 24px; }
  [data-profile-video-gallery].has-multiple-videos .profile-media-copy { min-height: 260px; }
  .profile-interview-section h2 { font-size: 34px; }
  .profile-interview-summary .button { white-space: normal; text-align: left; }
  .profile-carousel-hint { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-profile-video-gallery].has-multiple-videos .profile-video-stack > .profile-video-card { transition: none; }
}

/* Native touch scrolling also receives gestures that start inside external players. */
[data-profile-video-gallery] .profile-video-stack { position: relative; padding: 16px 0; overflow: clip; }
[data-profile-video-gallery].has-multiple-videos .profile-video-stack { height: 100%; padding: 0; }
[data-profile-video-gallery].has-native-swipe .profile-video-track {
  overflow-x: auto;
  overflow-y: hidden;
  touch-action: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
[data-profile-video-gallery].has-native-swipe .profile-video-track::-webkit-scrollbar { display: none; }
[data-profile-video-gallery].has-native-swipe .profile-video-stack {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 32px;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
}
[data-profile-video-gallery].has-native-swipe .profile-video-stack::after { content: ""; flex: 0 0 16px; height: 1px; }
[data-profile-video-gallery].has-native-swipe.has-multiple-videos .profile-video-stack > .profile-video-card {
  position: relative;
  top: auto;
  left: auto;
  flex: 0 0 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  transform: none;
  opacity: 1;
  filter: none;
  visibility: visible;
  pointer-events: auto;
  transition: none;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
[data-profile-video-gallery].has-native-swipe .profile-video-stack > .profile-video-card.is-active[data-video-provider="youtube"] { width: 100%; }
@media (prefers-reduced-motion: reduce) {
  [data-profile-video-gallery].has-native-swipe .profile-video-track { scroll-behavior: auto; }
}
