/* "Watch the film" link under a hero's facts row (consultancy/breedforward.html, consultancy/biometrik.html).
   The thumbnail is our own image, so nothing is fetched from YouTube until the visitor clicks. */
.hv-watch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);
  padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);border-radius:var(--radius-xl);
  background:var(--color-surface);border:1px solid var(--color-divider);color:inherit;text-decoration:none;
  transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);}
.hv-watch:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.hv-watch:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;}
.hv-watch-th{position:relative;width:136px;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;background:#140b35;}
.hv-watch-th img{display:block;width:100%;height:100%;object-fit:cover;}
.hv-watch-th svg{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));transition:transform var(--transition);}
.hv-watch:hover .hv-watch-th svg{transform:translate(-50%,-50%) scale(1.1);}
.hv-watch-txt{display:grid;gap:.2rem;min-width:0;}
.hv-watch-txt b{font-family:var(--font-display);font-weight:800;font-size:var(--text-base);line-height:1.2;}
.hv-watch-txt small{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.35;}
.hv-watch-go{width:1.1rem;height:1.1rem;color:var(--color-text-muted);transition:color var(--transition),transform var(--transition);}
.hv-watch:hover .hv-watch-go{color:var(--color-primary);transform:translate(2px,-2px);}
@media (max-width:420px){ .hv-watch{gap:var(--space-3);padding-right:var(--space-4);} .hv-watch-th{width:108px;} }
/* arrives with the facts row in the studio hero */
html.m-on [data-studio] [data-hero].is-in .hvid .hv-watch{animation:stRowIn .8s cubic-bezier(.16,1,.3,1) 1.4s both;}
@media (prefers-reduced-motion:reduce){ .hv-watch,.hv-watch-th svg,.hv-watch-go{transition:none;} }