/* DRSTB v10: original cinematic Hero logo video. Other sections intentionally untouched. */
/* The original video pixels are not keyed, recolored, or filtered. */
.hero__wordmark{
  position:relative;
  isolation:isolate;
}
/* Soft NAVY/AMBER ambience matches the original video perimeter without a rectangular black mat. */
.hero__wordmark::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:3%;bottom:5%;left:-6%;right:-6%;
  background:
    radial-gradient(ellipse 44% 91% at 1% 57%, rgba(26,58,96,.70), transparent 92%),
    radial-gradient(ellipse 38% 91% at 100% 49%, rgba(79,50,32,.45), transparent 90%);
  filter:blur(16px);
}
.hero__logo-art--motion{
  position:relative;
  width:100%;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
}
.hero__logo-art--motion .hero__logo-motion{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  background:transparent;
  mix-blend-mode:normal;
  filter:none;
  transform:none;
  border:0;
  box-shadow:none;
  /* A narrow feather at the *outermost* video edges, leaving the logo and colored reflections intact. */
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 2.5%, #000 97.5%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0%, #000 2.5%, #000 97.5%, transparent 100%);
}
/* Keep animated-video compositing separate from the stationary title and avoid the v9 black fade beneath it. */
.hero__title{position:relative;z-index:1}
@media(max-width:690px){
  .hero__wordmark::before{left:-9%;right:-9%;filter:blur(12px)}
}
@media(prefers-reduced-motion:reduce){
  .hero__wordmark::before{filter:none}
}