/* President interview video (2026-10): /greeting/ and /recruit/new-graduate/. Loaded only on those pages. */
.interview-video { margin: 0 0 40px; }
.interview-video-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.interview-video-player video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}
.interview-video-play {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,0.6));
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}
.interview-video-play[hidden] { display: none; }
.interview-video-play-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s;
}
.interview-video-play-icon::before {
  content: '';
  margin-left: 5px;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #0B6B5E;
}
.interview-video-play:hover .interview-video-play-icon,
.interview-video-play:focus-visible .interview-video-play-icon { transform: scale(1.06); }
.interview-video-play:focus-visible { outline: 3px solid #E4C071; outline-offset: -3px; }
.interview-video-status { margin: 8px 0 0; font-size: 13px; line-height: 1.6; }
.interview-video-status:empty { display: none; }
.interview-video-fm { margin: 10px 0 0; font-size: 13px; line-height: 1.6; text-align: right; }
.interview-video-fm a { text-decoration: underline; text-underline-offset: 3px; }
/* Recruit page (dark BUSINESS section): left-aligned, capped width */
.business .interview-video { max-width: 960px; margin: 0 0 clamp(48px, 6vw, 80px); position: relative; }
@media (max-width: 640px) {
  .interview-video { margin-bottom: 32px; }
  .interview-video-player { border-radius: 8px; }
  .interview-video-play { font-size: 14px; }
  .interview-video-play-icon { width: 52px; height: 52px; }
  .interview-video-fm { text-align: left; }
}