/* About slide: SysConf-sample style — large right-side portrait panel.
   Keep alex-idowu-talk.jpg and center the face in the tall crop. */

#s02.talk-slide::before {
  display: none !important;
  content: none !important;
}

#s02 .talk-about {
  position: relative;
  display: block;
  width: 100%;
  max-width: 64rem;
}

#s02 .talk-about__copy {
  position: relative;
  z-index: 2;
  max-width: 38rem;
  padding-right: 1rem;
}

#s02 .talk-about__photo {
  display: block;
  width: 220px;
  height: 220px;
  margin: 1.25rem 0 0;
  border-radius: 14px;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.12));
  object-fit: cover;
  object-position: center center;
  background: var(--bg-2, #eee);
}

/* Present: large right-half portrait like the SysConf template */
.talk-page.is-presenting #s02.talk-slide {
  position: relative;
  overflow: hidden;
}

.talk-page.is-presenting #s02 .talk-about {
  max-width: none;
  min-height: 70vh;
}

.talk-page.is-presenting #s02 .talk-about__copy {
  max-width: min(42rem, 48%);
  padding-right: 2rem;
}

.talk-page.is-presenting #s02 .talk-about__photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(42vw, 34rem);
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  z-index: 1;
  box-shadow: none;
  object-fit: cover;
  /* Square source in a tall panel — center the face, don’t pin to top */
  object-position: center center;
}

/* Soft blend into the slide so text stays readable at the seam */
.talk-page.is-presenting #s02 .talk-about__photo {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 100%);
}

@media (max-width: 800px) {
  .talk-page.is-presenting #s02 .talk-about__photo {
    position: static;
    width: min(100%, 16rem);
    height: min(100%, 16rem);
    border-radius: 14px;
    margin: 0 0 1rem;
    object-position: center center;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .talk-page.is-presenting #s02 .talk-about__copy {
    max-width: 100%;
    padding-right: 0;
  }

  .talk-page.is-presenting #s02 .talk-about {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .talk-page.is-presenting #s02 .talk-about__photo {
    order: -1;
  }
}