/* OP-029-local: the latest approved public talents crossfade in the source hero. */

.op029-hero-media {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--d-slow) var(--ease-in-out);
}

.op029-hero-media[data-hero-active="true"][data-ready="true"] { opacity: 1; }

.op029-copy-stage {
  position: relative;
  z-index: 2;
  display: grid;
}

.op029-hero-copy {
  grid-area: 1 / 1;
  transition: opacity var(--d-slow) var(--ease-out), transform var(--d-slow) var(--ease-out);
}

.op029-hero-copy:not([data-hero-active="true"]) {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}

.op029-hero-copy[data-hero-active="true"] {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-public-motion-preference="full"]) .op029-hero-media,
  html:not([data-public-motion-preference="full"]) .op029-hero-copy {
    transition: none !important;
  }

  html:not([data-public-motion-preference="full"]) .op029-hero-copy:not([data-hero-active="true"]) {
    transform: none;
  }

  html[data-public-motion-preference="full"] .op029-hero-media,
  html[data-public-motion-preference="full"] .op029-hero-copy {
    transition-duration: var(--d-slow) !important;
  }
}

/* A video enters only after its first frame; its outgoing frame survives the slide fade. */
.op029-hero-media .talent-introduction-video{opacity:0;transition:opacity var(--d-slow) var(--ease-in-out)}
.op029-hero-media .talent-introduction-video[data-frame-ready="true"]{opacity:1}
.op029-hero-media .talent-introduction-controls{pointer-events:auto}
.op029-hero-media:not([data-hero-active="true"]) .talent-introduction-controls{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.op029-hero-media .talent-introduction-video{transition:none}}

.op029-hero-media{inset:0}
.op029-copy-stage{pointer-events:none}
.op029-copy-stage a,.op029-copy-stage button{pointer-events:auto}

.op029-mobile-title,.op029-mobile-disclosure{display:none}

/* Match the talent profile: media fills the opening behind the top chrome. */
@media(max-width:560px),(max-width:900px) and (max-height:500px){
 body:has(.op029-showcase){padding-top:0}
 body:has(.op029-showcase) .masthead{top:max(var(--chrome-gap),env(safe-area-inset-top));bottom:auto}
 body:has(.op029-showcase) .sheet__body{top:calc(var(--chrome-h,56px) + var(--chrome-gap) * 2 + env(safe-area-inset-top));bottom:max(var(--chrome-gap),env(safe-area-inset-bottom))}
 .op029-showcase:has(.op029-copy-stage){display:flex;min-height:100svh;padding-top:0;background:var(--plate-bottom)}
 .op029-showcase .op029-hero-media{inset:0;width:100%;height:100%;aspect-ratio:auto}
 .op029-showcase .op029-hero-media img,.op029-showcase .talent-introduction-video{width:100%;height:100%;object-fit:cover;object-position:center top}
 .op029-showcase .talent-introduction-controls{top:calc(var(--chrome-gap) + var(--chrome-cell) + var(--s4));bottom:auto;right:var(--gutter)}
 .op029-showcase .op029-hero-copy{padding:calc(var(--chrome-h,128px) + var(--s12)) var(--gutter) max(var(--s6),env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end;min-width:0;gap:var(--s2)}
 .op029-showcase .op029-hero-copy>p{margin:0}
 .op029-showcase .opening__title{margin:0;font-size:clamp(var(--t-2xl),9vw,var(--t-3xl));line-height:1.2;overflow-wrap:anywhere;text-wrap:balance}
 .op029-desktop-title,.op029-showcase .op029-hero-copy>p,.op029-showcase .op029-slideshow-toggle{display:none}
 .op029-mobile-title{display:block;color:var(--on-plate)}
 .op029-showcase .op022a-actions{order:3;margin-top:var(--s4)}
 .op029-showcase .op022a-actions .control{max-width:100%;white-space:normal;text-align:center}
 .op029-showcase .contact-strip__item{padding-inline:var(--gutter)}
}