/* QA-CR-P003-001/002 — lower-page poster-first Vimeo proof; page-scoped only. */

.video-frame--poster[data-video-ratio="16/9"] { aspect-ratio:16/9 !important; }

.video-frame--poster[data-video-ratio="1280/547"] { aspect-ratio:1280/547 !important; }

.video-frame--poster[data-video-ratio="1280/973"] { aspect-ratio:1280/973 !important; }

.video-frame--poster[data-video-ratio="1280/540"] { aspect-ratio:1280/540 !important; }

.video-frame--poster[data-video-ratio="1280/480"] { aspect-ratio:1280/480 !important; }

.video-frame--poster .video-poster-state {

  position:absolute;

  inset:0;

  display:grid;

  place-items:center;

  isolation:isolate;

  overflow:hidden;

}

.video-frame--poster .video-poster {

  width:100%;

  height:100%;

  display:block;

  object-fit:cover;

}

.video-frame--poster .video-poster-state::after {

  content:"";

  position:absolute;

  inset:0;

  z-index:1;

  background:linear-gradient(180deg,rgba(8,15,11,.06) 0%,rgba(8,15,11,.14) 42%,rgba(8,15,11,.68) 100%);

  pointer-events:none;

}

.video-frame--poster .video-poster__play {

  position:absolute;

  left:50%;

  top:50%;

  transform:translate(-50%,-50%);

  z-index:2;

  display:inline-flex;

  align-items:center;

  gap:.75rem;

  min-height:3.1rem;

  padding:.82rem 1.05rem;

  border:1px solid rgba(243,237,227,.72);

  border-radius:999px;

  background:rgba(18,29,23,.86);

  color:#f3ede3;

  font:600 .68rem/1 Inter,system-ui,sans-serif;

  letter-spacing:.14em;

  text-transform:uppercase;

  cursor:pointer;

  transition:background .2s ease,transform .2s ease;

}

.video-frame--poster .video-poster__play:hover {

  background:rgba(18,29,23,.98);

  transform:translate(-50%,-51%);

}

.video-frame--poster .video-poster__play:focus-visible {

  outline:2px solid #f3ede3;

  outline-offset:4px;

}

.video-frame--poster .video-poster__play-icon {

  width:0;

  height:0;

  border-top:.42rem solid transparent;

  border-bottom:.42rem solid transparent;

  border-left:.65rem solid currentColor;

}

.video-frame--poster[data-video-state="loading"]::after,

.video-frame--poster[data-video-state="fallback"]::after {

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:linear-gradient(180deg,rgba(8,15,11,.08),rgba(8,15,11,.22));

}

.video-proof-meta {

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:1rem;

  margin-top:.7rem;

  color:var(--ink-soft);

  font-size:.66rem;

  letter-spacing:.09em;

  line-height:1.35;

  text-transform:uppercase;

}

.video-proof-meta .video-fallback-link {

  color:inherit;

  text-decoration:underline;

  text-decoration-thickness:1px;

  text-underline-offset:.22em;

}

.video-proof-meta .video-fallback-link:focus-visible {

  outline:2px solid currentColor;

  outline-offset:4px;

}

.olive-service .video-proof-meta { color:rgba(243,237,227,.78); }

.video-proof-meta [aria-live] { min-width:0; }

@media (max-width:760px) {

  .video-proof-meta { align-items:flex-start; flex-wrap:wrap; }

}

@media (prefers-reduced-motion:reduce) {

  .video-frame--poster .video-poster__play { transition:none; }

}