/* h-onnano video facade (trial) — luxury tone, same 16:9 box as .movie-wrap (no layout shift) */
.entry-content .movie-wrap.hon-vf-wrap { margin-bottom: 1.2em; background: #1c1b1a; }
.hon-vf { position: absolute; inset: 0; overflow: hidden; background: #1c1b1a; }
.hon-vf__btn { all: unset; box-sizing: border-box; position: absolute; inset: 0; display: block; cursor: pointer; }
.hon-vf__btn:focus-visible { outline: 1px solid var(--hon-accent, #E4CFA8); outline-offset: -4px; }
.entry-content .hon-vf__poster { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; margin: 0 !important; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .6s ease; filter: saturate(.92); }
.hon-vf__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,19,18,.10) 0%, rgba(20,19,18,.18) 55%, rgba(20,19,18,.62) 100%); transition: background .5s ease; }
.hon-vf__play { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; border: 1px solid rgba(228,207,168,.85); background: rgba(28,27,26,.42); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); transition: transform .5s ease, background .5s ease, border-color .5s ease; }
.hon-vf__play::before { content: ""; position: absolute; left: 50%; top: 50%; margin: -11px 0 0 -6px; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent var(--hon-accent, #E4CFA8); }
.hon-vf__play::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 1px solid rgba(228,207,168,.28); }
.hon-vf__src { position: absolute; left: 14px; bottom: 12px; padding: 3px 10px 2px; font: 500 10px/1.6 var(--hon-sans, sans-serif); letter-spacing: .18em; text-transform: uppercase; color: var(--hon-ink, #F7F3EC); background: rgba(28,27,26,.55); border: 1px solid rgba(228,207,168,.45); }
.hon-vf__btn:hover .hon-vf__poster { transform: scale(1.03); filter: saturate(1); }
.hon-vf__btn:hover .hon-vf__play { transform: scale(1.06); background: rgba(196,160,106,.30); border-color: var(--hon-accent, #E4CFA8); }
.hon-vf.is-loaded .hon-vf__btn { display: none; }
.hon-vf iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; margin: 0; }
@media (max-width: 767px) {
  .hon-vf__play { width: 60px; height: 60px; margin: -30px 0 0 -30px; }
  .hon-vf__play::before { margin: -9px 0 0 -5px; border-width: 9px 0 9px 15px; }
}

/* Deleted-video facade (sitewide, 2026-11-16). Image stays visible under a light black-out. */
.hon-vf--dead .hon-vf__dead {
  position: absolute;
  inset: 0;
  display: block;
  cursor: default;
}
.hon-vf--dead .hon-vf__shade {
  background: rgba(12, 11, 10, 0.46);
}
.hon-vf__play--dead {
  opacity: 0.88;
  background: rgba(28, 27, 26, 0.55);
  border-color: rgba(228, 207, 168, 0.45);
}
/* Struck / disabled play icon (replaces the live ring on ::after).
   inset:auto must come *before* left/top, or the strike is unpositioned and over-wide. */
.hon-vf__play--dead::after {
  content: "";
  position: absolute;
  inset: auto;
  left: 50%;
  top: 50%;
  width: 58px;
  height: 2px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: rgba(228, 207, 168, 0.92);
  transform: translate(-50%, -50%) rotate(-28deg);
  pointer-events: none;
}
.entry-content .hon-vf__msg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88%;
  max-width: 22em;
  margin: 0 !important;
  padding: 0 12px;
  box-sizing: border-box;
  transform: translate(-50%, 48px);
  text-align: center;
  font: 600 14px/1.55 var(--hon-sans, sans-serif);
  letter-spacing: 0.04em;
  color: #F7F3EC;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);
}
@media (max-width: 767px) {
  .hon-vf__play--dead::after { width: 46px; }
  .entry-content .hon-vf__msg { font-size: 12px; transform: translate(-50%, 38px); }
}