/* VELDEX EXCHANGE | 52 — one canonical chrome V and material-led hover.
   Hover may alter illumination, never the logo's geometry or apparent size. */

.page[data-edition='main'][data-page='1'] .brand-art-mask--cover-v {
  background:#020203;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  /* Follow the approved emblem's actual silhouette; never paint a dark panel. */
  -webkit-mask:url('./assets/veldex-emblem-clearance-mask.png') center / 100% 100% no-repeat;
  mask:url('./assets/veldex-emblem-clearance-mask.png') center / 100% 100% no-repeat;
}
.brand-art--cover-v img {
  inset:0;width:100%;height:100%;object-fit:fill;
  filter:grayscale(1) brightness(.79) contrast(1.16) drop-shadow(0 3px 8px rgba(255,255,255,.12));
  transition:filter .48s cubic-bezier(.2,.65,.3,1);
}
/* The backing raster is no longer the emblem: it cannot receive a second,
   enlarged repaint or an external pink edge when the cursor enters. */
.page[data-edition='main'][data-page='1'] .cover-logo-neutralizer,
.page[data-edition='main'][data-page='1'] .subject-focus{display:none!important}

.brand-art--cover-v::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(107deg,transparent 27%,rgba(255,255,255,.02) 37%,rgba(255,255,255,.32) 48%,rgba(247,249,252,.06) 54%,transparent 67%);
  background-size:235% 100%;background-position:100% 0;
  -webkit-mask:url('./assets/veldex-chrome-emblem.png') center / 100% 100% no-repeat;
  mask:url('./assets/veldex-chrome-emblem.png') center / 100% 100% no-repeat;
  mix-blend-mode:screen;opacity:0;
  transition:opacity .28s ease,background-position 1.05s cubic-bezier(.18,.64,.26,1);
}
.page[data-edition='main'][data-page='1']:has(.diagram-hotspot.hero:is(:hover,:focus-visible)) .brand-art--cover-v img{
  filter:grayscale(1) brightness(.94) contrast(1.13) drop-shadow(0 3px 11px rgba(249,249,252,.23));
}
.page[data-edition='main'][data-page='1']:has(.diagram-hotspot.hero:is(:hover,:focus-visible)) .brand-art--cover-v::after{
  opacity:.62;background-position:0 0;
}

/* Text clicks: platinum hairline under the actual label, with no ruby box. */
.page .diagram-hotspot.word::before{background:rgba(238,240,244,.37);filter:none}
.page .diagram-hotspot.word::after{
  height:1px;background:linear-gradient(90deg,transparent,rgba(223,227,232,.48) 24%,#f8f9fc 50%,rgba(220,224,231,.48) 76%,transparent);
  filter:none!important;animation:none!important;transition:opacity .35s ease;
}
.page .diagram-hotspot.word:is(:hover,:focus-visible)::after{animation:none!important}
/* Object clicks: raise the existing chrome reflection only; no secondary V,
   exterior outline, shape expansion, or pink glow. */
.page .diagram-hotspot.hero::after{
  inset:7%;background:radial-gradient(ellipse,rgba(244,247,250,.10),rgba(238,241,246,.028) 42%,transparent 71%);
  filter:blur(11px);transition:opacity .48s ease;
}
.page .dynamic-motion .hover-material-glow{fill:#f5f7fb;opacity:.11;animation:none!important}
.page .dynamic-motion .hover-material-sweep{opacity:.42}

/* The navigation rail is functional chrome: no neon-pink hover halo. */
.control-rail .control-button:is(:hover,:focus-visible),
.control-rail .control-set select:is(:hover,:focus-visible){
  border-color:rgba(234,237,244,.64)!important;
  background:rgba(241,244,249,.035)!important;
  box-shadow:inset 0 0 0 1px rgba(244,246,250,.055)!important;
}

/* Seven-page landscape: no rectangular glow outside titles, device images or
   the product cards. Card feedback stays within the actual card's footprint. */
.page[data-extra-landscape='true'] .wide-topic:is(:hover,:focus-visible){
  box-shadow:none!important;border-color:rgba(228,232,238,.26)!important;
  background:rgba(245,247,250,.035)!important;filter:brightness(1.07);
}
.page[data-extra-landscape='true'] .wide-topic:is(.wide-title-button,.wide-cover-topic,.wide-cover-subtitle,.wide-year,.wide-phone-touch,.wide-hourglass-touch):is(:hover,:focus-visible){
  border-color:transparent!important;background:transparent!important;box-shadow:none!important;
}
.page[data-extra-landscape='true'] .wide-topic:focus-visible{
  outline:1px solid rgba(241,243,246,.74)!important;outline-offset:-2px;
}
.page[data-extra-landscape='true'] .wide-info-card::after{
  animation:none!important;opacity:0;left:-90%;
  transform:skewX(-17deg);
  background:linear-gradient(95deg,transparent,rgba(246,248,252,.13),transparent);
  transition:transform .95s cubic-bezier(.19,.69,.25,1),opacity .26s ease;
}
.page[data-extra-landscape='true'] .wide-info-card:is(:hover,:focus-visible)::after{
  opacity:.65;transform:translateX(360%) skewX(-17deg);
}
/* On the seven-page 16:9 assets slide, keep the introduction wholly clear
   of the first row of interactive cards at every supported language length. */
.page[data-edition='extra'][data-page='4'][data-layout='landscape'] .wide-assets-head .wide-lead{
  max-width:39%;font-size:1.03cqw;line-height:1.38;
}
@media(prefers-reduced-motion:reduce){
  .brand-art--cover-v::after{transition:none!important;opacity:0!important}
  .brand-art--cover-v img{transition:none!important}
  .page[data-extra-landscape='true'] .wide-info-card::after{transition:none!important;opacity:0!important}
}