/* 企业宣传片 section (index only) */
.film { overflow: hidden; }
.film::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(31, 156, 131, .16), transparent 70%);
}
.film .wrap { position: relative; }
.film .section-head { margin-bottom: clamp(36px, 5vw, 64px); }
.film .lead { text-wrap: balance; }
.film-player {
  position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden;
  box-shadow: 0 40px 100px rgba(0, 0, 0, .5), 0 0 0 1px rgba(134, 220, 199, .14);
}
.film-video { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; }
.film-cover { position: absolute; inset: 0; transition: opacity .6s var(--ease); }
.film-cover img { width: 100%; height: 100%; object-fit: cover; }
.film-play {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, rgba(7, 12, 10, 0) 45%, rgba(7, 12, 10, .62) 100%);
  transition: opacity .5s var(--ease);
}
.film-play-ic {
  width: clamp(68px, 7.4vw, 104px); aspect-ratio: 1; border-radius: 50%;
  display: grid; place-items: center; color: #fff;
  background: rgba(18, 112, 94, .72); border: 1px solid rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  transition: transform .45s var(--ease), background .3s;
}
.film-play-ic svg { width: 34%; margin-left: 9%; }
.film-play:hover .film-play-ic, .film-play:focus-visible .film-play-ic { transform: scale(1.07); background: var(--jade-deep); }
.film-meta {
  position: absolute; left: clamp(18px, 2.6vw, 36px); bottom: clamp(16px, 2.4vw, 32px);
  display: flex; align-items: baseline; gap: 14px; color: #fff; text-align: left;
  font: 600 clamp(14px, 1.2vw, 17px)/1.4 var(--sans); letter-spacing: .14em;
}
.film-meta em { font-style: normal; font-weight: 500; font-size: .82em; letter-spacing: .18em; color: var(--jade-light); }
.film-player.is-playing .film-cover, .film-player.is-playing .film-play { opacity: 0; pointer-events: none; }
.film-player.is-loading .film-play-ic { animation: film-pulse 1.2s ease-in-out infinite; }
@keyframes film-pulse { 50% { transform: scale(.94); opacity: .75; } }
.film-note { margin: 20px 0 0; font-size: 13px; letter-spacing: .14em; color: var(--on-dark-2); }
@media (max-width: 640px) {
  .film-meta { gap: 10px; }
  .film-note { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .film-cover, .film-play, .film-play-ic { transition: none; }
  .film-player.is-loading .film-play-ic { animation: none; }
}